diff --git a/lib/Accessibility.js b/lib/Accessibility.js
index 6c10dc692..0a7a0e2cc 100644
--- a/lib/Accessibility.js
+++ b/lib/Accessibility.js
@@ -48,7 +48,7 @@ var Accessibility = function Accessibility(props) {
 Accessibility.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Accessibility.js.map b/lib/Accessibility.js.map
index c3ca3fe2e..92d21a730 100644
--- a/lib/Accessibility.js.map
+++ b/lib/Accessibility.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Accessibility.js"],"names":["Accessibility","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kDAAR,GAAjK;AAA6N,8CAAM,GAAE,+qBAAR;AAA7N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"Accessibility.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Accessibility = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z\"/><path d=\"M432 112.8l-.45.12-.42.13c-1 .28-2 .58-3 .89-18.61 5.46-108.93 30.92-172.56 30.92-59.13 0-141.28-22-167.56-29.47a73.79 73.79 0 00-8-2.58c-19-5-32 14.3-32 31.94 0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84 4.13 10.59.83 31.56-.34 38.88l-5.8 45-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82 19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57 42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94 22.52 0 34.38-15.74 32-31.94a57.17 57.17 0 00-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09 1.09 0 00.08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a16.9 16.9 0 001.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibility.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibility.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Accessibility"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Accessibility.js"],"names":["Accessibility","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kDAAR,GAAhK;AAA6N,8CAAM,GAAE,+qBAAR;AAA7N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"Accessibility.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Accessibility = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z\" /><path d=\"M432 112.8l-.45.12-.42.13c-1 .28-2 .58-3 .89-18.61 5.46-108.93 30.92-172.56 30.92-59.13 0-141.28-22-167.56-29.47a73.79 73.79 0 00-8-2.58c-19-5-32 14.3-32 31.94 0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84 4.13 10.59.83 31.56-.34 38.88l-5.8 45-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82 19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57 42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94 22.52 0 34.38-15.74 32-31.94a57.17 57.17 0 00-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09 1.09 0 00.08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a16.9 16.9 0 001.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibility.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibility.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Accessibility"]}
\ No newline at end of file
diff --git a/lib/AccessibilityOutline.js b/lib/AccessibilityOutline.js
index aa7afb3a7..02041c6c0 100644
--- a/lib/AccessibilityOutline.js
+++ b/lib/AccessibilityOutline.js
@@ -48,7 +48,7 @@ var AccessibilityOutline = function AccessibilityOutline(props) {
 AccessibilityOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AccessibilityOutline.js.map b/lib/AccessibilityOutline.js.map
index 72271b0f1..9a67fd94e 100644
--- a/lib/AccessibilityOutline.js.map
+++ b/lib/AccessibilityOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AccessibilityOutline.js"],"names":["AccessibilityOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,gBAAe,OAAzD,EAAiE,aAAY,IAA7E,EAAkF,IAAG,KAArF,EAA2F,IAAG,IAA9F,EAAmG,GAAE,IAArG,GAAjK;AAA4Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,gfAAlF;AAA5Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"AccessibilityOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AccessibilityOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" cx=\"256\" cy=\"56\" r=\"40\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M204.23 274.44c2.9-18.06 4.2-35.52-.5-47.59-4-10.38-12.7-16.19-23.2-20.15L88 176.76c-12-4-23.21-10.7-24-23.94-1-17 14-28 29-24 0 0 88 31.14 163 31.14s162-31 162-31c18-5 30 9 30 23.79 0 14.21-11 19.21-24 23.94l-88 31.91c-8 3-21 9-26 18.18-6 10.75-5 29.53-2.1 47.59l5.9 29.63 37.41 163.9c2.8 13.15-6.3 25.44-19.4 27.74S308 489 304.12 476.28l-37.56-115.93q-2.71-8.34-4.8-16.87L256 320l-5.3 21.65q-2.52 10.35-5.8 20.48L208 476.18c-4 12.85-14.5 21.75-27.6 19.46s-22.4-15.59-19.46-27.74l37.39-163.83z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibilityOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibilityOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AccessibilityOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AccessibilityOutline.js"],"names":["AccessibilityOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,gBAAe,OAAzD,EAAiE,aAAY,IAA7E,EAAkF,IAAG,KAArF,EAA2F,IAAG,IAA9F,EAAmG,GAAE,IAArG,GAAhK;AAA4Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,gfAAlF;AAA5Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"AccessibilityOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AccessibilityOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" cx=\"256\" cy=\"56\" r=\"40\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M204.23 274.44c2.9-18.06 4.2-35.52-.5-47.59-4-10.38-12.7-16.19-23.2-20.15L88 176.76c-12-4-23.21-10.7-24-23.94-1-17 14-28 29-24 0 0 88 31.14 163 31.14s162-31 162-31c18-5 30 9 30 23.79 0 14.21-11 19.21-24 23.94l-88 31.91c-8 3-21 9-26 18.18-6 10.75-5 29.53-2.1 47.59l5.9 29.63 37.41 163.9c2.8 13.15-6.3 25.44-19.4 27.74S308 489 304.12 476.28l-37.56-115.93q-2.71-8.34-4.8-16.87L256 320l-5.3 21.65q-2.52 10.35-5.8 20.48L208 476.18c-4 12.85-14.5 21.75-27.6 19.46s-22.4-15.59-19.46-27.74l37.39-163.83z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibilityOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibilityOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AccessibilityOutline"]}
\ No newline at end of file
diff --git a/lib/AccessibilitySharp.js b/lib/AccessibilitySharp.js
index 475662014..724b9b21d 100644
--- a/lib/AccessibilitySharp.js
+++ b/lib/AccessibilitySharp.js
@@ -47,7 +47,7 @@ var AccessibilitySharp = function AccessibilitySharp(props) {
 AccessibilitySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AccessibilitySharp.js.map b/lib/AccessibilitySharp.js.map
index 2959b6c91..fd60aa81e 100644
--- a/lib/AccessibilitySharp.js.map
+++ b/lib/AccessibilitySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AccessibilitySharp.js"],"names":["AccessibilitySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"AccessibilitySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AccessibilitySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 112c-66.82 17.92-119.55 32-192 32s-125.18-14.08-192-32l-16 51c48 20.53 96.71 35.16 147.2 53.2L144 496l56.4 16L246 336h20l45.6 176 56.4-16-51.2-279.8C367.26 199.93 416 183.53 464 164zM256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibilitySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibilitySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AccessibilitySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AccessibilitySharp.js"],"names":["AccessibilitySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"AccessibilitySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AccessibilitySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 112c-66.82 17.92-119.55 32-192 32s-125.18-14.08-192-32l-16 51c48 20.53 96.71 35.16 147.2 53.2L144 496l56.4 16L246 336h20l45.6 176 56.4-16-51.2-279.8C367.26 199.93 416 183.53 464 164zM256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAccessibilitySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAccessibilitySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AccessibilitySharp"]}
\ No newline at end of file
diff --git a/lib/Add.js b/lib/Add.js
index 85d8b60d9..ec4447a44 100644
--- a/lib/Add.js
+++ b/lib/Add.js
@@ -47,7 +47,7 @@ var Add = function Add(props) {
 Add.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Add.js.map b/lib/Add.js.map
index fe4c722f1..9797b7174 100644
--- a/lib/Add.js.map
+++ b/lib/Add.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Add.js"],"names":["Add","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Add.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Add = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAdd.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Add"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Add.js"],"names":["Add","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Add.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Add = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAdd.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Add"]}
\ No newline at end of file
diff --git a/lib/AddCircle.js b/lib/AddCircle.js
index 0a0d69bdb..36892796d 100644
--- a/lib/AddCircle.js
+++ b/lib/AddCircle.js
@@ -47,7 +47,7 @@ var AddCircle = function AddCircle(props) {
 AddCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AddCircle.js.map b/lib/AddCircle.js.map
index 4ad98f5dc..0ff67226b 100644
--- a/lib/AddCircle.js.map
+++ b/lib/AddCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AddCircle.js"],"names":["AddCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AddCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AddCircle.js"],"names":["AddCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AddCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircle"]}
\ No newline at end of file
diff --git a/lib/AddCircleOutline.js b/lib/AddCircleOutline.js
index 3c5f9f88e..0cbcd6404 100644
--- a/lib/AddCircleOutline.js
+++ b/lib/AddCircleOutline.js
@@ -48,7 +48,7 @@ var AddCircleOutline = function AddCircleOutline(props) {
 AddCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AddCircleOutline.js.map b/lib/AddCircleOutline.js.map
index 3acffc3b0..f0cc4910c 100644
--- a/lib/AddCircleOutline.js.map
+++ b/lib/AddCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AddCircleOutline.js"],"names":["AddCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AddCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 176v160M336 256H176\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AddCircleOutline.js"],"names":["AddCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AddCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 176v160M336 256H176\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircleOutline"]}
\ No newline at end of file
diff --git a/lib/AddCircleSharp.js b/lib/AddCircleSharp.js
index 664cd8791..8b667a75e 100644
--- a/lib/AddCircleSharp.js
+++ b/lib/AddCircleSharp.js
@@ -47,7 +47,7 @@ var AddCircleSharp = function AddCircleSharp(props) {
 AddCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AddCircleSharp.js.map b/lib/AddCircleSharp.js.map
index 4e985ca3d..b7e0371c2 100644
--- a/lib/AddCircleSharp.js.map
+++ b/lib/AddCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AddCircleSharp.js"],"names":["AddCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"AddCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224h-80v80h-32v-80h-80v-32h80v-80h32v80h80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AddCircleSharp.js"],"names":["AddCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"AddCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224h-80v80h-32v-80h-80v-32h80v-80h32v80h80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddCircleSharp"]}
\ No newline at end of file
diff --git a/lib/AddOutline.js b/lib/AddOutline.js
index 83fff4afb..1d37be43e 100644
--- a/lib/AddOutline.js
+++ b/lib/AddOutline.js
@@ -47,7 +47,7 @@ var AddOutline = function AddOutline(props) {
 AddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AddOutline.js.map b/lib/AddOutline.js.map
index b4f6a084f..b02157241 100644
--- a/lib/AddOutline.js.map
+++ b/lib/AddOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AddOutline.js"],"names":["AddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AddOutline.js"],"names":["AddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddOutline"]}
\ No newline at end of file
diff --git a/lib/AddSharp.js b/lib/AddSharp.js
index a6552e140..0e34f9532 100644
--- a/lib/AddSharp.js
+++ b/lib/AddSharp.js
@@ -47,7 +47,7 @@ var AddSharp = function AddSharp(props) {
 AddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AddSharp.js.map b/lib/AddSharp.js.map
index b4fed7ed3..027b48240 100644
--- a/lib/AddSharp.js.map
+++ b/lib/AddSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AddSharp.js"],"names":["AddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,0BAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"AddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AddSharp.js"],"names":["AddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,0BAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"AddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v288M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AddSharp"]}
\ No newline at end of file
diff --git a/lib/Airplane.js b/lib/Airplane.js
index fe0d528a7..f24de71ef 100644
--- a/lib/Airplane.js
+++ b/lib/Airplane.js
@@ -47,7 +47,7 @@ var Airplane = function Airplane(props) {
 Airplane.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Airplane.js.map b/lib/Airplane.js.map
index eb7500478..cbdff654d 100644
--- a/lib/Airplane.js.map
+++ b/lib/Airplane.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Airplane.js"],"names":["Airplane","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,knBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Airplane.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Airplane = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M186.62 464H160a16 16 0 01-14.57-22.6l64.46-142.25L113.1 297l-35.3 42.77C71.07 348.23 65.7 352 52 352H34.08a17.66 17.66 0 01-14.7-7.06c-2.38-3.21-4.72-8.65-2.44-16.41l19.82-71c.15-.53.33-1.06.53-1.58a.38.38 0 000-.15 14.82 14.82 0 01-.53-1.59l-19.84-71.45c-2.15-7.61.2-12.93 2.56-16.06a16.83 16.83 0 0113.6-6.7H52c10.23 0 20.16 4.59 26 12l34.57 42.05 97.32-1.44-64.44-142A16 16 0 01160 48h26.91a25 25 0 0119.35 9.8l125.05 152 57.77-1.52c4.23-.23 15.95-.31 18.66-.31C463 208 496 225.94 496 256c0 9.46-3.78 27-29.07 38.16-14.93 6.6-34.85 9.94-59.21 9.94-2.68 0-14.37-.08-18.66-.31l-57.76-1.54-125.36 152a25 25 0 01-19.32 9.75z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplane.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplane.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Airplane"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Airplane.js"],"names":["Airplane","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,knBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Airplane.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Airplane = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M186.62 464H160a16 16 0 01-14.57-22.6l64.46-142.25L113.1 297l-35.3 42.77C71.07 348.23 65.7 352 52 352H34.08a17.66 17.66 0 01-14.7-7.06c-2.38-3.21-4.72-8.65-2.44-16.41l19.82-71c.15-.53.33-1.06.53-1.58a.38.38 0 000-.15 14.82 14.82 0 01-.53-1.59l-19.84-71.45c-2.15-7.61.2-12.93 2.56-16.06a16.83 16.83 0 0113.6-6.7H52c10.23 0 20.16 4.59 26 12l34.57 42.05 97.32-1.44-64.44-142A16 16 0 01160 48h26.91a25 25 0 0119.35 9.8l125.05 152 57.77-1.52c4.23-.23 15.95-.31 18.66-.31C463 208 496 225.94 496 256c0 9.46-3.78 27-29.07 38.16-14.93 6.6-34.85 9.94-59.21 9.94-2.68 0-14.37-.08-18.66-.31l-57.76-1.54-125.36 152a25 25 0 01-19.32 9.75z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplane.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplane.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Airplane"]}
\ No newline at end of file
diff --git a/lib/AirplaneOutline.js b/lib/AirplaneOutline.js
index 2bd8b6c9a..8dff201ea 100644
--- a/lib/AirplaneOutline.js
+++ b/lib/AirplaneOutline.js
@@ -47,7 +47,7 @@ var AirplaneOutline = function AirplaneOutline(props) {
 AirplaneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AirplaneOutline.js.map b/lib/AirplaneOutline.js.map
index f617a2d71..03caa9bcb 100644
--- a/lib/AirplaneOutline.js.map
+++ b/lib/AirplaneOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AirplaneOutline.js"],"names":["AirplaneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qhBAAR,EAA8hB,MAAK,MAAniB,EAA0iB,QAAO,cAAjjB,EAAgkB,eAAc,OAA9kB,EAAslB,gBAAe,OAArmB,EAA6mB,aAAY,IAAznB;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"AirplaneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AirplaneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 01-1.69-.9L193.55 67.56a9 9 0 00-6.66-3.56H160l73 161a2.35 2.35 0 01-2.26 3.35l-121.69 1.8a8.06 8.06 0 01-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 010 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 016.6-3.1l120.68 2.7a2.7 2.7 0 012.43 3.74L160 448h26.64a9 9 0 006.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplaneOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplaneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AirplaneOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AirplaneOutline.js"],"names":["AirplaneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qhBAAR,EAA8hB,MAAK,MAAniB,EAA0iB,QAAO,cAAjjB,EAAgkB,eAAc,OAA9kB,EAAslB,gBAAe,OAArmB,EAA6mB,aAAY,IAAznB;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"AirplaneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AirplaneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 01-1.69-.9L193.55 67.56a9 9 0 00-6.66-3.56H160l73 161a2.35 2.35 0 01-2.26 3.35l-121.69 1.8a8.06 8.06 0 01-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 010 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 016.6-3.1l120.68 2.7a2.7 2.7 0 012.43 3.74L160 448h26.64a9 9 0 006.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplaneOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplaneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AirplaneOutline"]}
\ No newline at end of file
diff --git a/lib/AirplaneSharp.js b/lib/AirplaneSharp.js
index ccf504084..c90bdd790 100644
--- a/lib/AirplaneSharp.js
+++ b/lib/AirplaneSharp.js
@@ -47,7 +47,7 @@ var AirplaneSharp = function AirplaneSharp(props) {
 AirplaneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AirplaneSharp.js.map b/lib/AirplaneSharp.js.map
index 8b06fe5e1..8184e8451 100644
--- a/lib/AirplaneSharp.js.map
+++ b/lib/AirplaneSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AirplaneSharp.js"],"names":["AirplaneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2XAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AirplaneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AirplaneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.72 208c-2.72 0-14.44.08-18.67.31l-57.77 1.52L198.06 48h-62.81l74.59 164.61-97.31 1.44L68.25 160H16.14l20.61 94.18c.15.54.33 1.07.53 1.59a.26.26 0 010 .15 15.42 15.42 0 00-.53 1.58L15.86 352h51.78l45.45-55 96.77 2.17L135.24 464h63l133-161.75 57.77 1.54c4.29.23 16 .31 18.66.31 24.35 0 44.27-3.34 59.21-9.94C492.22 283 496 265.46 496 256c0-30.06-33-48-88.28-48zm-71.29 87.9z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplaneSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplaneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AirplaneSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AirplaneSharp.js"],"names":["AirplaneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2XAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AirplaneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AirplaneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.72 208c-2.72 0-14.44.08-18.67.31l-57.77 1.52L198.06 48h-62.81l74.59 164.61-97.31 1.44L68.25 160H16.14l20.61 94.18c.15.54.33 1.07.53 1.59a.26.26 0 010 .15 15.42 15.42 0 00-.53 1.58L15.86 352h51.78l45.45-55 96.77 2.17L135.24 464h63l133-161.75 57.77 1.54c4.29.23 16 .31 18.66.31 24.35 0 44.27-3.34 59.21-9.94C492.22 283 496 265.46 496 256c0-30.06-33-48-88.28-48zm-71.29 87.9z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAirplaneSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAirplaneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AirplaneSharp"]}
\ No newline at end of file
diff --git a/lib/Alarm.js b/lib/Alarm.js
index a1e2c5cd9..d866afc40 100644
--- a/lib/Alarm.js
+++ b/lib/Alarm.js
@@ -48,7 +48,7 @@ var Alarm = function Alarm(props) {
 Alarm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Alarm.js.map b/lib/Alarm.js.map
index 60f216556..d7e397a22 100644
--- a/lib/Alarm.js.map
+++ b/lib/Alarm.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Alarm.js"],"names":["Alarm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qbAAR,GAAjK;AAAgmB,8CAAM,GAAE,mTAAR;AAAhmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Alarm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Alarm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M153.59 110.46A21.41 21.41 0 00152.48 79 62.67 62.67 0 00112 64l-3.27.09h-.48C74.4 66.15 48 95.55 48.07 131c0 19 8 29.06 14.32 37.11a20.61 20.61 0 0014.7 7.8c.26 0 .7.05 2 .05a19.06 19.06 0 0013.75-5.89zM403.79 64.11l-3.27-.1H400a62.67 62.67 0 00-40.52 15 21.41 21.41 0 00-1.11 31.44l60.77 59.65a19.06 19.06 0 0013.79 5.9c1.28 0 1.72 0 2-.05a20.61 20.61 0 0014.69-7.8c6.36-8.05 14.28-18.08 14.32-37.11.06-35.49-26.34-64.89-60.15-66.93z\"/><path d=\"M256.07 96c-97 0-176 78.95-176 176a175.23 175.23 0 0040.81 112.56l-36.12 36.13a16 16 0 1022.63 22.62l36.12-36.12a175.63 175.63 0 00225.12 0l36.13 36.12a16 16 0 1022.63-22.62l-36.13-36.13A175.17 175.17 0 00432.07 272c0-97-78.95-176-176-176zm16 176a16 16 0 01-16 16h-80a16 16 0 010-32h64v-96a16 16 0 0132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarm.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Alarm"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Alarm.js"],"names":["Alarm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qbAAR,GAAhK;AAAgmB,8CAAM,GAAE,mTAAR;AAAhmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Alarm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Alarm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M153.59 110.46A21.41 21.41 0 00152.48 79 62.67 62.67 0 00112 64l-3.27.09h-.48C74.4 66.15 48 95.55 48.07 131c0 19 8 29.06 14.32 37.11a20.61 20.61 0 0014.7 7.8c.26 0 .7.05 2 .05a19.06 19.06 0 0013.75-5.89zM403.79 64.11l-3.27-.1H400a62.67 62.67 0 00-40.52 15 21.41 21.41 0 00-1.11 31.44l60.77 59.65a19.06 19.06 0 0013.79 5.9c1.28 0 1.72 0 2-.05a20.61 20.61 0 0014.69-7.8c6.36-8.05 14.28-18.08 14.32-37.11.06-35.49-26.34-64.89-60.15-66.93z\" /><path d=\"M256.07 96c-97 0-176 78.95-176 176a175.23 175.23 0 0040.81 112.56l-36.12 36.13a16 16 0 1022.63 22.62l36.12-36.12a175.63 175.63 0 00225.12 0l36.13 36.12a16 16 0 1022.63-22.62l-36.13-36.13A175.17 175.17 0 00432.07 272c0-97-78.95-176-176-176zm16 176a16 16 0 01-16 16h-80a16 16 0 010-32h64v-96a16 16 0 0132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarm.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Alarm"]}
\ No newline at end of file
diff --git a/lib/AlarmOutline.js b/lib/AlarmOutline.js
index 62f046035..85b85a186 100644
--- a/lib/AlarmOutline.js
+++ b/lib/AlarmOutline.js
@@ -48,7 +48,7 @@ var AlarmOutline = function AlarmOutline(props) {
 AlarmOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlarmOutline.js.map b/lib/AlarmOutline.js.map
index 753c0f1ec..830920a3a 100644
--- a/lib/AlarmOutline.js.map
+++ b/lib/AlarmOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlarmOutline.js"],"names":["AlarmOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,weAAR,EAAif,MAAK,MAAtf,EAA6f,QAAO,cAApgB,EAAmhB,kBAAiB,IAApiB,EAAyiB,aAAY,IAArjB,GAAjK;AAA4tB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uDAAxG;AAA5tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"AlarmOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlarmOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416.07 272a160 160 0 10-160 160 160 160 0 00160-160zM142.12 91.21A46.67 46.67 0 00112 80l-2.79.08C83.66 81.62 64 104 64.07 131c0 13.21 4.66 19.37 10.88 27.23a4.55 4.55 0 003.24 1.77h.88a3.23 3.23 0 002.54-1.31L142.38 99a5.38 5.38 0 001.55-4 5.26 5.26 0 00-1.81-3.79zM369.88 91.21A46.67 46.67 0 01400 80l2.79.08C428.34 81.62 448 104 447.93 131c0 13.21-4.66 19.37-10.88 27.23a4.55 4.55 0 01-3.24 1.76h-.88a3.23 3.23 0 01-2.54-1.31L369.62 99a5.38 5.38 0 01-1.55-4 5.26 5.26 0 011.81-3.79z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256.07 160v112h-80M416.07 432l-40-40M96.07 432l40-40\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarmOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarmOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlarmOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlarmOutline.js"],"names":["AlarmOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,weAAR,EAAif,MAAK,MAAtf,EAA6f,QAAO,cAApgB,EAAmhB,kBAAiB,IAApiB,EAAyiB,aAAY,IAArjB,GAAhK;AAA4tB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uDAAxG;AAA5tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"AlarmOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlarmOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416.07 272a160 160 0 10-160 160 160 160 0 00160-160zM142.12 91.21A46.67 46.67 0 00112 80l-2.79.08C83.66 81.62 64 104 64.07 131c0 13.21 4.66 19.37 10.88 27.23a4.55 4.55 0 003.24 1.77h.88a3.23 3.23 0 002.54-1.31L142.38 99a5.38 5.38 0 001.55-4 5.26 5.26 0 00-1.81-3.79zM369.88 91.21A46.67 46.67 0 01400 80l2.79.08C428.34 81.62 448 104 447.93 131c0 13.21-4.66 19.37-10.88 27.23a4.55 4.55 0 01-3.24 1.76h-.88a3.23 3.23 0 01-2.54-1.31L369.62 99a5.38 5.38 0 01-1.55-4 5.26 5.26 0 011.81-3.79z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256.07 160v112h-80M416.07 432l-40-40M96.07 432l40-40\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarmOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarmOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlarmOutline"]}
\ No newline at end of file
diff --git a/lib/AlarmSharp.js b/lib/AlarmSharp.js
index a8e527af8..26178d9dd 100644
--- a/lib/AlarmSharp.js
+++ b/lib/AlarmSharp.js
@@ -48,7 +48,7 @@ var AlarmSharp = function AlarmSharp(props) {
 AlarmSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlarmSharp.js.map b/lib/AlarmSharp.js.map
index 690bfe0c1..c2f050b00 100644
--- a/lib/AlarmSharp.js.map
+++ b/lib/AlarmSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlarmSharp.js"],"names":["AlarmSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0TAAR,GAAjK;AAAqe,8CAAM,GAAE,qXAAR;AAAre;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AlarmSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlarmSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.79 64.11l-3.27-.1H400c-14.73 0-28.55 5.91-40.52 15S344 96 344 96l88 86s11.25-5.71 17.61-13.85 14.28-18.08 14.32-37.11c.07-35.49-26.33-64.89-60.14-66.93zM108.21 64.11l3.27-.1h.52c14.73 0 28.55 5.91 40.52 15S168 96 168 96l-88 86s-11.25-5.71-17.61-13.85S48.11 150.07 48.07 131C48 95.55 74.4 66.15 108.21 64.11z\"/><path d=\"M391.3 384.6a.06.06 0 010-.08C425 344 441 288.24 427 229.23c-13.64-57.52-72.67-115.69-130.34-128.66C182 74.79 80.07 161.71 80.07 272a175.15 175.15 0 0040.78 112.52.06.06 0 010 .08L73 432a.06.06 0 000 .08l23 22.51a.06.06 0 00.08 0l47.43-47.37a.06.06 0 01.08 0 175.64 175.64 0 00225.05 0h.07L416 454.59a.06.06 0 00.08 0L440 432zM272.07 288h-112-.07v-31.9l.05-.05h80V144h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarmSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarmSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlarmSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlarmSharp.js"],"names":["AlarmSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0TAAR,GAAhK;AAAqe,8CAAM,GAAE,qXAAR;AAAre;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AlarmSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlarmSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.79 64.11l-3.27-.1H400c-14.73 0-28.55 5.91-40.52 15S344 96 344 96l88 86s11.25-5.71 17.61-13.85 14.28-18.08 14.32-37.11c.07-35.49-26.33-64.89-60.14-66.93zM108.21 64.11l3.27-.1h.52c14.73 0 28.55 5.91 40.52 15S168 96 168 96l-88 86s-11.25-5.71-17.61-13.85S48.11 150.07 48.07 131C48 95.55 74.4 66.15 108.21 64.11z\" /><path d=\"M391.3 384.6a.06.06 0 010-.08C425 344 441 288.24 427 229.23c-13.64-57.52-72.67-115.69-130.34-128.66C182 74.79 80.07 161.71 80.07 272a175.15 175.15 0 0040.78 112.52.06.06 0 010 .08L73 432a.06.06 0 000 .08l23 22.51a.06.06 0 00.08 0l47.43-47.37a.06.06 0 01.08 0 175.64 175.64 0 00225.05 0h.07L416 454.59a.06.06 0 00.08 0L440 432zM272.07 288h-112-.07v-31.9l.05-.05h80V144h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlarmSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlarmSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlarmSharp"]}
\ No newline at end of file
diff --git a/lib/Albums.js b/lib/Albums.js
index 3385b5088..bd2d0dffd 100644
--- a/lib/Albums.js
+++ b/lib/Albums.js
@@ -47,7 +47,7 @@ var Albums = function Albums(props) {
 Albums.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Albums.js.map b/lib/Albums.js.map
index 0a0241365..5c8ad22e1 100644
--- a/lib/Albums.js.map
+++ b/lib/Albums.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Albums.js"],"names":["Albums","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Albums.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Albums = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 96H144a16 16 0 010-32h224a16 16 0 010 32zM400 144H112a16 16 0 010-32h288a16 16 0 010 32zM419.13 448H92.87A44.92 44.92 0 0148 403.13V204.87A44.92 44.92 0 0192.87 160h326.26A44.92 44.92 0 01464 204.87v198.26A44.92 44.92 0 01419.13 448z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbums.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbums.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Albums"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Albums.js"],"names":["Albums","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Albums.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Albums = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 96H144a16 16 0 010-32h224a16 16 0 010 32zM400 144H112a16 16 0 010-32h288a16 16 0 010 32zM419.13 448H92.87A44.92 44.92 0 0148 403.13V204.87A44.92 44.92 0 0192.87 160h326.26A44.92 44.92 0 01464 204.87v198.26A44.92 44.92 0 01419.13 448z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbums.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbums.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Albums"]}
\ No newline at end of file
diff --git a/lib/AlbumsOutline.js b/lib/AlbumsOutline.js
index 2f28b108b..6f6be935a 100644
--- a/lib/AlbumsOutline.js
+++ b/lib/AlbumsOutline.js
@@ -48,7 +48,7 @@ var AlbumsOutline = function AlbumsOutline(props) {
 AlbumsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlbumsOutline.js.map b/lib/AlbumsOutline.js.map
index b22a08873..e889c1829 100644
--- a/lib/AlbumsOutline.js.map
+++ b/lib/AlbumsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlbumsOutline.js"],"names":["AlbumsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,OAAjD,EAAyD,IAAG,OAA5D,EAAoE,MAAK,MAAzE,EAAgF,QAAO,cAAvF,EAAsG,gBAAe,OAArH,EAA6H,aAAY,IAAzI,GAAjK;AAAgT,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,yBAA3F;AAAhT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AlbumsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlbumsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"176\" width=\"384\" height=\"256\" rx=\"28.87\" ry=\"28.87\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M144 80h224M112 128h288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbumsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbumsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlbumsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlbumsOutline.js"],"names":["AlbumsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,OAAjD,EAAyD,IAAG,OAA5D,EAAoE,MAAK,MAAzE,EAAgF,QAAO,cAAvF,EAAsG,gBAAe,OAArH,EAA6H,aAAY,IAAzI,GAAhK;AAAgT,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,yBAA3F;AAAhT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AlbumsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlbumsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"176\" width=\"384\" height=\"256\" rx=\"28.87\" ry=\"28.87\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M144 80h224M112 128h288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbumsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbumsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlbumsOutline"]}
\ No newline at end of file
diff --git a/lib/AlbumsSharp.js b/lib/AlbumsSharp.js
index 817937561..c20cae2a0 100644
--- a/lib/AlbumsSharp.js
+++ b/lib/AlbumsSharp.js
@@ -47,7 +47,7 @@ var AlbumsSharp = function AlbumsSharp(props) {
 AlbumsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlbumsSharp.js.map b/lib/AlbumsSharp.js.map
index f309eae3b..d0656250b 100644
--- a/lib/AlbumsSharp.js.map
+++ b/lib/AlbumsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlbumsSharp.js"],"names":["AlbumsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AlbumsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlbumsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 64h256v32H128zM96 112h320v32H96zM464 448H48V160h416z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbumsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbumsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlbumsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlbumsSharp.js"],"names":["AlbumsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AlbumsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlbumsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 64h256v32H128zM96 112h320v32H96zM464 448H48V160h416z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlbumsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlbumsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlbumsSharp"]}
\ No newline at end of file
diff --git a/lib/Alert.js b/lib/Alert.js
index 6e8788e9b..fc9a49624 100644
--- a/lib/Alert.js
+++ b/lib/Alert.js
@@ -48,7 +48,7 @@ var Alert = function Alert(props) {
 Alert.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Alert.js.map b/lib/Alert.js.map
index 217485b4a..8b774b806 100644
--- a/lib/Alert.js.map
+++ b/lib/Alert.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Alert.js"],"names":["Alert","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAjK;AAA2W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Alert.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Alert = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlert.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlert.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Alert"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Alert.js"],"names":["Alert","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAhK;AAA2W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Alert.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Alert = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlert.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlert.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Alert"]}
\ No newline at end of file
diff --git a/lib/AlertCircle.js b/lib/AlertCircle.js
index c17844fbb..ec7097a8c 100644
--- a/lib/AlertCircle.js
+++ b/lib/AlertCircle.js
@@ -47,7 +47,7 @@ var AlertCircle = function AlertCircle(props) {
 AlertCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlertCircle.js.map b/lib/AlertCircle.js.map
index f65d583e0..c3c26ae62 100644
--- a/lib/AlertCircle.js.map
+++ b/lib/AlertCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlertCircle.js"],"names":["AlertCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AlertCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlertCircle.js"],"names":["AlertCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AlertCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircle"]}
\ No newline at end of file
diff --git a/lib/AlertCircleOutline.js b/lib/AlertCircleOutline.js
index c60e2cac5..4d48a2e7e 100644
--- a/lib/AlertCircleOutline.js
+++ b/lib/AlertCircleOutline.js
@@ -49,7 +49,7 @@ var AlertCircleOutline = function AlertCircleOutline(props) {
 AlertCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlertCircleOutline.js.map b/lib/AlertCircleOutline.js.map
index aa1a2311b..fcae6d9e1 100644
--- a/lib/AlertCircleOutline.js.map
+++ b/lib/AlertCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlertCircleOutline.js"],"names":["AlertCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,mFAAR,EAA4F,MAAK,MAAjG,EAAwG,QAAO,cAA/G,EAA8H,eAAc,OAA5I,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL,GAAhU;AAA6f,8CAAM,GAAE,+CAAR;AAA7f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"AlertCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlertCircleOutline.js"],"names":["AlertCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,mFAAR,EAA4F,MAAK,MAAjG,EAAwG,QAAO,cAA/G,EAA8H,eAAc,OAA5I,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL,GAAhU;AAA8f,8CAAM,GAAE,+CAAR;AAA9f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"AlertCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircleOutline"]}
\ No newline at end of file
diff --git a/lib/AlertCircleSharp.js b/lib/AlertCircleSharp.js
index 11d5b0c90..418793fc8 100644
--- a/lib/AlertCircleSharp.js
+++ b/lib/AlertCircleSharp.js
@@ -48,7 +48,7 @@ var AlertCircleSharp = function AlertCircleSharp(props) {
 AlertCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlertCircleSharp.js.map b/lib/AlertCircleSharp.js.map
index 0298aab8c..ad32ef8e7 100644
--- a/lib/AlertCircleSharp.js.map
+++ b/lib/AlertCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlertCircleSharp.js"],"names":["AlertCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,GAAE,8BAApB,GAAjK;AAAqN,8CAAM,GAAE,uIAAR;AAArN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AlertCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M240 304h32l6-160h-44l6 160z\"/><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm20 319.91h-40v-40h40zM272 304h-32l-6-160h44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlertCircleSharp.js"],"names":["AlertCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,GAAE,8BAApB,GAAhK;AAAqN,8CAAM,GAAE,uIAAR;AAArN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AlertCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M240 304h32l6-160h-44l6 160z\" /><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm20 319.91h-40v-40h40zM272 304h-32l-6-160h44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertCircleSharp"]}
\ No newline at end of file
diff --git a/lib/AlertOutline.js b/lib/AlertOutline.js
index 6f5bd4c36..2e68399c1 100644
--- a/lib/AlertOutline.js
+++ b/lib/AlertOutline.js
@@ -48,7 +48,7 @@ var AlertOutline = function AlertOutline(props) {
 AlertOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlertOutline.js.map b/lib/AlertOutline.js.map
index 0cdf57f39..62d6e9692 100644
--- a/lib/AlertOutline.js.map
+++ b/lib/AlertOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlertOutline.js"],"names":["AlertOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAjK;AAA2W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"AlertOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlertOutline.js"],"names":["AlertOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAhK;AAA2W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"AlertOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertOutline"]}
\ No newline at end of file
diff --git a/lib/AlertSharp.js b/lib/AlertSharp.js
index 2c50750e7..c6c7546fa 100644
--- a/lib/AlertSharp.js
+++ b/lib/AlertSharp.js
@@ -47,7 +47,7 @@ var AlertSharp = function AlertSharp(props) {
 AlertSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AlertSharp.js.map b/lib/AlertSharp.js.map
index 57887a5d6..3ab9e8e3e 100644
--- a/lib/AlertSharp.js.map
+++ b/lib/AlertSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AlertSharp.js"],"names":["AlertSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AlertSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M240 80l8 240h16l8-240h-32zM240 400h32v32h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AlertSharp.js"],"names":["AlertSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"AlertSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AlertSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M240 80l8 240h16l8-240h-32zM240 400h32v32h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAlertSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAlertSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AlertSharp"]}
\ No newline at end of file
diff --git a/lib/AmericanFootball.js b/lib/AmericanFootball.js
index eaea3dd62..4fa2ecf27 100644
--- a/lib/AmericanFootball.js
+++ b/lib/AmericanFootball.js
@@ -47,7 +47,7 @@ var AmericanFootball = function AmericanFootball(props) {
 AmericanFootball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AmericanFootball.js.map b/lib/AmericanFootball.js.map
index 76a7d7266..78282703c 100644
--- a/lib/AmericanFootball.js.map
+++ b/lib/AmericanFootball.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AmericanFootball.js"],"names":["AmericanFootball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m7BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AmericanFootball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M122.06 122.06c-44.37 44.37-66.71 100.61-78 145.28l200.6 200.56c44.67-11.25 100.91-33.59 145.28-78s66.71-100.61 78-145.28L267.34 44.1c-44.67 11.25-100.91 33.59-145.28 77.96zm256.73 256.72zM300.65 189L323 166.71A15.78 15.78 0 01345.29 189L323 211.35l11.16 11.17a15.78 15.78 0 01-22.32 22.32l-11.16-11.16L278.32 256l11.16 11.16a15.78 15.78 0 11-22.32 22.32L256 278.32l-22.32 22.33 11.16 11.16a15.78 15.78 0 11-22.32 22.32L211.35 323 189 345.29A15.78 15.78 0 01166.71 323L189 300.65l-11.16-11.17a15.78 15.78 0 0122.32-22.32l11.16 11.16L233.68 256l-11.16-11.16a15.78 15.78 0 1122.32-22.32L256 233.68l22.32-22.33-11.16-11.16a15.78 15.78 0 0122.32-22.32zM476.57 199.63c7.31-54.53 4-120.26-20-144.21s-89.68-27.3-144.21-20c-2.51.34-5.16.72-7.91 1.15l171 171c.4-2.78.78-5.43 1.12-7.94zM35.43 312.37c-7.31 54.53-4 120.26 20 144.21C72.17 473.33 109.34 480 148.84 480a387 387 0 0050.79-3.43c2.51-.34 5.16-.72 7.91-1.15l-171-171c-.39 2.79-.77 5.44-1.11 7.95z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootball.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootball"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AmericanFootball.js"],"names":["AmericanFootball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m7BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AmericanFootball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M122.06 122.06c-44.37 44.37-66.71 100.61-78 145.28l200.6 200.56c44.67-11.25 100.91-33.59 145.28-78s66.71-100.61 78-145.28L267.34 44.1c-44.67 11.25-100.91 33.59-145.28 77.96zm256.73 256.72zM300.65 189L323 166.71A15.78 15.78 0 01345.29 189L323 211.35l11.16 11.17a15.78 15.78 0 01-22.32 22.32l-11.16-11.16L278.32 256l11.16 11.16a15.78 15.78 0 11-22.32 22.32L256 278.32l-22.32 22.33 11.16 11.16a15.78 15.78 0 11-22.32 22.32L211.35 323 189 345.29A15.78 15.78 0 01166.71 323L189 300.65l-11.16-11.17a15.78 15.78 0 0122.32-22.32l11.16 11.16L233.68 256l-11.16-11.16a15.78 15.78 0 1122.32-22.32L256 233.68l22.32-22.33-11.16-11.16a15.78 15.78 0 0122.32-22.32zM476.57 199.63c7.31-54.53 4-120.26-20-144.21s-89.68-27.3-144.21-20c-2.51.34-5.16.72-7.91 1.15l171 171c.4-2.78.78-5.43 1.12-7.94zM35.43 312.37c-7.31 54.53-4 120.26 20 144.21C72.17 473.33 109.34 480 148.84 480a387 387 0 0050.79-3.43c2.51-.34 5.16-.72 7.91-1.15l-171-171c-.39 2.79-.77 5.44-1.11 7.95z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootball.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootball"]}
\ No newline at end of file
diff --git a/lib/AmericanFootballOutline.js b/lib/AmericanFootballOutline.js
index ac78cd658..85cb8e5b8 100644
--- a/lib/AmericanFootballOutline.js
+++ b/lib/AmericanFootballOutline.js
@@ -48,7 +48,7 @@ var AmericanFootballOutline = function AmericanFootballOutline(props) {
 AmericanFootballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AmericanFootballOutline.js.map b/lib/AmericanFootballOutline.js.map
index 02763cf2d..3af667dbd 100644
--- a/lib/AmericanFootballOutline.js.map
+++ b/lib/AmericanFootballOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AmericanFootballOutline.js"],"names":["AmericanFootballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,QAA9B,EAAuC,IAAG,QAA1C,EAAmD,WAAU,yBAA7D,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL,GAAjK;AAAyV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2JAAxG;AAAzV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"AmericanFootballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"256\" rx=\"267.57\" ry=\"173.44\" transform=\"rotate(-45 256 256.002)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M334.04 177.96L177.96 334.04M278.3 278.3l-44.6-44.6M322.89 233.7l-44.59-44.59M456.68 211.4L300.6 55.32M211.4 456.68L55.32 300.6M233.7 322.89l-44.59-44.59\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootballOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootballOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AmericanFootballOutline.js"],"names":["AmericanFootballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,QAA9B,EAAuC,IAAG,QAA1C,EAAmD,WAAU,yBAA7D,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL,GAAhK;AAAyV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2JAAxG;AAAzV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"AmericanFootballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"256\" rx=\"267.57\" ry=\"173.44\" transform=\"rotate(-45 256 256.002)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M334.04 177.96L177.96 334.04M278.3 278.3l-44.6-44.6M322.89 233.7l-44.59-44.59M456.68 211.4L300.6 55.32M211.4 456.68L55.32 300.6M233.7 322.89l-44.59-44.59\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootballOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootballOutline"]}
\ No newline at end of file
diff --git a/lib/AmericanFootballSharp.js b/lib/AmericanFootballSharp.js
index 8cb13ef82..8d95d0a37 100644
--- a/lib/AmericanFootballSharp.js
+++ b/lib/AmericanFootballSharp.js
@@ -47,7 +47,7 @@ var AmericanFootballSharp = function AmericanFootballSharp(props) {
 AmericanFootballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AmericanFootballSharp.js.map b/lib/AmericanFootballSharp.js.map
index 4bd9928a2..1cdbcf773 100644
--- a/lib/AmericanFootballSharp.js.map
+++ b/lib/AmericanFootballSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AmericanFootballSharp.js"],"names":["AmericanFootballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6yBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"AmericanFootballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M120.9 120.51c-44.75 44.56-67.29 101.05-78.64 145.9l202.31 201.44c45.05-11.3 101.78-33.74 146.53-78.3s67.29-101.05 78.64-145.91L267.43 42.21C222.38 53.51 165.65 76 120.9 120.51zm259 257.83zm-45-224.2l22.52 22.42-33.78 33.63 22.52 22.42L323.55 255 301 232.61 278.52 255 301 277.45l-22.51 22.42L256 277.45l-22.52 22.42L256 322.29l-22.52 22.42L211 322.29l-33.78 33.63-22.55-22.42 33.78-33.63-22.52-22.42L188.45 255 211 277.45 233.48 255 211 232.61l22.51-22.42L256 232.61l22.52-22.42L256 187.77l22.52-22.42L301 187.77zM478.48 198.41C485.85 143.65 464 48.05 464 48.05s-96.14-21.88-151.14-14.54c-2.54.33-5.21.72-8 1.14l172.47 171.71c.43-2.76.81-5.42 1.15-7.95zM33.52 311.65C26.15 366.41 48.05 464 48.05 464s60 16 99.86 16a391.92 391.92 0 0051.23-3.45c2.54-.33 5.21-.72 8-1.15L34.67 303.7c-.43 2.76-.81 5.42-1.15 7.95z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootballSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootballSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AmericanFootballSharp.js"],"names":["AmericanFootballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6yBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"AmericanFootballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AmericanFootballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M120.9 120.51c-44.75 44.56-67.29 101.05-78.64 145.9l202.31 201.44c45.05-11.3 101.78-33.74 146.53-78.3s67.29-101.05 78.64-145.91L267.43 42.21C222.38 53.51 165.65 76 120.9 120.51zm259 257.83zm-45-224.2l22.52 22.42-33.78 33.63 22.52 22.42L323.55 255 301 232.61 278.52 255 301 277.45l-22.51 22.42L256 277.45l-22.52 22.42L256 322.29l-22.52 22.42L211 322.29l-33.78 33.63-22.55-22.42 33.78-33.63-22.52-22.42L188.45 255 211 277.45 233.48 255 211 232.61l22.51-22.42L256 232.61l22.52-22.42L256 187.77l22.52-22.42L301 187.77zM478.48 198.41C485.85 143.65 464 48.05 464 48.05s-96.14-21.88-151.14-14.54c-2.54.33-5.21.72-8 1.14l172.47 171.71c.43-2.76.81-5.42 1.15-7.95zM33.52 311.65C26.15 366.41 48.05 464 48.05 464s60 16 99.86 16a391.92 391.92 0 0051.23-3.45c2.54-.33 5.21-.72 8-1.15L34.67 303.7c-.43 2.76-.81 5.42-1.15 7.95z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAmericanFootballSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAmericanFootballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AmericanFootballSharp"]}
\ No newline at end of file
diff --git a/lib/Analytics.js b/lib/Analytics.js
index c1e1f1f3c..94b698cd6 100644
--- a/lib/Analytics.js
+++ b/lib/Analytics.js
@@ -47,7 +47,7 @@ var Analytics = function Analytics(props) {
 Analytics.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Analytics.js.map b/lib/Analytics.js.map
index 5e28de34d..4133f08fe 100644
--- a/lib/Analytics.js.map
+++ b/lib/Analytics.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Analytics.js"],"names":["Analytics","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Analytics.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Analytics = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 128a40 40 0 00-37.23 54.6l-84.17 84.17a39.86 39.86 0 00-29.2 0l-60.17-60.17a40 40 0 10-74.46 0L70.6 306.77a40 40 0 1022.63 22.63L193.4 229.23a39.86 39.86 0 0029.2 0l60.17 60.17a40 40 0 1074.46 0l84.17-84.17A40 40 0 10456 128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalytics.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalytics.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Analytics"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Analytics.js"],"names":["Analytics","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Analytics.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Analytics = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 128a40 40 0 00-37.23 54.6l-84.17 84.17a39.86 39.86 0 00-29.2 0l-60.17-60.17a40 40 0 10-74.46 0L70.6 306.77a40 40 0 1022.63 22.63L193.4 229.23a39.86 39.86 0 0029.2 0l60.17 60.17a40 40 0 1074.46 0l84.17-84.17A40 40 0 10456 128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalytics.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalytics.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Analytics"]}
\ No newline at end of file
diff --git a/lib/AnalyticsOutline.js b/lib/AnalyticsOutline.js
index 88ee82602..785c847d6 100644
--- a/lib/AnalyticsOutline.js
+++ b/lib/AnalyticsOutline.js
@@ -51,7 +51,7 @@ var AnalyticsOutline = function AnalyticsOutline(props) {
 AnalyticsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AnalyticsOutline.js.map b/lib/AnalyticsOutline.js.map
index ac2c45b9d..7502191ff 100644
--- a/lib/AnalyticsOutline.js.map
+++ b/lib/AnalyticsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AnalyticsOutline.js"],"names":["AnalyticsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAjK;AAAwT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAxT;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA1b;AAA4jB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA5jB;AAA8rB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AnalyticsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AnalyticsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M344 280l88-88M232 216l64 64M80 320l104-104\"/><circle cx=\"456\" cy=\"168\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"320\" cy=\"304\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"208\" cy=\"192\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"56\" cy=\"344\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalyticsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalyticsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AnalyticsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AnalyticsOutline.js"],"names":["AnalyticsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAhK;AAAwT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAxT;AAA2b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA3b;AAA8jB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA9jB;AAAisB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAAjsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"AnalyticsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AnalyticsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M344 280l88-88M232 216l64 64M80 320l104-104\" /><circle cx=\"456\" cy=\"168\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"320\" cy=\"304\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"208\" cy=\"192\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"56\" cy=\"344\" r=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalyticsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalyticsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AnalyticsOutline"]}
\ No newline at end of file
diff --git a/lib/AnalyticsSharp.js b/lib/AnalyticsSharp.js
index 9e3965bd6..a63f5bc12 100644
--- a/lib/AnalyticsSharp.js
+++ b/lib/AnalyticsSharp.js
@@ -47,7 +47,7 @@ var AnalyticsSharp = function AnalyticsSharp(props) {
 AnalyticsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AnalyticsSharp.js.map b/lib/AnalyticsSharp.js.map
index 96d8f42e5..a6ebdd12c 100644
--- a/lib/AnalyticsSharp.js.map
+++ b/lib/AnalyticsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AnalyticsSharp.js"],"names":["AnalyticsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"AnalyticsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AnalyticsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M450 128a46 46 0 00-44.11 59l-71.37 71.36a45.88 45.88 0 00-29 0l-52.91-52.91a46 46 0 10-89.12 0L75 293.88A46.08 46.08 0 10106.11 325l87.37-87.36a45.85 45.85 0 0029 0l52.92 52.92a46 46 0 1089.12 0L437 218.12A46 46 0 10450 128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalyticsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalyticsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AnalyticsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AnalyticsSharp.js"],"names":["AnalyticsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"AnalyticsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AnalyticsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M450 128a46 46 0 00-44.11 59l-71.37 71.36a45.88 45.88 0 00-29 0l-52.91-52.91a46 46 0 10-89.12 0L75 293.88A46.08 46.08 0 10106.11 325l87.37-87.36a45.85 45.85 0 0029 0l52.92 52.92a46 46 0 1089.12 0L437 218.12A46 46 0 10450 128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAnalyticsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAnalyticsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AnalyticsSharp"]}
\ No newline at end of file
diff --git a/lib/Aperture.js b/lib/Aperture.js
index 994a47c49..6d190b9ff 100644
--- a/lib/Aperture.js
+++ b/lib/Aperture.js
@@ -47,7 +47,7 @@ var Aperture = function Aperture(props) {
 Aperture.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Aperture.js.map b/lib/Aperture.js.map
index 675db5861..c3d0504d4 100644
--- a/lib/Aperture.js.map
+++ b/lib/Aperture.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Aperture.js"],"names":["Aperture","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,02BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Aperture.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Aperture = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M250.54 129.17l-67.8-67.8A209.65 209.65 0 0086.32 136h161.4a4 4 0 002.82-6.83zM167.72 168H67.63a207.34 207.34 0 00-16.15 125.9l119.06-119.07a4 4 0 00-2.82-6.83zM344 167.72V67.56a207.82 207.82 0 00-125.89-16.08l119.06 119.06a4 4 0 006.83-2.82zM460.52 218.1L341.46 337.17a4 4 0 002.82 6.83h100.09a207.34 207.34 0 0016.15-125.9zM382.83 250.54l67.83-67.82A209.08 209.08 0 00376 86.2v161.52a4 4 0 006.83 2.82zM221.68 341.77a8 8 0 005.54 2.23h59.66a8 8 0 005.7-2.39l49.18-50a8 8 0 002.3-5.62l-.06-60.81a8 8 0 00-2.38-5.69l-50-49.25a8 8 0 00-5.63-2.3l-60.84.06a8 8 0 00-5.69 2.38l-49.25 50a8 8 0 00-2.3 5.63l.06 60.78a8 8 0 002.45 5.76zM261.46 382.83l67.8 67.8A209.65 209.65 0 00425.68 376h-161.4a4 4 0 00-2.82 6.83zM168 344.28v100.16a207.82 207.82 0 00125.89 16.08L174.83 341.46a4 4 0 00-6.83 2.82zM129.17 261.46l-67.83 67.83A209.1 209.1 0 00136 425.8V264.28a4 4 0 00-6.83-2.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAperture.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAperture.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Aperture"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Aperture.js"],"names":["Aperture","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,02BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Aperture.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Aperture = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M250.54 129.17l-67.8-67.8A209.65 209.65 0 0086.32 136h161.4a4 4 0 002.82-6.83zM167.72 168H67.63a207.34 207.34 0 00-16.15 125.9l119.06-119.07a4 4 0 00-2.82-6.83zM344 167.72V67.56a207.82 207.82 0 00-125.89-16.08l119.06 119.06a4 4 0 006.83-2.82zM460.52 218.1L341.46 337.17a4 4 0 002.82 6.83h100.09a207.34 207.34 0 0016.15-125.9zM382.83 250.54l67.83-67.82A209.08 209.08 0 00376 86.2v161.52a4 4 0 006.83 2.82zM221.68 341.77a8 8 0 005.54 2.23h59.66a8 8 0 005.7-2.39l49.18-50a8 8 0 002.3-5.62l-.06-60.81a8 8 0 00-2.38-5.69l-50-49.25a8 8 0 00-5.63-2.3l-60.84.06a8 8 0 00-5.69 2.38l-49.25 50a8 8 0 00-2.3 5.63l.06 60.78a8 8 0 002.45 5.76zM261.46 382.83l67.8 67.8A209.65 209.65 0 00425.68 376h-161.4a4 4 0 00-2.82 6.83zM168 344.28v100.16a207.82 207.82 0 00125.89 16.08L174.83 341.46a4 4 0 00-6.83 2.82zM129.17 261.46l-67.83 67.83A209.1 209.1 0 00136 425.8V264.28a4 4 0 00-6.83-2.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAperture.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAperture.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Aperture"]}
\ No newline at end of file
diff --git a/lib/ApertureOutline.js b/lib/ApertureOutline.js
index 296e4efa5..38112cb10 100644
--- a/lib/ApertureOutline.js
+++ b/lib/ApertureOutline.js
@@ -48,7 +48,7 @@ var ApertureOutline = function ApertureOutline(props) {
 ApertureOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ApertureOutline.js.map b/lib/ApertureOutline.js.map
index 9484ae95e..1a7280912 100644
--- a/lib/ApertureOutline.js.map
+++ b/lib/ApertureOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ApertureOutline.js"],"names":["ApertureOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gJAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ApertureOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ApertureOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M360 94.59V296M443.13 212.87L296 360M417.41 360H216M299.13 443.13l-144-144M152 416V216M68.87 299.13l144-144M94.59 152H288M212.87 68.87L360 216\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nApertureOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApertureOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ApertureOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ApertureOutline.js"],"names":["ApertureOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gJAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ApertureOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ApertureOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M360 94.59V296M443.13 212.87L296 360M417.41 360H216M299.13 443.13l-144-144M152 416V216M68.87 299.13l144-144M94.59 152H288M212.87 68.87L360 216\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nApertureOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApertureOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ApertureOutline"]}
\ No newline at end of file
diff --git a/lib/ApertureSharp.js b/lib/ApertureSharp.js
index 9b8a0c149..954842d0d 100644
--- a/lib/ApertureSharp.js
+++ b/lib/ApertureSharp.js
@@ -47,7 +47,7 @@ var ApertureSharp = function ApertureSharp(props) {
 ApertureSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ApertureSharp.js.map b/lib/ApertureSharp.js.map
index 59b1a0b95..6d0ae2157 100644
--- a/lib/ApertureSharp.js.map
+++ b/lib/ApertureSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ApertureSharp.js"],"names":["ApertureSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ApertureSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ApertureSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216 48l129.49 128.18V48H216zM181.47 58.38L80 134h176l-74.53-75.62zM336 344h128V216L336 344zM454 182L378 80v176l76-74zM48 166v128l128-128H48zM330 454l102-76H256l74 76zM58 330l76 102V256l-76 74zM345.49 222.12l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46zM165.98 336.09L166 464h128L165.98 336.09z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nApertureSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApertureSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ApertureSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ApertureSharp.js"],"names":["ApertureSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ApertureSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ApertureSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216 48l129.49 128.18V48H216zM181.47 58.38L80 134h176l-74.53-75.62zM336 344h128V216L336 344zM454 182L378 80v176l76-74zM48 166v128l128-128H48zM330 454l102-76H256l74 76zM58 330l76 102V256l-76 74zM345.49 222.12l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46zM165.98 336.09L166 464h128L165.98 336.09z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nApertureSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApertureSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ApertureSharp"]}
\ No newline at end of file
diff --git a/lib/Apps.js b/lib/Apps.js
index fd580a92b..4df4702e4 100644
--- a/lib/Apps.js
+++ b/lib/Apps.js
@@ -47,7 +47,7 @@ var Apps = function Apps(props) {
 Apps.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Apps.js.map b/lib/Apps.js.map
index 5aa4f88a0..78f04af05 100644
--- a/lib/Apps.js.map
+++ b/lib/Apps.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Apps.js"],"names":["Apps","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kbAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Apps.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Apps = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M104 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 464a56 56 0 1156-56 56.06 56.06 0 01-56 56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nApps.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApps.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Apps"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Apps.js"],"names":["Apps","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kbAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Apps.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Apps = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M104 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 464a56 56 0 1156-56 56.06 56.06 0 01-56 56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nApps.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nApps.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Apps"]}
\ No newline at end of file
diff --git a/lib/AppsOutline.js b/lib/AppsOutline.js
index 2217a4b1d..067234ed2 100644
--- a/lib/AppsOutline.js
+++ b/lib/AppsOutline.js
@@ -55,7 +55,7 @@ var AppsOutline = function AppsOutline(props) {
 AppsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AppsOutline.js.map b/lib/AppsOutline.js.map
index 04ac0f101..21d2d0de6 100644
--- a/lib/AppsOutline.js.map
+++ b/lib/AppsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AppsOutline.js"],"names":["AppsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,IAA9C,EAAmD,IAAG,IAAtD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,kBAAiB,IAA9G,EAAmH,aAAY,IAA/H,GAAjK;AAAsS,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAAtS;AAA4a,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAA5a;AAAkjB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAAljB;AAAwrB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAAxrB;AAA+zB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAA/zB;AAAs8B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAAt8B;AAA4kC,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAA5kC;AAAmtC,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI;AAAntC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AppsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AppsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"216\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"368\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"64\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"216\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"368\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"64\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"216\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"368\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAppsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAppsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AppsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AppsOutline.js"],"names":["AppsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,IAA9C,EAAmD,IAAG,IAAtD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,kBAAiB,IAA9G,EAAmH,aAAY,IAA/H,GAAhK;AAAsS,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAAtS;AAA6a,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAA7a;AAAojB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAApjB;AAA2rB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAA3rB;AAAm0B,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAAn0B;AAA28B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,kBAAiB,IAA/G,EAAoH,aAAY,IAAhI,GAA38B;AAAklC,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAAllC;AAA0tC,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI;AAA1tC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AppsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AppsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"216\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"368\" y=\"64\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"64\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"216\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"368\" y=\"216\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"64\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"216\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"368\" y=\"368\" width=\"80\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAppsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAppsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AppsOutline"]}
\ No newline at end of file
diff --git a/lib/AppsSharp.js b/lib/AppsSharp.js
index d6cc6bf3d..aa9827caa 100644
--- a/lib/AppsSharp.js
+++ b/lib/AppsSharp.js
@@ -55,7 +55,7 @@ var AppsSharp = function AppsSharp(props) {
 AppsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AppsSharp.js.map b/lib/AppsSharp.js.map
index 47f1e61cf..a0b7a5257 100644
--- a/lib/AppsSharp.js.map
+++ b/lib/AppsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AppsSharp.js"],"names":["AppsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAjK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAA7N;AAA0R,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAA1R;AAAuV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAAvV;AAAoZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAApZ;AAAkd,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAld;AAAghB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAAhhB;AAA6kB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAA7kB;AAA2oB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD;AAA3oB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AppsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AppsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"200\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"352\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"48\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"200\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"352\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"48\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"200\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/><rect x=\"352\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAppsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAppsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AppsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AppsSharp.js"],"names":["AppsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAhK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAA7N;AAA2R,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAA3R;AAAyV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAAzV;AAAuZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAvZ;AAAsd,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAtd;AAAqhB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,GAArhB;AAAmlB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAnlB;AAAkpB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD;AAAlpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AppsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AppsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"200\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"352\" y=\"48\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"48\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"200\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"352\" y=\"200\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"48\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"200\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /><rect x=\"352\" y=\"352\" width=\"112\" height=\"112\" rx=\"8\" ry=\"8\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAppsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAppsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AppsSharp"]}
\ No newline at end of file
diff --git a/lib/Archive.js b/lib/Archive.js
index a8c906624..29b754e43 100644
--- a/lib/Archive.js
+++ b/lib/Archive.js
@@ -48,7 +48,7 @@ var Archive = function Archive(props) {
 Archive.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Archive.js.map b/lib/Archive.js.map
index 306da2518..a3e7bb25d 100644
--- a/lib/Archive.js.map
+++ b/lib/Archive.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Archive.js"],"names":["Archive","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8TAAR,GAAjK;AAAye,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD;AAAze;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Archive.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Archive = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 164v244a56 56 0 0056 56h272a56 56 0 0056-56V164a4 4 0 00-4-4H68a4 4 0 00-4 4zm267 151.63l-63.69 63.68a16 16 0 01-22.62 0L181 315.63c-6.09-6.09-6.65-16-.85-22.38a16 16 0 0123.16-.56L240 329.37V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v105.37l36.69-36.68a16 16 0 0123.16.56c5.8 6.37 5.24 16.29-.85 22.38z\"/><rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"32\" ry=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchive.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchive.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Archive"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Archive.js"],"names":["Archive","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8TAAR,GAAhK;AAAye,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD;AAAze;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Archive.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Archive = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 164v244a56 56 0 0056 56h272a56 56 0 0056-56V164a4 4 0 00-4-4H68a4 4 0 00-4 4zm267 151.63l-63.69 63.68a16 16 0 01-22.62 0L181 315.63c-6.09-6.09-6.65-16-.85-22.38a16 16 0 0123.16-.56L240 329.37V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v105.37l36.69-36.68a16 16 0 0123.16.56c5.8 6.37 5.24 16.29-.85 22.38z\" /><rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"32\" ry=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchive.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchive.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Archive"]}
\ No newline at end of file
diff --git a/lib/ArchiveOutline.js b/lib/ArchiveOutline.js
index ef4dad2f5..5d7abcc21 100644
--- a/lib/ArchiveOutline.js
+++ b/lib/ArchiveOutline.js
@@ -49,7 +49,7 @@ var ArchiveOutline = function ArchiveOutline(props) {
 ArchiveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArchiveOutline.js.map b/lib/ArchiveOutline.js.map
index 203b03acb..0ad4d59ed 100644
--- a/lib/ArchiveOutline.js.map
+++ b/lib/ArchiveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArchiveOutline.js"],"names":["ArchiveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,gBAAe,OAAjJ,EAAyJ,aAAY,IAArK,GAAjK;AAA4U,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA5U;AAAmd,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAnd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArchiveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArchiveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 152v256a40.12 40.12 0 0040 40h272a40.12 40.12 0 0040-40V152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"64\" width=\"416\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 304l-64 64-64-64M256 345.89V224\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchiveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchiveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArchiveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArchiveOutline.js"],"names":["ArchiveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,gBAAe,OAAjJ,EAAyJ,aAAY,IAArK,GAAhK;AAA4U,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA5U;AAAod,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAApd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArchiveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArchiveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 152v256a40.12 40.12 0 0040 40h272a40.12 40.12 0 0040-40V152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"64\" width=\"416\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 304l-64 64-64-64M256 345.89V224\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchiveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchiveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArchiveOutline"]}
\ No newline at end of file
diff --git a/lib/ArchiveSharp.js b/lib/ArchiveSharp.js
index b5768834f..9fd0e8744 100644
--- a/lib/ArchiveSharp.js
+++ b/lib/ArchiveSharp.js
@@ -48,7 +48,7 @@ var ArchiveSharp = function ArchiveSharp(props) {
 ArchiveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArchiveSharp.js.map b/lib/ArchiveSharp.js.map
index c2362da5b..f73d5e75b 100644
--- a/lib/ArchiveSharp.js.map
+++ b/lib/ArchiveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArchiveSharp.js"],"names":["ArchiveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,GAAjK;AAA8N,8CAAM,GAAE,uIAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArchiveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArchiveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"12\" ry=\"12\"/><path d=\"M64 160v280a24 24 0 0024 24h336a24 24 0 0024-24V160zm192 230.63L169.32 304 192 281.32l48 48.05V208h32v121.37l48.07-48.07 22.61 22.64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchiveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchiveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArchiveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArchiveSharp.js"],"names":["ArchiveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,GAAhK;AAA8N,8CAAM,GAAE,uIAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArchiveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArchiveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"12\" ry=\"12\" /><path d=\"M64 160v280a24 24 0 0024 24h336a24 24 0 0024-24V160zm192 230.63L169.32 304 192 281.32l48 48.05V208h32v121.37l48.07-48.07 22.61 22.64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArchiveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArchiveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArchiveSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowBack.js b/lib/ArrowBack.js
index 1dd6da9ce..d7714faf4 100644
--- a/lib/ArrowBack.js
+++ b/lib/ArrowBack.js
@@ -47,7 +47,7 @@ var ArrowBack = function ArrowBack(props) {
 ArrowBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBack.js.map b/lib/ArrowBack.js.map
index e90d3af71..b3acfb768 100644
--- a/lib/ArrowBack.js.map
+++ b/lib/ArrowBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBack.js"],"names":["ArrowBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBack.js"],"names":["ArrowBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBack"]}
\ No newline at end of file
diff --git a/lib/ArrowBackCircle.js b/lib/ArrowBackCircle.js
index 7f741b59c..c89219eeb 100644
--- a/lib/ArrowBackCircle.js
+++ b/lib/ArrowBackCircle.js
@@ -47,7 +47,7 @@ var ArrowBackCircle = function ArrowBackCircle(props) {
 ArrowBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBackCircle.js.map b/lib/ArrowBackCircle.js.map
index a05a48ed0..4832e2118 100644
--- a/lib/ArrowBackCircle.js.map
+++ b/lib/ArrowBackCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBackCircle.js"],"names":["ArrowBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm212.65-91.36a16 16 0 01.09 22.63L208.42 240H342a16 16 0 010 32H208.42l52.32 52.73A16 16 0 11238 347.27l-79.39-80a16 16 0 010-22.54l79.39-80a16 16 0 0122.65-.09z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBackCircle.js"],"names":["ArrowBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm212.65-91.36a16 16 0 01.09 22.63L208.42 240H342a16 16 0 010 32H208.42l52.32 52.73A16 16 0 11238 347.27l-79.39-80a16 16 0 010-22.54l79.39-80a16 16 0 0122.65-.09z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowBackCircleOutline.js b/lib/ArrowBackCircleOutline.js
index 6f81894de..c25d488c0 100644
--- a/lib/ArrowBackCircleOutline.js
+++ b/lib/ArrowBackCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowBackCircleOutline = function ArrowBackCircleOutline(props) {
 ArrowBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBackCircleOutline.js.map b/lib/ArrowBackCircleOutline.js.map
index 609d517cc..5abee18cb 100644
--- a/lib/ArrowBackCircleOutline.js.map
+++ b/lib/ArrowBackCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBackCircleOutline.js"],"names":["ArrowBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAjK;AAAwT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M249.38 336L170 256l79.38-80M181.03 256H342\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBackCircleOutline.js"],"names":["ArrowBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAhK;AAAwT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M249.38 336L170 256l79.38-80M181.03 256H342\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowBackCircleSharp.js b/lib/ArrowBackCircleSharp.js
index fc1dde090..5284be073 100644
--- a/lib/ArrowBackCircleSharp.js
+++ b/lib/ArrowBackCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowBackCircleSharp = function ArrowBackCircleSharp(props) {
 ArrowBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBackCircleSharp.js.map b/lib/ArrowBackCircleSharp.js.map
index be089de16..8794244c1 100644
--- a/lib/ArrowBackCircleSharp.js.map
+++ b/lib/ArrowBackCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBackCircleSharp.js"],"names":["ArrowBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm224-80.09L208.42 240H358v32H208.42L272 336.09l-22.7 22.54L147.46 256 249.3 153.37z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBackCircleSharp.js"],"names":["ArrowBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm224-80.09L208.42 240H358v32H208.42L272 336.09l-22.7 22.54L147.46 256 249.3 153.37z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowBackOutline.js b/lib/ArrowBackOutline.js
index 896ca9f45..ae59a950e 100644
--- a/lib/ArrowBackOutline.js
+++ b/lib/ArrowBackOutline.js
@@ -47,7 +47,7 @@ var ArrowBackOutline = function ArrowBackOutline(props) {
 ArrowBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBackOutline.js.map b/lib/ArrowBackOutline.js.map
index 56bedb9af..cd908779b 100644
--- a/lib/ArrowBackOutline.js.map
+++ b/lib/ArrowBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBackOutline.js"],"names":["ArrowBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBackOutline.js"],"names":["ArrowBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowBackSharp.js b/lib/ArrowBackSharp.js
index 834daa478..757e5be79 100644
--- a/lib/ArrowBackSharp.js
+++ b/lib/ArrowBackSharp.js
@@ -47,7 +47,7 @@ var ArrowBackSharp = function ArrowBackSharp(props) {
 ArrowBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowBackSharp.js.map b/lib/ArrowBackSharp.js.map
index e99b17506..2f085a6f6 100644
--- a/lib/ArrowBackSharp.js.map
+++ b/lib/ArrowBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowBackSharp.js"],"names":["ArrowBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowBackSharp.js"],"names":["ArrowBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M244 400L100 256l144-144M120 256h292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowBackSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowDown.js b/lib/ArrowDown.js
index cd6e7b4ac..909fbff60 100644
--- a/lib/ArrowDown.js
+++ b/lib/ArrowDown.js
@@ -47,7 +47,7 @@ var ArrowDown = function ArrowDown(props) {
 ArrowDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDown.js.map b/lib/ArrowDown.js.map
index 38fbc5372..56c127123 100644
--- a/lib/ArrowDown.js.map
+++ b/lib/ArrowDown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDown.js"],"names":["ArrowDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDown.js"],"names":["ArrowDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDown"]}
\ No newline at end of file
diff --git a/lib/ArrowDownCircle.js b/lib/ArrowDownCircle.js
index e02f2fb35..681d732e9 100644
--- a/lib/ArrowDownCircle.js
+++ b/lib/ArrowDownCircle.js
@@ -47,7 +47,7 @@ var ArrowDownCircle = function ArrowDownCircle(props) {
 ArrowDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDownCircle.js.map b/lib/ArrowDownCircle.js.map
index bd4fa6b07..441bb4e36 100644
--- a/lib/ArrowDownCircle.js.map
+++ b/lib/ArrowDownCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDownCircle.js"],"names":["ArrowDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-91.36-212.65a16 16 0 0122.63-.09L240 303.58V170a16 16 0 0132 0v133.58l52.73-52.32A16 16 0 11347.27 274l-80 79.39a16 16 0 01-22.54 0l-80-79.39a16 16 0 01-.09-22.65z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDownCircle.js"],"names":["ArrowDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-91.36-212.65a16 16 0 0122.63-.09L240 303.58V170a16 16 0 0132 0v133.58l52.73-52.32A16 16 0 11347.27 274l-80 79.39a16 16 0 01-22.54 0l-80-79.39a16 16 0 01-.09-22.65z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowDownCircleOutline.js b/lib/ArrowDownCircleOutline.js
index 88a3a2873..de06cd5c4 100644
--- a/lib/ArrowDownCircleOutline.js
+++ b/lib/ArrowDownCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowDownCircleOutline = function ArrowDownCircleOutline(props) {
 ArrowDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDownCircleOutline.js.map b/lib/ArrowDownCircleOutline.js.map
index 321a74089..77ee09e64 100644
--- a/lib/ArrowDownCircleOutline.js.map
+++ b/lib/ArrowDownCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDownCircleOutline.js"],"names":["ArrowDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAjK;AAAwT,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 262.62L256 342l80-79.38M256 330.97V170\"/><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDownCircleOutline.js"],"names":["ArrowDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAhK;AAAwT,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 262.62L256 342l80-79.38M256 330.97V170\" /><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowDownCircleSharp.js b/lib/ArrowDownCircleSharp.js
index 73d2626e1..3f200fcc6 100644
--- a/lib/ArrowDownCircleSharp.js
+++ b/lib/ArrowDownCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowDownCircleSharp = function ArrowDownCircleSharp(props) {
 ArrowDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDownCircleSharp.js.map b/lib/ArrowDownCircleSharp.js.map
index 5ea767347..eccdebbe4 100644
--- a/lib/ArrowDownCircleSharp.js.map
+++ b/lib/ArrowDownCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDownCircleSharp.js"],"names":["ArrowDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-80.09-224L240 303.58V154h32v149.58L336.09 240l22.54 22.71L256 364.54 153.37 262.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDownCircleSharp.js"],"names":["ArrowDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-80.09-224L240 303.58V154h32v149.58L336.09 240l22.54 22.71L256 364.54 153.37 262.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowDownOutline.js b/lib/ArrowDownOutline.js
index 8e438d300..e48c30ec2 100644
--- a/lib/ArrowDownOutline.js
+++ b/lib/ArrowDownOutline.js
@@ -47,7 +47,7 @@ var ArrowDownOutline = function ArrowDownOutline(props) {
 ArrowDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDownOutline.js.map b/lib/ArrowDownOutline.js.map
index 48342434e..76baeb62a 100644
--- a/lib/ArrowDownOutline.js.map
+++ b/lib/ArrowDownOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDownOutline.js"],"names":["ArrowDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDownOutline.js"],"names":["ArrowDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowDownSharp.js b/lib/ArrowDownSharp.js
index 7c08ef8b0..96b7f6b47 100644
--- a/lib/ArrowDownSharp.js
+++ b/lib/ArrowDownSharp.js
@@ -47,7 +47,7 @@ var ArrowDownSharp = function ArrowDownSharp(props) {
 ArrowDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowDownSharp.js.map b/lib/ArrowDownSharp.js.map
index 9bc495829..41e094e4c 100644
--- a/lib/ArrowDownSharp.js.map
+++ b/lib/ArrowDownSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowDownSharp.js"],"names":["ArrowDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowDownSharp.js"],"names":["ArrowDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 268l144 144 144-144M256 392V100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowDownSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowForward.js b/lib/ArrowForward.js
index 76c815bc6..6f388bd49 100644
--- a/lib/ArrowForward.js
+++ b/lib/ArrowForward.js
@@ -47,7 +47,7 @@ var ArrowForward = function ArrowForward(props) {
 ArrowForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForward.js.map b/lib/ArrowForward.js.map
index 211f01788..b24d20222 100644
--- a/lib/ArrowForward.js.map
+++ b/lib/ArrowForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForward.js"],"names":["ArrowForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArrowForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForward.js"],"names":["ArrowForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArrowForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForward"]}
\ No newline at end of file
diff --git a/lib/ArrowForwardCircle.js b/lib/ArrowForwardCircle.js
index 41108c501..bffe5da86 100644
--- a/lib/ArrowForwardCircle.js
+++ b/lib/ArrowForwardCircle.js
@@ -47,7 +47,7 @@ var ArrowForwardCircle = function ArrowForwardCircle(props) {
 ArrowForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForwardCircle.js.map b/lib/ArrowForwardCircle.js.map
index b606a8d84..37614d77a 100644
--- a/lib/ArrowForwardCircle.js.map
+++ b/lib/ArrowForwardCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForwardCircle.js"],"names":["ArrowForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ArrowForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-212.65 91.36a16 16 0 01-.09-22.63L303.58 272H170a16 16 0 010-32h133.58l-52.32-52.73A16 16 0 11274 164.73l79.39 80a16 16 0 010 22.54l-79.39 80a16 16 0 01-22.65.09z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForwardCircle.js"],"names":["ArrowForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ArrowForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-212.65 91.36a16 16 0 01-.09-22.63L303.58 272H170a16 16 0 010-32h133.58l-52.32-52.73A16 16 0 11274 164.73l79.39 80a16 16 0 010 22.54l-79.39 80a16 16 0 01-22.65.09z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowForwardCircleOutline.js b/lib/ArrowForwardCircleOutline.js
index cbc718d73..a212deeec 100644
--- a/lib/ArrowForwardCircleOutline.js
+++ b/lib/ArrowForwardCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowForwardCircleOutline = function ArrowForwardCircleOutline(props) {
 ArrowForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForwardCircleOutline.js.map b/lib/ArrowForwardCircleOutline.js.map
index ae21fcdbd..0dc9df7be 100644
--- a/lib/ArrowForwardCircleOutline.js.map
+++ b/lib/ArrowForwardCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForwardCircleOutline.js"],"names":["ArrowForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8CAAxG,GAAjK;AAAyT,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAzT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ArrowForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M262.62 336L342 256l-79.38-80M330.97 256H170\"/><path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForwardCircleOutline.js"],"names":["ArrowForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8CAAxG,GAAhK;AAAyT,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAzT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ArrowForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M262.62 336L342 256l-79.38-80M330.97 256H170\" /><path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowForwardCircleSharp.js b/lib/ArrowForwardCircleSharp.js
index dcc968705..b4ac1a838 100644
--- a/lib/ArrowForwardCircleSharp.js
+++ b/lib/ArrowForwardCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowForwardCircleSharp = function ArrowForwardCircleSharp(props) {
 ArrowForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForwardCircleSharp.js.map b/lib/ArrowForwardCircleSharp.js.map
index 98183f5ca..eb6116af1 100644
--- a/lib/ArrowForwardCircleSharp.js.map
+++ b/lib/ArrowForwardCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForwardCircleSharp.js"],"names":["ArrowForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"ArrowForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-224 80.09L303.58 272H154v-32h149.58L240 175.91l22.71-22.54L364.54 256 262.7 358.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForwardCircleSharp.js"],"names":["ArrowForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"ArrowForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-224 80.09L303.58 272H154v-32h149.58L240 175.91l22.71-22.54L364.54 256 262.7 358.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowForwardOutline.js b/lib/ArrowForwardOutline.js
index cd67d9b59..03f9f7d78 100644
--- a/lib/ArrowForwardOutline.js
+++ b/lib/ArrowForwardOutline.js
@@ -47,7 +47,7 @@ var ArrowForwardOutline = function ArrowForwardOutline(props) {
 ArrowForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForwardOutline.js.map b/lib/ArrowForwardOutline.js.map
index da660d804..4ef31822c 100644
--- a/lib/ArrowForwardOutline.js.map
+++ b/lib/ArrowForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForwardOutline.js"],"names":["ArrowForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ArrowForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForwardOutline.js"],"names":["ArrowForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ArrowForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowForwardSharp.js b/lib/ArrowForwardSharp.js
index 4a2a4de81..082cf78e3 100644
--- a/lib/ArrowForwardSharp.js
+++ b/lib/ArrowForwardSharp.js
@@ -47,7 +47,7 @@ var ArrowForwardSharp = function ArrowForwardSharp(props) {
 ArrowForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowForwardSharp.js.map b/lib/ArrowForwardSharp.js.map
index 77e49f970..da5be949d 100644
--- a/lib/ArrowForwardSharp.js.map
+++ b/lib/ArrowForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowForwardSharp.js"],"names":["ArrowForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ArrowForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowForwardSharp.js"],"names":["ArrowForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ArrowForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M268 112l144 144-144 144M392 256H100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowForwardSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowRedo.js b/lib/ArrowRedo.js
index 0501c5283..d48c8e25f 100644
--- a/lib/ArrowRedo.js
+++ b/lib/ArrowRedo.js
@@ -47,7 +47,7 @@ var ArrowRedo = function ArrowRedo(props) {
 ArrowRedo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedo.js.map b/lib/ArrowRedo.js.map
index 9e561d813..569003f68 100644
--- a/lib/ArrowRedo.js.map
+++ b/lib/ArrowRedo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedo.js"],"names":["ArrowRedo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowRedo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M58.79 439.13A16 16 0 0148 424c0-73.1 14.68-131.56 43.65-173.77 35-51 90.21-78.46 164.35-81.87V88a16 16 0 0127.05-11.57l176 168a16 16 0 010 23.14l-176 168A16 16 0 01256 424v-79.77c-45 1.36-79 8.65-106.07 22.64-29.25 15.12-50.46 37.71-73.32 67a16 16 0 01-17.82 5.28z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedo.js"],"names":["ArrowRedo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowRedo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M58.79 439.13A16 16 0 0148 424c0-73.1 14.68-131.56 43.65-173.77 35-51 90.21-78.46 164.35-81.87V88a16 16 0 0127.05-11.57l176 168a16 16 0 010 23.14l-176 168A16 16 0 01256 424v-79.77c-45 1.36-79 8.65-106.07 22.64-29.25 15.12-50.46 37.71-73.32 67a16 16 0 01-17.82 5.28z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedo"]}
\ No newline at end of file
diff --git a/lib/ArrowRedoCircle.js b/lib/ArrowRedoCircle.js
index 12a1c09fc..6f092e99f 100644
--- a/lib/ArrowRedoCircle.js
+++ b/lib/ArrowRedoCircle.js
@@ -47,7 +47,7 @@ var ArrowRedoCircle = function ArrowRedoCircle(props) {
 ArrowRedoCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedoCircle.js.map b/lib/ArrowRedoCircle.js.map
index c7e12db49..d4081a6f9 100644
--- a/lib/ArrowRedoCircle.js.map
+++ b/lib/ArrowRedoCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedoCircle.js"],"names":["ArrowRedoCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowRedoCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm96 66.67c5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14-6v-37.29c-57.07 0-84.51 13.47-108.58 38.68-5.49 5.65-15.07 1.32-14.42-6.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedoCircle.js"],"names":["ArrowRedoCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowRedoCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm96 66.67c5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14-6v-37.29c-57.07 0-84.51 13.47-108.58 38.68-5.49 5.65-15.07 1.32-14.42-6.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowRedoCircleOutline.js b/lib/ArrowRedoCircleOutline.js
index a7cf113d5..a6868d568 100644
--- a/lib/ArrowRedoCircleOutline.js
+++ b/lib/ArrowRedoCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowRedoCircleOutline = function ArrowRedoCircleOutline(props) {
 ArrowRedoCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedoCircleOutline.js.map b/lib/ArrowRedoCircleOutline.js.map
index 8dfd09a3d..667d26fd2 100644
--- a/lib/ArrowRedoCircleOutline.js.map
+++ b/lib/ArrowRedoCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedoCircleOutline.js"],"names":["ArrowRedoCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0NAAR,GAAjK;AAAqY,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ;AAArY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowRedoCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M266.91 327.74v-37.32c-57.07 0-84.51 13.47-108.58 38.68-5.4 5.65-15 1.32-14.29-6.43 5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14.09-5.97z\"/><path d=\"M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedoCircleOutline.js"],"names":["ArrowRedoCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0NAAR,GAAhK;AAAqY,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ;AAArY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowRedoCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M266.91 327.74v-37.32c-57.07 0-84.51 13.47-108.58 38.68-5.4 5.65-15 1.32-14.29-6.43 5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14.09-5.97z\" /><path d=\"M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowRedoCircleSharp.js b/lib/ArrowRedoCircleSharp.js
index 496c94441..e2ad0c85f 100644
--- a/lib/ArrowRedoCircleSharp.js
+++ b/lib/ArrowRedoCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowRedoCircleSharp = function ArrowRedoCircleSharp(props) {
 ArrowRedoCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedoCircleSharp.js.map b/lib/ArrowRedoCircleSharp.js.map
index f5bbeeffb..3689aa8c0 100644
--- a/lib/ArrowRedoCircleSharp.js.map
+++ b/lib/ArrowRedoCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedoCircleSharp.js"],"names":["ArrowRedoCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowRedoCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm98 88c0-68.13 22.67-137.14 119.17-137.14V152L366 248l-100.83 96v-54.86c-66.69 0-91.32 19.29-119.17 54.86z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedoCircleSharp.js"],"names":["ArrowRedoCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowRedoCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm98 88c0-68.13 22.67-137.14 119.17-137.14V152L366 248l-100.83 96v-54.86c-66.69 0-91.32 19.29-119.17 54.86z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowRedoOutline.js b/lib/ArrowRedoOutline.js
index 42b6309d3..cd51dea2f 100644
--- a/lib/ArrowRedoOutline.js
+++ b/lib/ArrowRedoOutline.js
@@ -47,7 +47,7 @@ var ArrowRedoOutline = function ArrowRedoOutline(props) {
 ArrowRedoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedoOutline.js.map b/lib/ArrowRedoOutline.js.map
index 76488b41c..eb4ef9bde 100644
--- a/lib/ArrowRedoOutline.js.map
+++ b/lib/ArrowRedoOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedoOutline.js"],"names":["ArrowRedoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowRedoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256L272 88v96C103.57 184 64 304.77 64 424c48.61-62.24 91.6-96 208-96v96z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedoOutline.js"],"names":["ArrowRedoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowRedoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256L272 88v96C103.57 184 64 304.77 64 424c48.61-62.24 91.6-96 208-96v96z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowRedoSharp.js b/lib/ArrowRedoSharp.js
index a1b31fbc5..ed0d8ea9b 100644
--- a/lib/ArrowRedoSharp.js
+++ b/lib/ArrowRedoSharp.js
@@ -47,7 +47,7 @@ var ArrowRedoSharp = function ArrowRedoSharp(props) {
 ArrowRedoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowRedoSharp.js.map b/lib/ArrowRedoSharp.js.map
index 219422321..09db43e46 100644
--- a/lib/ArrowRedoSharp.js.map
+++ b/lib/ArrowRedoSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowRedoSharp.js"],"names":["ArrowRedoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowRedoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 399.26C48 335.19 62.44 284 90.91 247c34.38-44.67 88.68-68.77 161.56-71.75V72L464 252 252.47 432V329.35c-44.25 1.19-77.66 7.58-104.27 19.84-28.75 13.25-49.6 33.05-72.08 58.7L48 440z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowRedoSharp.js"],"names":["ArrowRedoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowRedoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowRedoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 399.26C48 335.19 62.44 284 90.91 247c34.38-44.67 88.68-68.77 161.56-71.75V72L464 252 252.47 432V329.35c-44.25 1.19-77.66 7.58-104.27 19.84-28.75 13.25-49.6 33.05-72.08 58.7L48 440z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowRedoSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowRedoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowRedoSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowUndo.js b/lib/ArrowUndo.js
index 45a7d59c4..42c83aa13 100644
--- a/lib/ArrowUndo.js
+++ b/lib/ArrowUndo.js
@@ -47,7 +47,7 @@ var ArrowUndo = function ArrowUndo(props) {
 ArrowUndo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndo.js.map b/lib/ArrowUndo.js.map
index 340b32856..0529a965e 100644
--- a/lib/ArrowUndo.js.map
+++ b/lib/ArrowUndo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndo.js"],"names":["ArrowUndo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowUndo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndo.js"],"names":["ArrowUndo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ArrowUndo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndo"]}
\ No newline at end of file
diff --git a/lib/ArrowUndoCircle.js b/lib/ArrowUndoCircle.js
index 08f4dfcd9..61241c208 100644
--- a/lib/ArrowUndoCircle.js
+++ b/lib/ArrowUndoCircle.js
@@ -47,7 +47,7 @@ var ArrowUndoCircle = function ArrowUndoCircle(props) {
 ArrowUndoCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndoCircle.js.map b/lib/ArrowUndoCircle.js.map
index e23923963..18a4ddc74 100644
--- a/lib/ArrowUndoCircle.js.map
+++ b/lib/ArrowUndoCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndoCircle.js"],"names":["ArrowUndoCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowUndoCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm97.67 281.1c-24.07-25.21-51.51-38.68-108.58-38.68v37.32a8.32 8.32 0 01-14.05 6L146.58 254a8.2 8.2 0 010-11.94L231 162.29a8.32 8.32 0 0114.05 6v37.32c88.73 0 117.42 55.64 122.87 117.09.73 7.72-8.85 12.05-14.25 6.4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndoCircle.js"],"names":["ArrowUndoCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ArrowUndoCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm97.67 281.1c-24.07-25.21-51.51-38.68-108.58-38.68v37.32a8.32 8.32 0 01-14.05 6L146.58 254a8.2 8.2 0 010-11.94L231 162.29a8.32 8.32 0 0114.05 6v37.32c88.73 0 117.42 55.64 122.87 117.09.73 7.72-8.85 12.05-14.25 6.4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowUndoCircleOutline.js b/lib/ArrowUndoCircleOutline.js
index 1a87e1898..ae7d59ba1 100644
--- a/lib/ArrowUndoCircleOutline.js
+++ b/lib/ArrowUndoCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowUndoCircleOutline = function ArrowUndoCircleOutline(props) {
 ArrowUndoCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndoCircleOutline.js.map b/lib/ArrowUndoCircleOutline.js.map
index 0b5da702a..6a4315378 100644
--- a/lib/ArrowUndoCircleOutline.js.map
+++ b/lib/ArrowUndoCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndoCircleOutline.js"],"names":["ArrowUndoCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4NAAR,GAAjK;AAAuY,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAvY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowUndoCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M245.09 327.74v-37.32c57.07 0 84.51 13.47 108.58 38.68 5.4 5.65 15 1.32 14.29-6.43-5.45-61.45-34.14-117.09-122.87-117.09v-37.32a8.32 8.32 0 00-14.05-6L146.58 242a8.2 8.2 0 000 11.94L231 333.71a8.32 8.32 0 0014.09-5.97z\"/><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndoCircleOutline.js"],"names":["ArrowUndoCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4NAAR,GAAhK;AAAuY,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAvY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ArrowUndoCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M245.09 327.74v-37.32c57.07 0 84.51 13.47 108.58 38.68 5.4 5.65 15 1.32 14.29-6.43-5.45-61.45-34.14-117.09-122.87-117.09v-37.32a8.32 8.32 0 00-14.05-6L146.58 242a8.2 8.2 0 000 11.94L231 333.71a8.32 8.32 0 0014.09-5.97z\" /><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowUndoCircleSharp.js b/lib/ArrowUndoCircleSharp.js
index a8297509a..a66cc2dc8 100644
--- a/lib/ArrowUndoCircleSharp.js
+++ b/lib/ArrowUndoCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowUndoCircleSharp = function ArrowUndoCircleSharp(props) {
 ArrowUndoCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndoCircleSharp.js.map b/lib/ArrowUndoCircleSharp.js.map
index 327a67470..6030d3c02 100644
--- a/lib/ArrowUndoCircleSharp.js.map
+++ b/lib/ArrowUndoCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndoCircleSharp.js"],"names":["ArrowUndoCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowUndoCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-9.17 241.14V344L146 248l100.83-96v54.86c96.5 0 119.17 69 119.17 137.14-27.85-35.57-52.48-54.86-119.17-54.86z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndoCircleSharp.js"],"names":["ArrowUndoCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowUndoCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-9.17 241.14V344L146 248l100.83-96v54.86c96.5 0 119.17 69 119.17 137.14-27.85-35.57-52.48-54.86-119.17-54.86z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowUndoOutline.js b/lib/ArrowUndoOutline.js
index 338593ccc..77c0414ae 100644
--- a/lib/ArrowUndoOutline.js
+++ b/lib/ArrowUndoOutline.js
@@ -47,7 +47,7 @@ var ArrowUndoOutline = function ArrowUndoOutline(props) {
 ArrowUndoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndoOutline.js.map b/lib/ArrowUndoOutline.js.map
index 34f49b8d1..1e082b9a0 100644
--- a/lib/ArrowUndoOutline.js.map
+++ b/lib/ArrowUndoOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndoOutline.js"],"names":["ArrowUndoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gFAAR,EAAyF,MAAK,MAA9F,EAAqG,QAAO,cAA5G,EAA2H,gBAAe,OAA1I,EAAkJ,aAAY,IAA9J;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowUndoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 424v-96c116.4 0 159.39 33.76 208 96 0-119.23-39.57-240-208-240V88L64 256z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndoOutline.js"],"names":["ArrowUndoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gFAAR,EAAyF,MAAK,MAA9F,EAAqG,QAAO,cAA5G,EAA2H,gBAAe,OAA1I,EAAkJ,aAAY,IAA9J;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ArrowUndoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 424v-96c116.4 0 159.39 33.76 208 96 0-119.23-39.57-240-208-240V88L64 256z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowUndoSharp.js b/lib/ArrowUndoSharp.js
index d5e58c0a9..daffe0cfe 100644
--- a/lib/ArrowUndoSharp.js
+++ b/lib/ArrowUndoSharp.js
@@ -47,7 +47,7 @@ var ArrowUndoSharp = function ArrowUndoSharp(props) {
 ArrowUndoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUndoSharp.js.map b/lib/ArrowUndoSharp.js.map
index a11a3953c..975826751 100644
--- a/lib/ArrowUndoSharp.js.map
+++ b/lib/ArrowUndoSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUndoSharp.js"],"names":["ArrowUndoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowUndoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 440l-28.12-32.11c-22.48-25.65-43.33-45.45-72.08-58.7-26.61-12.26-60-18.65-104.27-19.84V432L48 252 259.53 72v103.21c72.88 3 127.18 27.08 161.56 71.75C449.56 284 464 335.19 464 399.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUndoSharp.js"],"names":["ArrowUndoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowUndoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUndoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 440l-28.12-32.11c-22.48-25.65-43.33-45.45-72.08-58.7-26.61-12.26-60-18.65-104.27-19.84V432L48 252 259.53 72v103.21c72.88 3 127.18 27.08 161.56 71.75C449.56 284 464 335.19 464 399.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUndoSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUndoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUndoSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowUp.js b/lib/ArrowUp.js
index e289749f8..cb31a40b6 100644
--- a/lib/ArrowUp.js
+++ b/lib/ArrowUp.js
@@ -47,7 +47,7 @@ var ArrowUp = function ArrowUp(props) {
 ArrowUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUp.js.map b/lib/ArrowUp.js.map
index a6a1b7723..81f51e589 100644
--- a/lib/ArrowUp.js.map
+++ b/lib/ArrowUp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUp.js"],"names":["ArrowUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"ArrowUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUp.js"],"names":["ArrowUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"ArrowUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUp"]}
\ No newline at end of file
diff --git a/lib/ArrowUpCircle.js b/lib/ArrowUpCircle.js
index 82085be6f..64ef14da5 100644
--- a/lib/ArrowUpCircle.js
+++ b/lib/ArrowUpCircle.js
@@ -47,7 +47,7 @@ var ArrowUpCircle = function ArrowUpCircle(props) {
 ArrowUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUpCircle.js.map b/lib/ArrowUpCircle.js.map
index 1d4f8a612..5d7608a29 100644
--- a/lib/ArrowUpCircle.js.map
+++ b/lib/ArrowUpCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUpCircle.js"],"names":["ArrowUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ArrowUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm91.36 212.65a16 16 0 01-22.63.09L272 208.42V342a16 16 0 01-32 0V208.42l-52.73 52.32A16 16 0 11164.73 238l80-79.39a16 16 0 0122.54 0l80 79.39a16 16 0 01.09 22.65z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUpCircle.js"],"names":["ArrowUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ArrowUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm91.36 212.65a16 16 0 01-22.63.09L272 208.42V342a16 16 0 01-32 0V208.42l-52.73 52.32A16 16 0 11164.73 238l80-79.39a16 16 0 0122.54 0l80 79.39a16 16 0 01.09 22.65z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircle"]}
\ No newline at end of file
diff --git a/lib/ArrowUpCircleOutline.js b/lib/ArrowUpCircleOutline.js
index bcc737887..0d2c745b5 100644
--- a/lib/ArrowUpCircleOutline.js
+++ b/lib/ArrowUpCircleOutline.js
@@ -48,7 +48,7 @@ var ArrowUpCircleOutline = function ArrowUpCircleOutline(props) {
 ArrowUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUpCircleOutline.js.map b/lib/ArrowUpCircleOutline.js.map
index 244f30859..7335e9a46 100644
--- a/lib/ArrowUpCircleOutline.js.map
+++ b/lib/ArrowUpCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUpCircleOutline.js"],"names":["ArrowUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAjK;AAAwT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 249.38L256 170l80 79.38M256 181.03V342\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUpCircleOutline.js"],"names":["ArrowUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG,GAAhK;AAAwT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ArrowUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 249.38L256 170l80 79.38M256 181.03V342\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowUpCircleSharp.js b/lib/ArrowUpCircleSharp.js
index 17182c077..6571a6a20 100644
--- a/lib/ArrowUpCircleSharp.js
+++ b/lib/ArrowUpCircleSharp.js
@@ -47,7 +47,7 @@ var ArrowUpCircleSharp = function ArrowUpCircleSharp(props) {
 ArrowUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUpCircleSharp.js.map b/lib/ArrowUpCircleSharp.js.map
index 2a02dce21..af26f858a 100644
--- a/lib/ArrowUpCircleSharp.js.map
+++ b/lib/ArrowUpCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUpCircleSharp.js"],"names":["ArrowUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ArrowUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80.09 224L272 208.42V358h-32V208.42L175.91 272l-22.54-22.7L256 147.46 358.63 249.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUpCircleSharp.js"],"names":["ArrowUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ArrowUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80.09 224L272 208.42V358h-32V208.42L175.91 272l-22.54-22.7L256 147.46 358.63 249.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ArrowUpOutline.js b/lib/ArrowUpOutline.js
index eb9a63266..fbb8a89d4 100644
--- a/lib/ArrowUpOutline.js
+++ b/lib/ArrowUpOutline.js
@@ -47,7 +47,7 @@ var ArrowUpOutline = function ArrowUpOutline(props) {
 ArrowUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUpOutline.js.map b/lib/ArrowUpOutline.js.map
index 8e47c174f..3ea6820fc 100644
--- a/lib/ArrowUpOutline.js.map
+++ b/lib/ArrowUpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUpOutline.js"],"names":["ArrowUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUpOutline.js"],"names":["ArrowUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ArrowUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpOutline"]}
\ No newline at end of file
diff --git a/lib/ArrowUpSharp.js b/lib/ArrowUpSharp.js
index 5485b2a6e..3d39eb414 100644
--- a/lib/ArrowUpSharp.js
+++ b/lib/ArrowUpSharp.js
@@ -47,7 +47,7 @@ var ArrowUpSharp = function ArrowUpSharp(props) {
 ArrowUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ArrowUpSharp.js.map b/lib/ArrowUpSharp.js.map
index f20a9b698..f366f4f78 100644
--- a/lib/ArrowUpSharp.js.map
+++ b/lib/ArrowUpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ArrowUpSharp.js"],"names":["ArrowUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArrowUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ArrowUpSharp.js"],"names":["ArrowUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ArrowUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ArrowUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 244l144-144 144 144M256 120v292\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nArrowUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nArrowUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ArrowUpSharp"]}
\ No newline at end of file
diff --git a/lib/At.js b/lib/At.js
index a8fb36746..1206494f5 100644
--- a/lib/At.js
+++ b/lib/At.js
@@ -48,7 +48,7 @@ var At = function At(props) {
 At.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/At.js.map b/lib/At.js.map
index ea2792574..7bb73e08a 100644
--- a/lib/At.js.map
+++ b/lib/At.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/At.js"],"names":["At","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,KAAK,SAALA,EAAK,QAAS;AAClB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAjK;AAA6W,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,GAAGa,YAAH,GAAkB;AAChB;AACAH,SAAO,EAFS;AAGhBN,SAAO,SAHS;AAIhBF,UAAQ,MAJQ;AAKhBC,SAAO,MALS;AAMhBQ,cAAY,EANI;AAOhBC,SAAO,EAPS;;AAShB;AACAL,SAAO,KAVS;AAWhBC,QAAM,KAXU;AAYhBF,UAAQ;AAZQ,CAAlB;;AAgBAN,GAAGc,SAAH,GAAe;AACb;AACAJ,SAAOK,oBAAUC,MAFJ;AAGbZ,SAAOW,oBAAUE,MAHJ;AAIbf,UAAQa,oBAAUE,MAJL;AAKbd,SAAOY,oBAAUE,MALJ;AAMbN,cAAYI,oBAAUE,MANT;AAObL,SAAOG,oBAAUE,MAPJ;;AASb;AACAV,SAAOQ,oBAAUG,IAVJ;AAWbV,QAAMO,oBAAUG,IAXH;AAYbZ,UAAQS,oBAAUG,IAZL;;AAcb;AACAb,WAASU,oBAAUI;AAfN,CAAf;;kBAmBenB,E","file":"At.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst At = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAt.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default At"]}
\ No newline at end of file
+{"version":3,"sources":["../src/At.js"],"names":["At","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,KAAK,SAALA,EAAK,QAAS;AAClB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAhK;AAA6W,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,GAAGa,YAAH,GAAkB;AAChB;AACAH,SAAO,EAFS;AAGhBN,SAAO,SAHS;AAIhBF,UAAQ,MAJQ;AAKhBC,SAAO,MALS;AAMhBQ,cAAY,EANI;AAOhBC,SAAO,EAPS;;AAShB;AACAL,SAAO,KAVS;AAWhBC,QAAM,KAXU;AAYhBF,UAAQ;AAZQ,CAAlB;;AAgBAN,GAAGc,SAAH,GAAe;AACb;AACAJ,SAAOK,oBAAUC,MAFJ;AAGbZ,SAAOW,oBAAUE,MAHJ;AAIbf,UAAQa,oBAAUE,MAJL;AAKbd,SAAOY,oBAAUE,MALJ;AAMbN,cAAYI,oBAAUE,MANT;AAObL,SAAOG,oBAAUE,MAPJ;;AASb;AACAV,SAAOQ,oBAAUG,IAVJ;AAWbV,QAAMO,oBAAUG,IAXH;AAYbZ,UAAQS,oBAAUG,IAZL;;AAcb;AACAb,WAASU,oBAAUI;AAfN,CAAf;;kBAmBenB,E","file":"At.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst At = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAt.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default At"]}
\ No newline at end of file
diff --git a/lib/AtCircle.js b/lib/AtCircle.js
index b1df313b5..d93e6b3eb 100644
--- a/lib/AtCircle.js
+++ b/lib/AtCircle.js
@@ -48,7 +48,7 @@ var AtCircle = function AtCircle(props) {
 AtCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AtCircle.js.map b/lib/AtCircle.js.map
index 4fbfdd49e..0cf3051b4 100644
--- a/lib/AtCircle.js.map
+++ b/lib/AtCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AtCircle.js"],"names":["AtCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,83BAAR,GAAjK;AAAyiC,8CAAM,GAAE,gMAAR;AAAziC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"AtCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.15-208-208-208zM380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.61 41.61 0 01-26.82-17.19 62.06 62.06 0 01-44 17.57 51.66 51.66 0 01-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23 3-35 30.91-57.39 56.87-61.48 27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1 2.39.42 8.1-.13 14.37-4.93 6.72-5.15 15.14-16 17.1-38.47 2.35-26.54-4.35-49.19-19.25-65.49-15.49-16.9-39.09-25.84-68.23-25.84-54 0-101.81 44.43-106.58 99-2.28 26.2 5.67 50.68 22.4 68.93 16.36 17.86 39.31 27.74 64.66 27.74 19 0 30.61-2.05 49.48-8.78a14 14 0 019.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93 20.09 21.91 29.51 52.75 26.54 86.86z\"/><path d=\"M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0017.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 01.34-2.07l3.2-25.45a49.61 49.61 0 00-32.93-6.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AtCircle.js"],"names":["AtCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,83BAAR,GAAhK;AAAyiC,8CAAM,GAAE,gMAAR;AAAziC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"AtCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.15-208-208-208zM380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.61 41.61 0 01-26.82-17.19 62.06 62.06 0 01-44 17.57 51.66 51.66 0 01-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23 3-35 30.91-57.39 56.87-61.48 27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1 2.39.42 8.1-.13 14.37-4.93 6.72-5.15 15.14-16 17.1-38.47 2.35-26.54-4.35-49.19-19.25-65.49-15.49-16.9-39.09-25.84-68.23-25.84-54 0-101.81 44.43-106.58 99-2.28 26.2 5.67 50.68 22.4 68.93 16.36 17.86 39.31 27.74 64.66 27.74 19 0 30.61-2.05 49.48-8.78a14 14 0 019.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93 20.09 21.91 29.51 52.75 26.54 86.86z\" /><path d=\"M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0017.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 01.34-2.07l3.2-25.45a49.61 49.61 0 00-32.93-6.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircle"]}
\ No newline at end of file
diff --git a/lib/AtCircleOutline.js b/lib/AtCircleOutline.js
index b15ab4012..bc7c14ed9 100644
--- a/lib/AtCircleOutline.js
+++ b/lib/AtCircleOutline.js
@@ -48,7 +48,7 @@ var AtCircleOutline = function AtCircleOutline(props) {
 AtCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AtCircleOutline.js.map b/lib/AtCircleOutline.js.map
index 69c4f5603..5b16022af 100644
--- a/lib/AtCircleOutline.js.map
+++ b/lib/AtCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AtCircleOutline.js"],"names":["AtCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uFAAR,EAAgG,MAAK,MAArG,EAA4G,QAAO,cAAnH,EAAkI,kBAAiB,IAAnJ,EAAwJ,aAAY,IAApK,GAAjK;AAA2U,8CAAM,GAAE,uUAAR,EAAgV,MAAK,MAArV,EAA4V,QAAO,cAAnW,EAAkX,eAAc,OAAhY,EAAwY,kBAAiB,IAAzZ,EAA8Z,aAAY,IAA1a;AAA3U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"AtCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448.08 256.08c0-106-86-192-192-192s-192 86-192 192 86 192 192 192 192-85.97 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M300.81 358.29c-20.83 7.42-34.05 9.59-54.19 9.59-61.17 0-106.39-50.07-101-111.84S205 144.21 266.14 144.21c68.92 0 106.79 45.55 101.47 106.55-4 45.54-32.8 58.66-47.89 56-14.2-2.55-25.92-15.52-23.75-40.35l5.62-44.66c-7.58-9.17-28.11-18-49.93-14.54C231.77 210.3 209 228 206.56 256s14.49 50.84 39.93 50.84 47.86-18.39 50.69-50.84\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AtCircleOutline.js"],"names":["AtCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uFAAR,EAAgG,MAAK,MAArG,EAA4G,QAAO,cAAnH,EAAkI,kBAAiB,IAAnJ,EAAwJ,aAAY,IAApK,GAAhK;AAA2U,8CAAM,GAAE,uUAAR,EAAgV,MAAK,MAArV,EAA4V,QAAO,cAAnW,EAAkX,eAAc,OAAhY,EAAwY,kBAAiB,IAAzZ,EAA8Z,aAAY,IAA1a;AAA3U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"AtCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448.08 256.08c0-106-86-192-192-192s-192 86-192 192 86 192 192 192 192-85.97 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M300.81 358.29c-20.83 7.42-34.05 9.59-54.19 9.59-61.17 0-106.39-50.07-101-111.84S205 144.21 266.14 144.21c68.92 0 106.79 45.55 101.47 106.55-4 45.54-32.8 58.66-47.89 56-14.2-2.55-25.92-15.52-23.75-40.35l5.62-44.66c-7.58-9.17-28.11-18-49.93-14.54C231.77 210.3 209 228 206.56 256s14.49 50.84 39.93 50.84 47.86-18.39 50.69-50.84\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircleOutline"]}
\ No newline at end of file
diff --git a/lib/AtCircleSharp.js b/lib/AtCircleSharp.js
index 5c5cc68b6..e3f5a80f2 100644
--- a/lib/AtCircleSharp.js
+++ b/lib/AtCircleSharp.js
@@ -48,7 +48,7 @@ var AtCircleSharp = function AtCircleSharp(props) {
 AtCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AtCircleSharp.js.map b/lib/AtCircleSharp.js.map
index 5ce2ca8eb..de67dafbd 100644
--- a/lib/AtCircleSharp.js.map
+++ b/lib/AtCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AtCircleSharp.js"],"names":["AtCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,44BAAR,GAAjK;AAAujC,8CAAM,GAAE,0LAAR;AAAvjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AtCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.16-208-208-208zM381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 01-27-17.52 60.84 60.84 0 01-43.72 17.9 51.65 51.65 0 01-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23 3.05-35 30.92-57.39 56.87-61.48 27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1 2.39.42 8.11-.13 14.38-4.93 6.72-5.15 15.14-16 17.1-38.47 2.32-26.55-4.35-49.19-19.28-65.49-15.5-16.9-39.1-25.84-68.24-25.84-54 0-101.81 44.43-106.57 99-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69 9.39 26.37-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77-22.09-24.11-32.62-56.17-29.65-90.29 2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93 20.05 21.91 29.48 52.75 26.5 86.86z\"/><path d=\"M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0017.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 00-32.94-6.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AtCircleSharp.js"],"names":["AtCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,44BAAR,GAAhK;AAAujC,8CAAM,GAAE,0LAAR;AAAvjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AtCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.16-208-208-208zM381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 01-27-17.52 60.84 60.84 0 01-43.72 17.9 51.65 51.65 0 01-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23 3.05-35 30.92-57.39 56.87-61.48 27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1 2.39.42 8.11-.13 14.38-4.93 6.72-5.15 15.14-16 17.1-38.47 2.32-26.55-4.35-49.19-19.28-65.49-15.5-16.9-39.1-25.84-68.24-25.84-54 0-101.81 44.43-106.57 99-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69 9.39 26.37-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77-22.09-24.11-32.62-56.17-29.65-90.29 2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93 20.05 21.91 29.48 52.75 26.5 86.86z\" /><path d=\"M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0017.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 00-32.94-6.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtCircleSharp"]}
\ No newline at end of file
diff --git a/lib/AtOutline.js b/lib/AtOutline.js
index 17195a7a2..ba652db42 100644
--- a/lib/AtOutline.js
+++ b/lib/AtOutline.js
@@ -48,7 +48,7 @@ var AtOutline = function AtOutline(props) {
 AtOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AtOutline.js.map b/lib/AtOutline.js.map
index fe6b03a8f..3fd336e7c 100644
--- a/lib/AtOutline.js.map
+++ b/lib/AtOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AtOutline.js"],"names":["AtOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAjK;AAA6W,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AtOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AtOutline.js"],"names":["AtOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAhK;AAA6W,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"AtOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtOutline"]}
\ No newline at end of file
diff --git a/lib/AtSharp.js b/lib/AtSharp.js
index 10f4dca38..4893d8e46 100644
--- a/lib/AtSharp.js
+++ b/lib/AtSharp.js
@@ -47,7 +47,7 @@ var AtSharp = function AtSharp(props) {
 AtSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AtSharp.js.map b/lib/AtSharp.js.map
index 889ce95c2..0813e893b 100644
--- a/lib/AtSharp.js.map
+++ b/lib/AtSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AtSharp.js"],"names":["AtSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0kCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"AtSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.6 115.78c-32.07-35-79.47-53.51-137.09-53.51-51 0-100.69 19.8-139.82 55.76s-63.13 83.84-67.63 134.83c-4.55 51.67 11.41 100.29 44.94 136.9 33.37 36.44 80.07 56.51 131.49 56.51 32.52 0 53.61-2.36 85.48-15.75l14.75-6.2-12.4-29.5-14.75 6.18c-27.15 11.4-43.78 13.25-73.08 13.25-42.34 0-80.65-16.38-107.89-46.12-27.4-29.92-40.42-69.86-36.66-112.48 7.84-89 86.6-161.4 175.57-161.4 48.4 0 87.65 14.91 113.49 43.13 24.61 26.87 35.6 63.92 31.79 107.15-3.29 37.35-17.76 55.74-29.32 64.6-11 8.44-22 10.18-28 9.11-17.68-3.13-26.87-20.46-24.59-46.29l9.93-109.12L311.9 160l-2 22.29a79.69 79.69 0 00-57.32-24c-23.8 0-46.54 10.07-64 28.37-16.77 17.53-27.23 41.05-29.45 66.22-2.45 27.87 5.75 54.34 22.51 72.64a76.14 76.14 0 0056.88 24.77A93 93 0 00310 318a60 60 0 0042.88 31.81c16.89 3 36.73-2.69 53.08-15.21 30.19-23.13 39.36-60.19 41.74-87.2 4.52-51.7-9.7-98.4-40.1-131.62zm-126.34 186a62.19 62.19 0 01-42.81 16.53 43.94 43.94 0 01-33.28-14.38c-10.71-11.7-15.9-29.27-14.23-48.22 3.23-36.68 30.29-65.4 61.61-65.4a48.16 48.16 0 0135.88 15.82c10.87 11.87 16.2 28.87 14.63 46.73-1.78 20.28-9.33 37.14-21.8 48.88z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AtSharp.js"],"names":["AtSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0kCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"AtSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AtSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.6 115.78c-32.07-35-79.47-53.51-137.09-53.51-51 0-100.69 19.8-139.82 55.76s-63.13 83.84-67.63 134.83c-4.55 51.67 11.41 100.29 44.94 136.9 33.37 36.44 80.07 56.51 131.49 56.51 32.52 0 53.61-2.36 85.48-15.75l14.75-6.2-12.4-29.5-14.75 6.18c-27.15 11.4-43.78 13.25-73.08 13.25-42.34 0-80.65-16.38-107.89-46.12-27.4-29.92-40.42-69.86-36.66-112.48 7.84-89 86.6-161.4 175.57-161.4 48.4 0 87.65 14.91 113.49 43.13 24.61 26.87 35.6 63.92 31.79 107.15-3.29 37.35-17.76 55.74-29.32 64.6-11 8.44-22 10.18-28 9.11-17.68-3.13-26.87-20.46-24.59-46.29l9.93-109.12L311.9 160l-2 22.29a79.69 79.69 0 00-57.32-24c-23.8 0-46.54 10.07-64 28.37-16.77 17.53-27.23 41.05-29.45 66.22-2.45 27.87 5.75 54.34 22.51 72.64a76.14 76.14 0 0056.88 24.77A93 93 0 00310 318a60 60 0 0042.88 31.81c16.89 3 36.73-2.69 53.08-15.21 30.19-23.13 39.36-60.19 41.74-87.2 4.52-51.7-9.7-98.4-40.1-131.62zm-126.34 186a62.19 62.19 0 01-42.81 16.53 43.94 43.94 0 01-33.28-14.38c-10.71-11.7-15.9-29.27-14.23-48.22 3.23-36.68 30.29-65.4 61.61-65.4a48.16 48.16 0 0135.88 15.82c10.87 11.87 16.2 28.87 14.63 46.73-1.78 20.28-9.33 37.14-21.8 48.88z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAtSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAtSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AtSharp"]}
\ No newline at end of file
diff --git a/lib/Attach.js b/lib/Attach.js
index 11e37b673..f338e1b43 100644
--- a/lib/Attach.js
+++ b/lib/Attach.js
@@ -47,7 +47,7 @@ var Attach = function Attach(props) {
 Attach.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Attach.js.map b/lib/Attach.js.map
index c2aa09bea..bbba8fc12 100644
--- a/lib/Attach.js.map
+++ b/lib/Attach.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Attach.js"],"names":["Attach","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,kBAAiB,IAAvM,EAA4M,aAAY,IAAxN;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Attach.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Attach = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttach.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttach.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Attach"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Attach.js"],"names":["Attach","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,kBAAiB,IAAvM,EAA4M,aAAY,IAAxN;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Attach.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Attach = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttach.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttach.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Attach"]}
\ No newline at end of file
diff --git a/lib/AttachOutline.js b/lib/AttachOutline.js
index 73bafb0fe..579bbc9a2 100644
--- a/lib/AttachOutline.js
+++ b/lib/AttachOutline.js
@@ -47,7 +47,7 @@ var AttachOutline = function AttachOutline(props) {
 AttachOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AttachOutline.js.map b/lib/AttachOutline.js.map
index df063f0f5..46116e14a 100644
--- a/lib/AttachOutline.js.map
+++ b/lib/AttachOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AttachOutline.js"],"names":["AttachOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,kBAAiB,IAAvM,EAA4M,aAAY,IAAxN;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AttachOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AttachOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttachOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttachOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AttachOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AttachOutline.js"],"names":["AttachOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,kBAAiB,IAAvM,EAA4M,aAAY,IAAxN;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"AttachOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AttachOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttachOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttachOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AttachOutline"]}
\ No newline at end of file
diff --git a/lib/AttachSharp.js b/lib/AttachSharp.js
index cea8c2863..c5496c0b4 100644
--- a/lib/AttachSharp.js
+++ b/lib/AttachSharp.js
@@ -47,7 +47,7 @@ var AttachSharp = function AttachSharp(props) {
 AttachSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/AttachSharp.js.map b/lib/AttachSharp.js.map
index 7648ffef3..3883d82ff 100644
--- a/lib/AttachSharp.js.map
+++ b/lib/AttachSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/AttachSharp.js"],"names":["AttachSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,QAA9K,EAAuL,kBAAiB,IAAxM,EAA6M,aAAY,IAAzN;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AttachSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AttachSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.55a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 00191 0V159.44\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttachSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttachSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AttachSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/AttachSharp.js"],"names":["AttachSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,QAA9K,EAAuL,kBAAiB,IAAxM,EAA6M,aAAY,IAAzN;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"AttachSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst AttachSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M216.08 192v143.55a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 00191 0V159.44\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nAttachSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nAttachSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default AttachSharp"]}
\ No newline at end of file
diff --git a/lib/Backspace.js b/lib/Backspace.js
index 2b3146167..ee7726b96 100644
--- a/lib/Backspace.js
+++ b/lib/Backspace.js
@@ -47,7 +47,7 @@ var Backspace = function Backspace(props) {
 Backspace.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Backspace.js.map b/lib/Backspace.js.map
index f268ef26f..4dc78dca7 100644
--- a/lib/Backspace.js.map
+++ b/lib/Backspace.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Backspace.js"],"names":["Backspace","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Backspace.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Backspace = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.13 96H156.87a44.9 44.9 0 00-33.68 15.27 15.88 15.88 0 00-1.91 2.7L32 247.75a16 16 0 000 16.5l89.15 133.57a16.24 16.24 0 002 2.88 44.89 44.89 0 0033.7 15.3h246.28A44.92 44.92 0 00448 371.13V140.87A44.92 44.92 0 00403.13 96zM348 311a16 16 0 11-22.63 22.62L271.67 280 218 333.65A16 16 0 01195.35 311L249 257.33l-53.69-53.69A16 16 0 01218 181l53.69 53.7 53.67-53.7A16 16 0 01348 203.64l-53.7 53.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspace.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspace.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Backspace"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Backspace.js"],"names":["Backspace","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Backspace.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Backspace = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.13 96H156.87a44.9 44.9 0 00-33.68 15.27 15.88 15.88 0 00-1.91 2.7L32 247.75a16 16 0 000 16.5l89.15 133.57a16.24 16.24 0 002 2.88 44.89 44.89 0 0033.7 15.3h246.28A44.92 44.92 0 00448 371.13V140.87A44.92 44.92 0 00403.13 96zM348 311a16 16 0 11-22.63 22.62L271.67 280 218 333.65A16 16 0 01195.35 311L249 257.33l-53.69-53.69A16 16 0 01218 181l53.69 53.7 53.67-53.7A16 16 0 01348 203.64l-53.7 53.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspace.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspace.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Backspace"]}
\ No newline at end of file
diff --git a/lib/BackspaceOutline.js b/lib/BackspaceOutline.js
index ece4ac5d0..d5c1bbb5f 100644
--- a/lib/BackspaceOutline.js
+++ b/lib/BackspaceOutline.js
@@ -48,7 +48,7 @@ var BackspaceOutline = function BackspaceOutline(props) {
 BackspaceOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BackspaceOutline.js.map b/lib/BackspaceOutline.js.map
index 41498cf4b..5a4ecf774 100644
--- a/lib/BackspaceOutline.js.map
+++ b/lib/BackspaceOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BackspaceOutline.js"],"names":["BackspaceOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gKAAR,EAAyK,MAAK,MAA9K,EAAqL,QAAO,cAA5L,EAA2M,gBAAe,OAA1N,EAAkO,aAAY,IAA9O,GAAjK;AAAqZ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kHAAxG;AAArZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BackspaceOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BackspaceOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspaceOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspaceOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BackspaceOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BackspaceOutline.js"],"names":["BackspaceOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gKAAR,EAAyK,MAAK,MAA9K,EAAqL,QAAO,cAA5L,EAA2M,gBAAe,OAA1N,EAAkO,aAAY,IAA9O,GAAhK;AAAqZ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kHAAxG;AAArZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BackspaceOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BackspaceOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspaceOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspaceOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BackspaceOutline"]}
\ No newline at end of file
diff --git a/lib/BackspaceSharp.js b/lib/BackspaceSharp.js
index b2b765e9d..004f1c897 100644
--- a/lib/BackspaceSharp.js
+++ b/lib/BackspaceSharp.js
@@ -47,7 +47,7 @@ var BackspaceSharp = function BackspaceSharp(props) {
 BackspaceSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BackspaceSharp.js.map b/lib/BackspaceSharp.js.map
index ea0527a37..66dcde70a 100644
--- a/lib/BackspaceSharp.js.map
+++ b/lib/BackspaceSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BackspaceSharp.js"],"names":["BackspaceSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BackspaceSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BackspaceSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 96L32 256l112 160h304V96zm215.3 226.34L336.67 345l-65-65-65 65L184 322.34l65-65-65-65 22.63-22.63 65 65 65-65 22.63 22.63-65 65z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspaceSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspaceSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BackspaceSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BackspaceSharp.js"],"names":["BackspaceSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BackspaceSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BackspaceSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 96L32 256l112 160h304V96zm215.3 226.34L336.67 345l-65-65-65 65L184 322.34l65-65-65-65 22.63-22.63 65 65 65-65 22.63 22.63-65 65z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBackspaceSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBackspaceSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BackspaceSharp"]}
\ No newline at end of file
diff --git a/lib/Bag.js b/lib/Bag.js
index 08e5f87ae..27db79664 100644
--- a/lib/Bag.js
+++ b/lib/Bag.js
@@ -47,7 +47,7 @@ var Bag = function Bag(props) {
 Bag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bag.js.map b/lib/Bag.js.map
index a3c7f090c..95e03fc68 100644
--- a/lib/Bag.js.map
+++ b/lib/Bag.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bag.js"],"names":["Bag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBag.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bag"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bag.js"],"names":["Bag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBag.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bag"]}
\ No newline at end of file
diff --git a/lib/BagAdd.js b/lib/BagAdd.js
index 6b88f9c33..3e2558a5e 100644
--- a/lib/BagAdd.js
+++ b/lib/BagAdd.js
@@ -47,7 +47,7 @@ var BagAdd = function BagAdd(props) {
 BagAdd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagAdd.js.map b/lib/BagAdd.js.map
index 6471f76a6..22110f064 100644
--- a/lib/BagAdd.js.map
+++ b/lib/BagAdd.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagAdd.js"],"names":["BagAdd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2UAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"BagAdd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAdd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336h-48v48a16 16 0 01-32 0v-48h-48a16 16 0 010-32h48v-48a16 16 0 0132 0v48h48a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAdd.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAdd"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagAdd.js"],"names":["BagAdd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2UAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"BagAdd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAdd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336h-48v48a16 16 0 01-32 0v-48h-48a16 16 0 010-32h48v-48a16 16 0 0132 0v48h48a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAdd.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAdd"]}
\ No newline at end of file
diff --git a/lib/BagAddOutline.js b/lib/BagAddOutline.js
index 98158b24f..81dc49980 100644
--- a/lib/BagAddOutline.js
+++ b/lib/BagAddOutline.js
@@ -47,7 +47,7 @@ var BagAddOutline = function BagAddOutline(props) {
 BagAddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagAddOutline.js.map b/lib/BagAddOutline.js.map
index f23fef9e6..000ea67ec 100644
--- a/lib/BagAddOutline.js.map
+++ b/lib/BagAddOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagAddOutline.js"],"names":["BagAddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kLAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BagAddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 256v128M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAddOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagAddOutline.js"],"names":["BagAddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kLAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BagAddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 256v128M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAddOutline"]}
\ No newline at end of file
diff --git a/lib/BagAddSharp.js b/lib/BagAddSharp.js
index 8879fc58b..c1a68469a 100644
--- a/lib/BagAddSharp.js
+++ b/lib/BagAddSharp.js
@@ -47,7 +47,7 @@ var BagAddSharp = function BagAddSharp(props) {
 BagAddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagAddSharp.js.map b/lib/BagAddSharp.js.map
index 2f32259b5..4770b375b 100644
--- a/lib/BagAddSharp.js.map
+++ b/lib/BagAddSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagAddSharp.js"],"names":["BagAddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BagAddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187h-64v64h-32v-64h-64v-32h64v-64h32v64h64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAddSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagAddSharp.js"],"names":["BagAddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BagAddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagAddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187h-64v64h-32v-64h-64v-32h64v-64h32v64h64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagAddSharp"]}
\ No newline at end of file
diff --git a/lib/BagCheck.js b/lib/BagCheck.js
index 2c01d2773..ea830a0ae 100644
--- a/lib/BagCheck.js
+++ b/lib/BagCheck.js
@@ -47,7 +47,7 @@ var BagCheck = function BagCheck(props) {
 BagCheck.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagCheck.js.map b/lib/BagCheck.js.map
index 026580360..f986dc355 100644
--- a/lib/BagCheck.js.map
+++ b/lib/BagCheck.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagCheck.js"],"names":["BagCheck","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oXAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BagCheck.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheck = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM332.49 274l-89.6 112a16 16 0 01-12.23 6h-.26a16 16 0 01-12.16-5.6l-38.4-44.88a16 16 0 1124.32-20.8L230 350.91 307.51 254a16 16 0 0125 20zM336 160H176v-16a80 80 0 01160 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheck.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheck.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheck"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagCheck.js"],"names":["BagCheck","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oXAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BagCheck.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheck = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM332.49 274l-89.6 112a16 16 0 01-12.23 6h-.26a16 16 0 01-12.16-5.6l-38.4-44.88a16 16 0 1124.32-20.8L230 350.91 307.51 254a16 16 0 0125 20zM336 160H176v-16a80 80 0 01160 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheck.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheck.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheck"]}
\ No newline at end of file
diff --git a/lib/BagCheckOutline.js b/lib/BagCheckOutline.js
index 06f379a99..a18f33e1a 100644
--- a/lib/BagCheckOutline.js
+++ b/lib/BagCheckOutline.js
@@ -48,7 +48,7 @@ var BagCheckOutline = function BagCheckOutline(props) {
 BagCheckOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagCheckOutline.js.map b/lib/BagCheckOutline.js.map
index 1c9f304ec..5f9b0c2d2 100644
--- a/lib/BagCheckOutline.js.map
+++ b/lib/BagCheckOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagCheckOutline.js"],"names":["BagCheckOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG,GAAjK;AAA0S,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0JAAxG;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BagCheckOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheckOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 264l-89.6 112-38.4-44.88\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheckOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheckOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheckOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagCheckOutline.js"],"names":["BagCheckOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG,GAAhK;AAA0S,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0JAAxG;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BagCheckOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheckOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 264l-89.6 112-38.4-44.88\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheckOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheckOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheckOutline"]}
\ No newline at end of file
diff --git a/lib/BagCheckSharp.js b/lib/BagCheckSharp.js
index d7b1d7e67..da374621c 100644
--- a/lib/BagCheckSharp.js
+++ b/lib/BagCheckSharp.js
@@ -47,7 +47,7 @@ var BagCheckSharp = function BagCheckSharp(props) {
 BagCheckSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagCheckSharp.js.map b/lib/BagCheckSharp.js.map
index 6321aed24..cee713519 100644
--- a/lib/BagCheckSharp.js.map
+++ b/lib/BagCheckSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagCheckSharp.js"],"names":["BagCheckSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BagCheckSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheckSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm50.81 252.12l-61.37-71.72 24.31-20.81L230 350.91l87.51-109.4 25 20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheckSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheckSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheckSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagCheckSharp.js"],"names":["BagCheckSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BagCheckSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagCheckSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm50.81 252.12l-61.37-71.72 24.31-20.81L230 350.91l87.51-109.4 25 20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagCheckSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagCheckSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagCheckSharp"]}
\ No newline at end of file
diff --git a/lib/BagHandle.js b/lib/BagHandle.js
index 8d4afa7b1..73ce33344 100644
--- a/lib/BagHandle.js
+++ b/lib/BagHandle.js
@@ -47,7 +47,7 @@ var BagHandle = function BagHandle(props) {
 BagHandle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagHandle.js.map b/lib/BagHandle.js.map
index 3d1f41dfe..491dc8e2e 100644
--- a/lib/BagHandle.js.map
+++ b/lib/BagHandle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagHandle.js"],"names":["BagHandle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6TAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BagHandle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176zm192 96a112 112 0 01-224 0v-16a16 16 0 0132 0v16a80 80 0 00160 0v-16a16 16 0 0132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagHandle.js"],"names":["BagHandle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6TAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BagHandle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176zm192 96a112 112 0 01-224 0v-16a16 16 0 0132 0v16a80 80 0 00160 0v-16a16 16 0 0132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandle"]}
\ No newline at end of file
diff --git a/lib/BagHandleOutline.js b/lib/BagHandleOutline.js
index 9271a336c..a4b64be3c 100644
--- a/lib/BagHandleOutline.js
+++ b/lib/BagHandleOutline.js
@@ -48,7 +48,7 @@ var BagHandleOutline = function BagHandleOutline(props) {
 BagHandleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagHandleOutline.js.map b/lib/BagHandleOutline.js.map
index b106abc3e..e5c724b06 100644
--- a/lib/BagHandleOutline.js.map
+++ b/lib/BagHandleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagHandleOutline.js"],"names":["BagHandleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,eAAc,OAAnN,EAA2N,gBAAe,OAA1O,EAAkP,aAAY,IAA9P,GAAjK;AAAqa,8CAAM,GAAE,mDAAR,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BagHandleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 224v16a96 96 0 0096 96h0a96 96 0 0096-96v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagHandleOutline.js"],"names":["BagHandleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,eAAc,OAAnN,EAA2N,gBAAe,OAA1O,EAAkP,aAAY,IAA9P,GAAhK;AAAqa,8CAAM,GAAE,mDAAR,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BagHandleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 224v16a96 96 0 0096 96h0a96 96 0 0096-96v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandleOutline"]}
\ No newline at end of file
diff --git a/lib/BagHandleSharp.js b/lib/BagHandleSharp.js
index 4ad458e6e..8efc15ec1 100644
--- a/lib/BagHandleSharp.js
+++ b/lib/BagHandleSharp.js
@@ -47,7 +47,7 @@ var BagHandleSharp = function BagHandleSharp(props) {
 BagHandleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagHandleSharp.js.map b/lib/BagHandleSharp.js.map
index 8c25a81f4..05ef66d08 100644
--- a/lib/BagHandleSharp.js.map
+++ b/lib/BagHandleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagHandleSharp.js"],"names":["BagHandleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BagHandleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm188 91a112 112 0 01-224 0v-32h32v32a80 80 0 00160 0v-32h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagHandleSharp.js"],"names":["BagHandleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BagHandleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagHandleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm188 91a112 112 0 01-224 0v-32h32v32a80 80 0 00160 0v-32h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagHandleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagHandleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagHandleSharp"]}
\ No newline at end of file
diff --git a/lib/BagOutline.js b/lib/BagOutline.js
index 64b31a389..1add98948 100644
--- a/lib/BagOutline.js
+++ b/lib/BagOutline.js
@@ -47,7 +47,7 @@ var BagOutline = function BagOutline(props) {
 BagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagOutline.js.map b/lib/BagOutline.js.map
index 439760394..bf6fbb0d9 100644
--- a/lib/BagOutline.js.map
+++ b/lib/BagOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagOutline.js"],"names":["BagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0JAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagOutline.js"],"names":["BagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0JAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagOutline"]}
\ No newline at end of file
diff --git a/lib/BagRemove.js b/lib/BagRemove.js
index 17832b8a3..d98b8080b 100644
--- a/lib/BagRemove.js
+++ b/lib/BagRemove.js
@@ -47,7 +47,7 @@ var BagRemove = function BagRemove(props) {
 BagRemove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagRemove.js.map b/lib/BagRemove.js.map
index 56bfede22..66a8fa646 100644
--- a/lib/BagRemove.js.map
+++ b/lib/BagRemove.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagRemove.js"],"names":["BagRemove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BagRemove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336H192a16 16 0 010-32h128a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemove.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemove"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagRemove.js"],"names":["BagRemove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BagRemove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336H192a16 16 0 010-32h128a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemove.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemove"]}
\ No newline at end of file
diff --git a/lib/BagRemoveOutline.js b/lib/BagRemoveOutline.js
index 10ef62f5f..dff5f6966 100644
--- a/lib/BagRemoveOutline.js
+++ b/lib/BagRemoveOutline.js
@@ -47,7 +47,7 @@ var BagRemoveOutline = function BagRemoveOutline(props) {
 BagRemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagRemoveOutline.js.map b/lib/BagRemoveOutline.js.map
index 9772832eb..d1a854512 100644
--- a/lib/BagRemoveOutline.js.map
+++ b/lib/BagRemoveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagRemoveOutline.js"],"names":["BagRemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sKAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BagRemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemoveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagRemoveOutline.js"],"names":["BagRemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sKAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BagRemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemoveOutline"]}
\ No newline at end of file
diff --git a/lib/BagRemoveSharp.js b/lib/BagRemoveSharp.js
index cd3903556..516308b34 100644
--- a/lib/BagRemoveSharp.js
+++ b/lib/BagRemoveSharp.js
@@ -47,7 +47,7 @@ var BagRemoveSharp = function BagRemoveSharp(props) {
 BagRemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagRemoveSharp.js.map b/lib/BagRemoveSharp.js.map
index 1a09a2c8d..ac4e67ff2 100644
--- a/lib/BagRemoveSharp.js.map
+++ b/lib/BagRemoveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagRemoveSharp.js"],"names":["BagRemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BagRemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187H176v-32h160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemoveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagRemoveSharp.js"],"names":["BagRemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BagRemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagRemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187H176v-32h160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagRemoveSharp"]}
\ No newline at end of file
diff --git a/lib/BagSharp.js b/lib/BagSharp.js
index 10038e26b..d1c38ef6e 100644
--- a/lib/BagSharp.js
+++ b/lib/BagSharp.js
@@ -47,7 +47,7 @@ var BagSharp = function BagSharp(props) {
 BagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BagSharp.js.map b/lib/BagSharp.js.map
index dd9992017..bac0d0ffe 100644
--- a/lib/BagSharp.js.map
+++ b/lib/BagSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BagSharp.js"],"names":["BagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M372 160v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-40 0H180v-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BagSharp.js"],"names":["BagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M372 160v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-40 0H180v-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBagSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BagSharp"]}
\ No newline at end of file
diff --git a/lib/Ban.js b/lib/Ban.js
index 6ae4eff18..f0b0407f0 100644
--- a/lib/Ban.js
+++ b/lib/Ban.js
@@ -48,7 +48,7 @@ var Ban = function Ban(props) {
 Ban.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Ban.js.map b/lib/Ban.js.map
index 30596d37a..26bcef52b 100644
--- a/lib/Ban.js.map
+++ b/lib/Ban.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Ban.js"],"names":["Ban","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAjK;AAA6Q,8CAAM,QAAO,cAAb,EAA4B,kBAAiB,IAA7C,EAAkD,aAAY,IAA9D,EAAmE,GAAE,8BAArE;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Ban.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ban = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"48\" cx=\"256\" cy=\"256\" r=\"200\"/><path stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M114.58 114.58l282.84 282.84\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBan.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ban"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Ban.js"],"names":["Ban","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAhK;AAA6Q,8CAAM,QAAO,cAAb,EAA4B,kBAAiB,IAA7C,EAAkD,aAAY,IAA9D,EAAmE,GAAE,8BAArE;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Ban.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ban = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"48\" cx=\"256\" cy=\"256\" r=\"200\" /><path stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M114.58 114.58l282.84 282.84\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBan.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ban"]}
\ No newline at end of file
diff --git a/lib/BanOutline.js b/lib/BanOutline.js
index 6fa801566..97b508f77 100644
--- a/lib/BanOutline.js
+++ b/lib/BanOutline.js
@@ -48,7 +48,7 @@ var BanOutline = function BanOutline(props) {
 BanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BanOutline.js.map b/lib/BanOutline.js.map
index 6a72dd51a..b3cd22890 100644
--- a/lib/BanOutline.js.map
+++ b/lib/BanOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BanOutline.js"],"names":["BanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG,GAAjK;AAA6Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,8BAAjF;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M108.92 108.92l294.16 294.16\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBanOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BanOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BanOutline.js"],"names":["BanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG,GAAhK;AAA6Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,8BAAjF;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M108.92 108.92l294.16 294.16\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBanOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BanOutline"]}
\ No newline at end of file
diff --git a/lib/BanSharp.js b/lib/BanSharp.js
index b729be2a3..06ba7daba 100644
--- a/lib/BanSharp.js
+++ b/lib/BanSharp.js
@@ -47,7 +47,7 @@ var BanSharp = function BanSharp(props) {
 BanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BanSharp.js.map b/lib/BanSharp.js.map
index 25f9aa00a..5fae68a47 100644
--- a/lib/BanSharp.js.map
+++ b/lib/BanSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BanSharp.js"],"names":["BanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM432 256a175.09 175.09 0 01-35.8 106.26L149.74 115.8A175.09 175.09 0 01256 80c97.05 0 176 79 176 176zm-352 0a175.09 175.09 0 0135.8-106.26L362.26 396.2A175.09 175.09 0 01256 432c-97 0-176-78.95-176-176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBanSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BanSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BanSharp.js"],"names":["BanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM432 256a175.09 175.09 0 01-35.8 106.26L149.74 115.8A175.09 175.09 0 01256 80c97.05 0 176 79 176 176zm-352 0a175.09 175.09 0 0135.8-106.26L362.26 396.2A175.09 175.09 0 01256 432c-97 0-176-78.95-176-176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBanSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BanSharp"]}
\ No newline at end of file
diff --git a/lib/Bandage.js b/lib/Bandage.js
index 2a786660d..93720823a 100644
--- a/lib/Bandage.js
+++ b/lib/Bandage.js
@@ -49,7 +49,7 @@ var Bandage = function Bandage(props) {
 Bandage.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bandage.js.map b/lib/Bandage.js.map
index e7385e8d0..cbc3054c8 100644
--- a/lib/Bandage.js.map
+++ b/lib/Bandage.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bandage.js"],"names":["Bandage","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mYAAR,EAA4Y,MAAK,MAAjZ,GAAjK;AAA0jB,8CAAM,GAAE,kiBAAR,GAA1jB;AAAsmC,8CAAM,GAAE,2OAAR;AAAtmC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bandage.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bandage = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zM137.21 295.6a47.81 47.81 0 01-9.43-13.38L69 341a72.2 72.2 0 000 102 72.37 72.37 0 00102 0l58.77-58.76a47.81 47.81 0 01-13.38-9.43zM392 48a71.55 71.55 0 00-51 21l-55.92 55.91a48.05 48.05 0 0113.36 9.45l79.19 79.19a48.05 48.05 0 019.45 13.36L443 171a72 72 0 00-51-123z\" fill=\"none\"/><path d=\"M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zm-56.49 110.31a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zm0-96a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zM465.61 46.39a104.38 104.38 0 00-147.25 0l-69.76 69.89a4 4 0 004.2 6.58 35.74 35.74 0 0111.69-2.54 47.7 47.7 0 0133.94 14.06l79.19 79.19a47.7 47.7 0 0114.06 33.94 35.68 35.68 0 01-2.54 11.69 4 4 0 006.58 4.2l69.89-69.76a104.38 104.38 0 000-147.25z\"/><path d=\"M254.34 386.83a47.91 47.91 0 01-33.94-14l-79.19-79.23a47.81 47.81 0 01-9.43-13.38c-4.59-9.7-1.39-25 2.48-36.9a4 4 0 00-6.64-4l-77.23 77.04a104.12 104.12 0 00147.25 147.25l72.75-72.88a4 4 0 00-4.21-6.58c-4.18 1.58-8.4 2.68-11.84 2.68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandage.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bandage"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bandage.js"],"names":["Bandage","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mYAAR,EAA4Y,MAAK,MAAjZ,GAAhK;AAA0jB,8CAAM,GAAE,kiBAAR,GAA1jB;AAAumC,8CAAM,GAAE,2OAAR;AAAvmC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bandage.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bandage = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zM137.21 295.6a47.81 47.81 0 01-9.43-13.38L69 341a72.2 72.2 0 000 102 72.37 72.37 0 00102 0l58.77-58.76a47.81 47.81 0 01-13.38-9.43zM392 48a71.55 71.55 0 00-51 21l-55.92 55.91a48.05 48.05 0 0113.36 9.45l79.19 79.19a48.05 48.05 0 019.45 13.36L443 171a72 72 0 00-51-123z\" fill=\"none\" /><path d=\"M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zm-56.49 110.31a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zm0-96a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zM465.61 46.39a104.38 104.38 0 00-147.25 0l-69.76 69.89a4 4 0 004.2 6.58 35.74 35.74 0 0111.69-2.54 47.7 47.7 0 0133.94 14.06l79.19 79.19a47.7 47.7 0 0114.06 33.94 35.68 35.68 0 01-2.54 11.69 4 4 0 006.58 4.2l69.89-69.76a104.38 104.38 0 000-147.25z\" /><path d=\"M254.34 386.83a47.91 47.91 0 01-33.94-14l-79.19-79.23a47.81 47.81 0 01-9.43-13.38c-4.59-9.7-1.39-25 2.48-36.9a4 4 0 00-6.64-4l-77.23 77.04a104.12 104.12 0 00147.25 147.25l72.75-72.88a4 4 0 00-4.21-6.58c-4.18 1.58-8.4 2.68-11.84 2.68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandage.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bandage"]}
\ No newline at end of file
diff --git a/lib/BandageOutline.js b/lib/BandageOutline.js
index 6c68e42f8..8dc9c3ea8 100644
--- a/lib/BandageOutline.js
+++ b/lib/BandageOutline.js
@@ -52,7 +52,7 @@ var BandageOutline = function BandageOutline(props) {
 BandageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BandageOutline.js.map b/lib/BandageOutline.js.map
index 9821ff6fc..712567907 100644
--- a/lib/BandageOutline.js.map
+++ b/lib/BandageOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BandageOutline.js"],"names":["BandageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,QAAlC,EAA2C,QAAO,QAAlD,EAA2D,IAAG,OAA9D,EAAsE,IAAG,OAAzE,EAAiF,WAAU,yBAA3F,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN,GAAjK;AAAuX,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,KAAlC,EAAwC,QAAO,KAA/C,EAAqD,IAAG,IAAxD,EAA6D,IAAG,IAAhE,EAAqE,WAAU,4BAA/E,EAA4G,MAAK,MAAjH,EAAwH,QAAO,cAA/H,EAA8I,eAAc,OAA5J,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAvX;AAAokB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAApkB;AAAsmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtmB;AAAwoB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxoB;AAA0qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA1qB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BandageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BandageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"-24.43\" y=\"167.88\" width=\"560.87\" height=\"176.25\" rx=\"88.12\" ry=\"88.12\" transform=\"rotate(-45 256 256.002)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"169.41\" y=\"156.59\" width=\"176\" height=\"196\" rx=\"32\" ry=\"32\" transform=\"rotate(45 257.409 254.582)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"208\" r=\"16\"/><circle cx=\"304\" cy=\"256\" r=\"16\"/><circle cx=\"208\" cy=\"256\" r=\"16\"/><circle cx=\"256\" cy=\"304\" r=\"16\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandageOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BandageOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BandageOutline.js"],"names":["BandageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,QAAlC,EAA2C,QAAO,QAAlD,EAA2D,IAAG,OAA9D,EAAsE,IAAG,OAAzE,EAAiF,WAAU,yBAA3F,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN,GAAhK;AAAuX,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,KAAlC,EAAwC,QAAO,KAA/C,EAAqD,IAAG,IAAxD,EAA6D,IAAG,IAAhE,EAAqE,WAAU,4BAA/E,EAA4G,MAAK,MAAjH,EAAwH,QAAO,cAA/H,EAA8I,eAAc,OAA5J,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAvX;AAAqkB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArkB;AAAwmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxmB;AAA2oB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3oB;AAA8qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9qB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BandageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BandageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"-24.43\" y=\"167.88\" width=\"560.87\" height=\"176.25\" rx=\"88.12\" ry=\"88.12\" transform=\"rotate(-45 256 256.002)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"169.41\" y=\"156.59\" width=\"176\" height=\"196\" rx=\"32\" ry=\"32\" transform=\"rotate(45 257.409 254.582)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"208\" r=\"16\" /><circle cx=\"304\" cy=\"256\" r=\"16\" /><circle cx=\"208\" cy=\"256\" r=\"16\" /><circle cx=\"256\" cy=\"304\" r=\"16\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandageOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BandageOutline"]}
\ No newline at end of file
diff --git a/lib/BandageSharp.js b/lib/BandageSharp.js
index 64502a9b4..78a038176 100644
--- a/lib/BandageSharp.js
+++ b/lib/BandageSharp.js
@@ -47,7 +47,7 @@ var BandageSharp = function BandageSharp(props) {
 BandageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BandageSharp.js.map b/lib/BandageSharp.js.map
index f7bbcf720..b24f3ef0a 100644
--- a/lib/BandageSharp.js.map
+++ b/lib/BandageSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BandageSharp.js"],"names":["BandageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BandageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BandageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M27.71 337.1a40 40 0 000 56.54l90.65 90.65a40 40 0 0056.54 0l75.1-75.1L102.81 262zM496 147.1a39.87 39.87 0 00-11.75-28.38l-91-91a40.14 40.14 0 00-56.75 0L264 100.28 411.72 248l72.53-72.53A39.85 39.85 0 00496 147.1zM273.06 386.19l116-116L241.77 123l-116 116zm19.63-141.5a16 16 0 110 22.62 16 16 0 010-22.62zm-48-48a16 16 0 110 22.62 16 16 0 010-22.62zm0 96a16 16 0 110 22.62 16 16 0 010-22.62zm-25.38-48a16 16 0 11-22.62 0 16 16 0 0122.62 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandageSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BandageSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BandageSharp.js"],"names":["BandageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BandageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BandageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M27.71 337.1a40 40 0 000 56.54l90.65 90.65a40 40 0 0056.54 0l75.1-75.1L102.81 262zM496 147.1a39.87 39.87 0 00-11.75-28.38l-91-91a40.14 40.14 0 00-56.75 0L264 100.28 411.72 248l72.53-72.53A39.85 39.85 0 00496 147.1zM273.06 386.19l116-116L241.77 123l-116 116zm19.63-141.5a16 16 0 110 22.62 16 16 0 010-22.62zm-48-48a16 16 0 110 22.62 16 16 0 010-22.62zm0 96a16 16 0 110 22.62 16 16 0 010-22.62zm-25.38-48a16 16 0 11-22.62 0 16 16 0 0122.62 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBandageSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBandageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BandageSharp"]}
\ No newline at end of file
diff --git a/lib/BarChart.js b/lib/BarChart.js
index abd9dbb25..4578fcfcc 100644
--- a/lib/BarChart.js
+++ b/lib/BarChart.js
@@ -48,7 +48,7 @@ var BarChart = function BarChart(props) {
 BarChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarChart.js.map b/lib/BarChart.js.map
index 823e4d502..ff327d888 100644
--- a/lib/BarChart.js.map
+++ b/lib/BarChart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarChart.js"],"names":["BarChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wEAAR,GAAjK;AAAmP,8CAAM,GAAE,mRAAR;AAAnP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BarChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 496H48a32 32 0 01-32-32V32a16 16 0 0132 0v432h432a16 16 0 010 32z\"/><path d=\"M156 432h-40a36 36 0 01-36-36V244a36 36 0 0136-36h40a36 36 0 0136 36v152a36 36 0 01-36 36zM300 432h-40a36 36 0 01-36-36V196a36 36 0 0136-36h40a36 36 0 0136 36v200a36 36 0 01-36 36zM443.64 432h-40a36 36 0 01-36-36V132a36 36 0 0136-36h40a36 36 0 0136 36v264a36 36 0 01-36 36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarChart.js"],"names":["BarChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wEAAR,GAAhK;AAAmP,8CAAM,GAAE,mRAAR;AAAnP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BarChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 496H48a32 32 0 01-32-32V32a16 16 0 0132 0v432h432a16 16 0 010 32z\" /><path d=\"M156 432h-40a36 36 0 01-36-36V244a36 36 0 0136-36h40a36 36 0 0136 36v152a36 36 0 01-36 36zM300 432h-40a36 36 0 01-36-36V196a36 36 0 0136-36h40a36 36 0 0136 36v200a36 36 0 01-36 36zM443.64 432h-40a36 36 0 01-36-36V132a36 36 0 0136-36h40a36 36 0 0136 36v264a36 36 0 01-36 36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChart"]}
\ No newline at end of file
diff --git a/lib/BarChartOutline.js b/lib/BarChartOutline.js
index 9b2b393dd..ce2a8772a 100644
--- a/lib/BarChartOutline.js
+++ b/lib/BarChartOutline.js
@@ -50,7 +50,7 @@ var BarChartOutline = function BarChartOutline(props) {
 BarChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarChartOutline.js.map b/lib/BarChartOutline.js.map
index f859136d3..3ddc3d773 100644
--- a/lib/BarChartOutline.js.map
+++ b/lib/BarChartOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarChartOutline.js"],"names":["BarChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gCAAR,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAjK;AAA2S,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAA3S;AAAyc,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAzc;AAAwmB,8CAAM,GAAE,QAAR,EAAiB,GAAE,KAAnB,EAAyB,OAAM,IAA/B,EAAoC,QAAO,KAA3C,EAAiD,IAAG,IAApD,EAAyD,IAAG,IAA5D,EAAiE,MAAK,MAAtE,EAA6E,QAAO,cAApF,EAAmG,eAAc,OAAjH,EAAyH,gBAAe,OAAxI,EAAgJ,aAAY,IAA5J;AAAxmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BarChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v432a16 16 0 0016 16h432\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"224\" width=\"80\" height=\"192\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"240\" y=\"176\" width=\"80\" height=\"240\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"383.64\" y=\"112\" width=\"80\" height=\"304\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChartOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarChartOutline.js"],"names":["BarChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gCAAR,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAhK;AAA2S,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAA3S;AAA0c,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA1c;AAA0mB,8CAAM,GAAE,QAAR,EAAiB,GAAE,KAAnB,EAAyB,OAAM,IAA/B,EAAoC,QAAO,KAA3C,EAAiD,IAAG,IAApD,EAAyD,IAAG,IAA5D,EAAiE,MAAK,MAAtE,EAA6E,QAAO,cAApF,EAAmG,eAAc,OAAjH,EAAyH,gBAAe,OAAxI,EAAgJ,aAAY,IAA5J;AAA1mB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BarChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v432a16 16 0 0016 16h432\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"224\" width=\"80\" height=\"192\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"240\" y=\"176\" width=\"80\" height=\"240\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"383.64\" y=\"112\" width=\"80\" height=\"304\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChartOutline"]}
\ No newline at end of file
diff --git a/lib/BarChartSharp.js b/lib/BarChartSharp.js
index 98d30e37a..0dcfff1b6 100644
--- a/lib/BarChartSharp.js
+++ b/lib/BarChartSharp.js
@@ -48,7 +48,7 @@ var BarChartSharp = function BarChartSharp(props) {
 BarChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarChartSharp.js.map b/lib/BarChartSharp.js.map
index b5f9e61bc..9640853c2 100644
--- a/lib/BarChartSharp.js.map
+++ b/lib/BarChartSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarChartSharp.js"],"names":["BarChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+BAAR,GAAjK;AAA0M,8CAAM,GAAE,mEAAR;AAA1M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BarChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 496H16V16h32v448h448v32z\"/><path d=\"M192 432H80V208h112zM336 432H224V160h112zM479.64 432h-112V96h112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChartSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarChartSharp.js"],"names":["BarChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+BAAR,GAAhK;AAA0M,8CAAM,GAAE,mEAAR;AAA1M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BarChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 496H16V16h32v448h448v32z\" /><path d=\"M192 432H80V208h112zM336 432H224V160h112zM479.64 432h-112V96h112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarChartSharp"]}
\ No newline at end of file
diff --git a/lib/Barbell.js b/lib/Barbell.js
index 0b62818f0..37919ac89 100644
--- a/lib/Barbell.js
+++ b/lib/Barbell.js
@@ -47,7 +47,7 @@ var Barbell = function Barbell(props) {
 Barbell.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Barbell.js.map b/lib/Barbell.js.map
index 73c08e6fa..583382428 100644
--- a/lib/Barbell.js.map
+++ b/lib/Barbell.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Barbell.js"],"names":["Barbell","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kmBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Barbell.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Barbell = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467 176a29.94 29.94 0 00-25.32 12.5 2 2 0 01-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 00362 150v82a2 2 0 01-2 2H152a2 2 0 01-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0074 150v37.38a2 2 0 01-3.64 1.14A29.94 29.94 0 0045 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0025.32-12.5 2 2 0 013.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 00150 362v-82a2 2 0 012-2h208a2 2 0 012 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 00438 362v-37.38a2 2 0 013.64-1.14A29.94 29.94 0 00467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbell.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbell.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Barbell"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Barbell.js"],"names":["Barbell","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kmBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Barbell.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Barbell = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467 176a29.94 29.94 0 00-25.32 12.5 2 2 0 01-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 00362 150v82a2 2 0 01-2 2H152a2 2 0 01-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0074 150v37.38a2 2 0 01-3.64 1.14A29.94 29.94 0 0045 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0025.32-12.5 2 2 0 013.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 00150 362v-82a2 2 0 012-2h208a2 2 0 012 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 00438 362v-37.38a2 2 0 013.64-1.14A29.94 29.94 0 00467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbell.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbell.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Barbell"]}
\ No newline at end of file
diff --git a/lib/BarbellOutline.js b/lib/BarbellOutline.js
index 33db49a58..38dfc6051 100644
--- a/lib/BarbellOutline.js
+++ b/lib/BarbellOutline.js
@@ -51,7 +51,7 @@ var BarbellOutline = function BarbellOutline(props) {
 BarbellOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarbellOutline.js.map b/lib/BarbellOutline.js.map
index 8c3381e82..907449634 100644
--- a/lib/BarbellOutline.js.map
+++ b/lib/BarbellOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarbellOutline.js"],"names":["BarbellOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,aAAxG,GAAjK;AAAwR,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAxR;AAAub,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAvb;AAAqlB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ,GAArlB;AAAivB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ;AAAjvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BarbellOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarbellOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 256h416\"/><rect x=\"384\" y=\"128\" width=\"32\" height=\"256\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"128\" width=\"32\" height=\"256\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"32\" y=\"192\" width=\"16\" height=\"128\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"464\" y=\"192\" width=\"16\" height=\"128\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbellOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbellOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarbellOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarbellOutline.js"],"names":["BarbellOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,aAAxG,GAAhK;AAAwR,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAxR;AAAwb,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAxb;AAAulB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ,GAAvlB;AAAovB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ;AAApvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BarbellOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarbellOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 256h416\" /><rect x=\"384\" y=\"128\" width=\"32\" height=\"256\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"128\" width=\"32\" height=\"256\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"32\" y=\"192\" width=\"16\" height=\"128\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"464\" y=\"192\" width=\"16\" height=\"128\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbellOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbellOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarbellOutline"]}
\ No newline at end of file
diff --git a/lib/BarbellSharp.js b/lib/BarbellSharp.js
index bac35569b..a855dff55 100644
--- a/lib/BarbellSharp.js
+++ b/lib/BarbellSharp.js
@@ -47,7 +47,7 @@ var BarbellSharp = function BarbellSharp(props) {
 BarbellSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarbellSharp.js.map b/lib/BarbellSharp.js.map
index f88d45037..1d919cf72 100644
--- a/lib/BarbellSharp.js.map
+++ b/lib/BarbellSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarbellSharp.js"],"names":["BarbellSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BarbellSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarbellSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 176h-58v-64h-76v122H150V112H74v64H16v160h58v64h76V278h212v122h76v-64h58V176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbellSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbellSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarbellSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarbellSharp.js"],"names":["BarbellSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BarbellSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarbellSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 176h-58v-64h-76v122H150V112H74v64H16v160h58v64h76V278h212v122h76v-64h58V176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarbellSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarbellSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarbellSharp"]}
\ No newline at end of file
diff --git a/lib/Barcode.js b/lib/Barcode.js
index 1e57460f2..5ef2a6863 100644
--- a/lib/Barcode.js
+++ b/lib/Barcode.js
@@ -47,7 +47,7 @@ var Barcode = function Barcode(props) {
 Barcode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Barcode.js.map b/lib/Barcode.js.map
index 525dac39d..9aa8875d9 100644
--- a/lib/Barcode.js.map
+++ b/lib/Barcode.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Barcode.js"],"names":["Barcode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yaAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Barcode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Barcode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M419.13 96H419l-35.05.33L128 96h-.16l-36.74.33C66.93 96.38 48 116.07 48 141.2v230.27c0 25.15 19 44.86 43.2 44.86h.15l36.71-.33 255.92.33h.17l35.07-.33A44.91 44.91 0 00464 371.13V140.87A44.92 44.92 0 00419.13 96zM144 320a16 16 0 01-32 0V192a16 16 0 0132 0zm64 32a16 16 0 01-32 0V160a16 16 0 0132 0zm64-16a16 16 0 01-32 0V176a16 16 0 0132 0zm64 16a16 16 0 01-32 0V160a16 16 0 0132 0zm64-32a16 16 0 01-32 0V192a16 16 0 0132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcode.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Barcode"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Barcode.js"],"names":["Barcode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yaAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Barcode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Barcode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M419.13 96H419l-35.05.33L128 96h-.16l-36.74.33C66.93 96.38 48 116.07 48 141.2v230.27c0 25.15 19 44.86 43.2 44.86h.15l36.71-.33 255.92.33h.17l35.07-.33A44.91 44.91 0 00464 371.13V140.87A44.92 44.92 0 00419.13 96zM144 320a16 16 0 01-32 0V192a16 16 0 0132 0zm64 32a16 16 0 01-32 0V160a16 16 0 0132 0zm64-16a16 16 0 01-32 0V176a16 16 0 0132 0zm64 16a16 16 0 01-32 0V160a16 16 0 0132 0zm64-32a16 16 0 01-32 0V192a16 16 0 0132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcode.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Barcode"]}
\ No newline at end of file
diff --git a/lib/BarcodeOutline.js b/lib/BarcodeOutline.js
index dc1aced61..763a18f87 100644
--- a/lib/BarcodeOutline.js
+++ b/lib/BarcodeOutline.js
@@ -47,7 +47,7 @@ var BarcodeOutline = function BarcodeOutline(props) {
 BarcodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarcodeOutline.js.map b/lib/BarcodeOutline.js.map
index d798d6555..e422d0040 100644
--- a/lib/BarcodeOutline.js.map
+++ b/lib/BarcodeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarcodeOutline.js"],"names":["BarcodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yOAAR,EAAkP,MAAK,MAAvP,EAA8P,QAAO,cAArQ,EAAoR,eAAc,OAAlS,EAA0S,gBAAe,OAAzT,EAAiU,aAAY,IAA7U;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BarcodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarcodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 400.33l35.13-.33A29 29 0 00448 371.13V140.87A29 29 0 00419.13 112l-35.13.33M128 112l-36.8.33c-15.88 0-27.2 13-27.2 28.87v230.27c0 15.87 11.32 28.86 27.2 28.86L128 400M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarcodeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarcodeOutline.js"],"names":["BarcodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yOAAR,EAAkP,MAAK,MAAvP,EAA8P,QAAO,cAArQ,EAAoR,eAAc,OAAlS,EAA0S,gBAAe,OAAzT,EAAiU,aAAY,IAA7U;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BarcodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarcodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 400.33l35.13-.33A29 29 0 00448 371.13V140.87A29 29 0 00419.13 112l-35.13.33M128 112l-36.8.33c-15.88 0-27.2 13-27.2 28.87v230.27c0 15.87 11.32 28.86 27.2 28.86L128 400M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarcodeOutline"]}
\ No newline at end of file
diff --git a/lib/BarcodeSharp.js b/lib/BarcodeSharp.js
index 290517aca..67ad65dc5 100644
--- a/lib/BarcodeSharp.js
+++ b/lib/BarcodeSharp.js
@@ -47,7 +47,7 @@ var BarcodeSharp = function BarcodeSharp(props) {
 BarcodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BarcodeSharp.js.map b/lib/BarcodeSharp.js.map
index 347f74544..3e4406ade 100644
--- a/lib/BarcodeSharp.js.map
+++ b/lib/BarcodeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BarcodeSharp.js"],"names":["BarcodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,uHAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BarcodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarcodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 400.33l48-.33V112l-48 .33M112 112l-48 .33v288l48-.33M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarcodeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BarcodeSharp.js"],"names":["BarcodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,uHAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BarcodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BarcodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 400.33l48-.33V112l-48 .33M112 112l-48 .33v288l48-.33M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBarcodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBarcodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BarcodeSharp"]}
\ No newline at end of file
diff --git a/lib/Baseball.js b/lib/Baseball.js
index 7bdc481f0..e6650a486 100644
--- a/lib/Baseball.js
+++ b/lib/Baseball.js
@@ -48,7 +48,7 @@ var Baseball = function Baseball(props) {
 Baseball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Baseball.js.map b/lib/Baseball.js.map
index 22fa5bc56..109513943 100644
--- a/lib/Baseball.js.map
+++ b/lib/Baseball.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Baseball.js"],"names":["Baseball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,w4BAAR,GAAjK;AAAmjC,8CAAM,GAAE,shCAAR;AAAnjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Baseball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Baseball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444 295.67l-.47-26.07a205.42 205.42 0 01-39.27-4.73l-5 17.35a14 14 0 11-26.88-7.81l5-17.38a206.47 206.47 0 01-36.05-17.35l-10.44 14.77a14 14 0 01-22.87-16.16l10.41-14.73a204.8 204.8 0 01-30-30L273.71 204a14 14 0 01-16.16-22.87l14.74-10.42a205.3 205.3 0 01-17.38-36.06l-17.32 5a14 14 0 11-7.81-26.89l17.3-5a205.88 205.88 0 01-4.43-32.59q-.17-3-.24-6l-18.22-.33a14 14 0 01-13.74-14A208 208 0 0055 202.42a16 16 0 0115 15.66l.44 24.43c1.58.05 3.16.11 4.73.2a205.88 205.88 0 0132.59 4.43l5-17.3a14 14 0 0126.89 7.81l-5 17.32a205.21 205.21 0 0136 17.38L181 257.61a14 14 0 0122.87 16.16l-10.39 14.73a205.65 205.65 0 0115.79 14.23 203.79 203.79 0 0114.23 15.79l14.73-10.41A14 14 0 01254.39 331l-14.76 10.43A206.86 206.86 0 01257 377.47l17.38-5.05a14 14 0 017.81 26.89l-17.35 5a205.89 205.89 0 014.7 38.28l18.27.33a16 16 0 0115.71 16.28 11.69 11.69 0 01-.08 1.19 208 208 0 00153.39-151.03A14 14 0 01444 295.67z\"/><path d=\"M301.49 56.2A14 14 0 01287.5 70h-.25l-16.81-.3c.05 1.31.1 2.62.17 3.93a178.83 178.83 0 003.44 26.31l16.29-4.74a14 14 0 017.81 26.8l-16.27 4.73a178.06 178.06 0 0013.33 27.69l13.84-9.78a14 14 0 1116.16 22.87l-13.86 9.79q5.25 6.33 11.12 12.19c3.9 3.91 8 7.6 12.2 11.1l9.78-13.84A14 14 0 11367.32 203l-9.76 13.8a178.83 178.83 0 0027.68 13.33l4.76-16.28a14 14 0 0126.89 7.81l-4.73 16.26a177.72 177.72 0 0030.95 3.65l-.16-9a14 14 0 0113.75-14.24h.25a14.67 14.67 0 012.59.25 208 208 0 00-158-163.51c-.06.4-.04.76-.05 1.13zM208.44 457.55a16 16 0 0116.28-15.71l16.76.29a178.49 178.49 0 00-3.62-29.95l-16.26 4.72a14 14 0 11-7.81-26.9l16.21-4.7a177.92 177.92 0 00-13.33-27.68l-13.8 9.76a14 14 0 11-16.16-22.87l13.84-9.78c-3.5-4.22-7.19-8.3-11.1-12.2s-8-7.62-12.19-11.12l-9.79 13.86a14 14 0 11-22.87-16.16l9.78-13.84a177.16 177.16 0 00-27.69-13.33L122 298.21a14 14 0 11-26.9-7.81l4.73-16.29a177.32 177.32 0 00-26.31-3.44c-.89-.05-1.79-.08-2.68-.12l.16 10.59a16 16 0 01-15.71 16.28H55a16 16 0 01-3.94-.51 208 208 0 00157.65 163.87 15.72 15.72 0 01-.27-3.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseball.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Baseball"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Baseball.js"],"names":["Baseball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,w4BAAR,GAAhK;AAAmjC,8CAAM,GAAE,shCAAR;AAAnjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Baseball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Baseball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444 295.67l-.47-26.07a205.42 205.42 0 01-39.27-4.73l-5 17.35a14 14 0 11-26.88-7.81l5-17.38a206.47 206.47 0 01-36.05-17.35l-10.44 14.77a14 14 0 01-22.87-16.16l10.41-14.73a204.8 204.8 0 01-30-30L273.71 204a14 14 0 01-16.16-22.87l14.74-10.42a205.3 205.3 0 01-17.38-36.06l-17.32 5a14 14 0 11-7.81-26.89l17.3-5a205.88 205.88 0 01-4.43-32.59q-.17-3-.24-6l-18.22-.33a14 14 0 01-13.74-14A208 208 0 0055 202.42a16 16 0 0115 15.66l.44 24.43c1.58.05 3.16.11 4.73.2a205.88 205.88 0 0132.59 4.43l5-17.3a14 14 0 0126.89 7.81l-5 17.32a205.21 205.21 0 0136 17.38L181 257.61a14 14 0 0122.87 16.16l-10.39 14.73a205.65 205.65 0 0115.79 14.23 203.79 203.79 0 0114.23 15.79l14.73-10.41A14 14 0 01254.39 331l-14.76 10.43A206.86 206.86 0 01257 377.47l17.38-5.05a14 14 0 017.81 26.89l-17.35 5a205.89 205.89 0 014.7 38.28l18.27.33a16 16 0 0115.71 16.28 11.69 11.69 0 01-.08 1.19 208 208 0 00153.39-151.03A14 14 0 01444 295.67z\" /><path d=\"M301.49 56.2A14 14 0 01287.5 70h-.25l-16.81-.3c.05 1.31.1 2.62.17 3.93a178.83 178.83 0 003.44 26.31l16.29-4.74a14 14 0 017.81 26.8l-16.27 4.73a178.06 178.06 0 0013.33 27.69l13.84-9.78a14 14 0 1116.16 22.87l-13.86 9.79q5.25 6.33 11.12 12.19c3.9 3.91 8 7.6 12.2 11.1l9.78-13.84A14 14 0 11367.32 203l-9.76 13.8a178.83 178.83 0 0027.68 13.33l4.76-16.28a14 14 0 0126.89 7.81l-4.73 16.26a177.72 177.72 0 0030.95 3.65l-.16-9a14 14 0 0113.75-14.24h.25a14.67 14.67 0 012.59.25 208 208 0 00-158-163.51c-.06.4-.04.76-.05 1.13zM208.44 457.55a16 16 0 0116.28-15.71l16.76.29a178.49 178.49 0 00-3.62-29.95l-16.26 4.72a14 14 0 11-7.81-26.9l16.21-4.7a177.92 177.92 0 00-13.33-27.68l-13.8 9.76a14 14 0 11-16.16-22.87l13.84-9.78c-3.5-4.22-7.19-8.3-11.1-12.2s-8-7.62-12.19-11.12l-9.79 13.86a14 14 0 11-22.87-16.16l9.78-13.84a177.16 177.16 0 00-27.69-13.33L122 298.21a14 14 0 11-26.9-7.81l4.73-16.29a177.32 177.32 0 00-26.31-3.44c-.89-.05-1.79-.08-2.68-.12l.16 10.59a16 16 0 01-15.71 16.28H55a16 16 0 01-3.94-.51 208 208 0 00157.65 163.87 15.72 15.72 0 01-.27-3.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseball.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Baseball"]}
\ No newline at end of file
diff --git a/lib/BaseballOutline.js b/lib/BaseballOutline.js
index ef5bce060..7f00f2c14 100644
--- a/lib/BaseballOutline.js
+++ b/lib/BaseballOutline.js
@@ -49,7 +49,7 @@ var BaseballOutline = function BaseballOutline(props) {
 BaseballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BaseballOutline.js.map b/lib/BaseballOutline.js.map
index dbe3cd092..cc8c16e91 100644
--- a/lib/BaseballOutline.js.map
+++ b/lib/BaseballOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BaseballOutline.js"],"names":["BaseballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wGAAxG,GAAjK;AAAmX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAnX;AAAsf,8CAAM,GAAE,kLAAR,EAA2L,MAAK,MAAhM,EAAuM,QAAO,cAA9M,EAA6N,eAAc,OAA3O,EAAmP,gBAAe,OAAlQ,EAA0Q,aAAY,IAAtR;AAAtf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BaseballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BaseballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M294.25 108.6l-60.57 17.59M317.13 156.11l-51.5 36.4M355.89 194.87l-36.4 51.5M403.4 217.75l-17.59 60.57\"/><circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M432.94 255.05a192 192 0 01-176.31-180.7M108.54 294.31l17.59-60.57M156.05 317.19l36.4-51.5M194.81 355.95l51.5-36.4M217.69 403.46l60.57-17.59M255 433.61A192 192 0 0074.29 256.69\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseballOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BaseballOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BaseballOutline.js"],"names":["BaseballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wGAAxG,GAAhK;AAAmX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAnX;AAAuf,8CAAM,GAAE,kLAAR,EAA2L,MAAK,MAAhM,EAAuM,QAAO,cAA9M,EAA6N,eAAc,OAA3O,EAAmP,gBAAe,OAAlQ,EAA0Q,aAAY,IAAtR;AAAvf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BaseballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BaseballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M294.25 108.6l-60.57 17.59M317.13 156.11l-51.5 36.4M355.89 194.87l-36.4 51.5M403.4 217.75l-17.59 60.57\" /><circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M432.94 255.05a192 192 0 01-176.31-180.7M108.54 294.31l17.59-60.57M156.05 317.19l36.4-51.5M194.81 355.95l51.5-36.4M217.69 403.46l60.57-17.59M255 433.61A192 192 0 0074.29 256.69\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseballOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BaseballOutline"]}
\ No newline at end of file
diff --git a/lib/BaseballSharp.js b/lib/BaseballSharp.js
index 0d39ca3a2..e8dbe442c 100644
--- a/lib/BaseballSharp.js
+++ b/lib/BaseballSharp.js
@@ -48,7 +48,7 @@ var BaseballSharp = function BaseballSharp(props) {
 BaseballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BaseballSharp.js.map b/lib/BaseballSharp.js.map
index 871f4d863..2d290f8a6 100644
--- a/lib/BaseballSharp.js.map
+++ b/lib/BaseballSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BaseballSharp.js"],"names":["BaseballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,80BAAR,GAAjK;AAAy/B,8CAAM,GAAE,kwBAAR;AAAz/B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BaseballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BaseballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M302.16 56.2a13.88 13.88 0 01-3.42 8.91l-.11 5.13-27.71-.57c0 1.3.09 2.61.16 3.91a177.33 177.33 0 003.45 26.31l24.72-7.18 7.81 26.88-24.71 7.18a177.21 177.21 0 0013.34 27.69l21.27-15 16.16 22.86-21.29 15.05q5.25 6.33 11.11 12.19c3.91 3.91 8 7.6 12.2 11.1l15.71-22.22 22.86 16.16L358 216.75a178.78 178.78 0 0027.68 13.32l7.49-25.8 26.89 7.81-7.5 25.83a177.8 177.8 0 0031 3.67l-.41-24.67 17.41-.29A208 208 0 00301.82 52.93a13.65 13.65 0 01.34 3.27zM214 441.64l27.91.49a177.46 177.46 0 00-3.62-29.95l-24.14 7-7.81-26.88 24.11-7a177.92 177.92 0 00-13.33-27.68L196.79 372l-16.16-22.86L201 334.73c-3.49-4.22-7.19-8.3-11.09-12.2s-8-7.62-12.19-11.12l-13.91 19.68L141 314.93l13.9-19.66a177.26 177.26 0 00-27.7-13.33l-6.37 21.94-26.89-7.81 6.38-22a177.32 177.32 0 00-26.32-3.4c-1.59-.09-3.18-.16-4.78-.2l.4 22.34-17.71.32a207.88 207.88 0 00161.81 166.48z\"/><path d=\"M444.65 302.67l-.55-33.06a206 206 0 01-39.33-4.74L397 291.8l-26.94-7.8 7.83-27a206.91 206.91 0 01-36.06-17.35l-16.36 23.15-22.86-16.16 16.33-23.11a204.21 204.21 0 01-30-30l-22.19 15.67-16.16-22.87 22.17-15.67a206 206 0 01-17.38-36.06l-25.75 7.48-7.81-26.89 25.73-7.47q-2-9.21-3.18-18.64h-.47l-.78-14-.33-6-17.94-.32a13.38 13.38 0 01-1.79-.16l-6.35-.13.06-2.47a14 14 0 01-5.66-11.49 13.27 13.27 0 01.13-1.67A208 208 0 0052.16 217.43l16.1-.28.45 25.18 6.83.38 14 .77v.48q9.42 1.17 18.64 3.18l6.68-23L141.7 232l-6.7 23a205.3 205.3 0 0136.06 17.38l14.53-20.56L208.47 268 194 288.5a203.5 203.5 0 0130 30l21.3-15 16.16 22.86-21.36 15.05a206.86 206.86 0 0117.34 36.06l25.27-7.33 7.81 26.86-25.24 7.33a205.9 205.9 0 014.72 38.3l29.42.53-.29 16.48a207.94 207.94 0 00160-157.21z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseballSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BaseballSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BaseballSharp.js"],"names":["BaseballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,80BAAR,GAAhK;AAAy/B,8CAAM,GAAE,kwBAAR;AAAz/B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BaseballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BaseballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M302.16 56.2a13.88 13.88 0 01-3.42 8.91l-.11 5.13-27.71-.57c0 1.3.09 2.61.16 3.91a177.33 177.33 0 003.45 26.31l24.72-7.18 7.81 26.88-24.71 7.18a177.21 177.21 0 0013.34 27.69l21.27-15 16.16 22.86-21.29 15.05q5.25 6.33 11.11 12.19c3.91 3.91 8 7.6 12.2 11.1l15.71-22.22 22.86 16.16L358 216.75a178.78 178.78 0 0027.68 13.32l7.49-25.8 26.89 7.81-7.5 25.83a177.8 177.8 0 0031 3.67l-.41-24.67 17.41-.29A208 208 0 00301.82 52.93a13.65 13.65 0 01.34 3.27zM214 441.64l27.91.49a177.46 177.46 0 00-3.62-29.95l-24.14 7-7.81-26.88 24.11-7a177.92 177.92 0 00-13.33-27.68L196.79 372l-16.16-22.86L201 334.73c-3.49-4.22-7.19-8.3-11.09-12.2s-8-7.62-12.19-11.12l-13.91 19.68L141 314.93l13.9-19.66a177.26 177.26 0 00-27.7-13.33l-6.37 21.94-26.89-7.81 6.38-22a177.32 177.32 0 00-26.32-3.4c-1.59-.09-3.18-.16-4.78-.2l.4 22.34-17.71.32a207.88 207.88 0 00161.81 166.48z\" /><path d=\"M444.65 302.67l-.55-33.06a206 206 0 01-39.33-4.74L397 291.8l-26.94-7.8 7.83-27a206.91 206.91 0 01-36.06-17.35l-16.36 23.15-22.86-16.16 16.33-23.11a204.21 204.21 0 01-30-30l-22.19 15.67-16.16-22.87 22.17-15.67a206 206 0 01-17.38-36.06l-25.75 7.48-7.81-26.89 25.73-7.47q-2-9.21-3.18-18.64h-.47l-.78-14-.33-6-17.94-.32a13.38 13.38 0 01-1.79-.16l-6.35-.13.06-2.47a14 14 0 01-5.66-11.49 13.27 13.27 0 01.13-1.67A208 208 0 0052.16 217.43l16.1-.28.45 25.18 6.83.38 14 .77v.48q9.42 1.17 18.64 3.18l6.68-23L141.7 232l-6.7 23a205.3 205.3 0 0136.06 17.38l14.53-20.56L208.47 268 194 288.5a203.5 203.5 0 0130 30l21.3-15 16.16 22.86-21.36 15.05a206.86 206.86 0 0117.34 36.06l25.27-7.33 7.81 26.86-25.24 7.33a205.9 205.9 0 014.72 38.3l29.42.53-.29 16.48a207.94 207.94 0 00160-157.21z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBaseballSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBaseballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BaseballSharp"]}
\ No newline at end of file
diff --git a/lib/Basket.js b/lib/Basket.js
index 76ecd6301..a59723d82 100644
--- a/lib/Basket.js
+++ b/lib/Basket.js
@@ -47,7 +47,7 @@ var Basket = function Basket(props) {
 Basket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Basket.js.map b/lib/Basket.js.map
index 344ffedd2..4b62a5d78 100644
--- a/lib/Basket.js.map
+++ b/lib/Basket.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Basket.js"],"names":["Basket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Basket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Basket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.11 192H360L268.8 70.4a16 16 0 00-25.6 0L152 192H87.89a32.57 32.57 0 00-32.62 32.44 30.3 30.3 0 001.31 9l46.27 163.14a50.72 50.72 0 0048.84 36.91h208.62a51.21 51.21 0 0049-36.86l46.33-163.36a15.62 15.62 0 00.46-2.36l.53-4.93a13.3 13.3 0 00.09-1.55A32.57 32.57 0 00424.11 192zM256 106.67L320 192H192zm0 245a37.7 37.7 0 1137.88-37.7A37.87 37.87 0 01256 351.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasket.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Basket"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Basket.js"],"names":["Basket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Basket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Basket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.11 192H360L268.8 70.4a16 16 0 00-25.6 0L152 192H87.89a32.57 32.57 0 00-32.62 32.44 30.3 30.3 0 001.31 9l46.27 163.14a50.72 50.72 0 0048.84 36.91h208.62a51.21 51.21 0 0049-36.86l46.33-163.36a15.62 15.62 0 00.46-2.36l.53-4.93a13.3 13.3 0 00.09-1.55A32.57 32.57 0 00424.11 192zM256 106.67L320 192H192zm0 245a37.7 37.7 0 1137.88-37.7A37.87 37.87 0 01256 351.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasket.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Basket"]}
\ No newline at end of file
diff --git a/lib/BasketOutline.js b/lib/BasketOutline.js
index de156c209..a51aab936 100644
--- a/lib/BasketOutline.js
+++ b/lib/BasketOutline.js
@@ -48,7 +48,7 @@ var BasketOutline = function BasketOutline(props) {
 BasketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BasketOutline.js.map b/lib/BasketOutline.js.map
index 0473706f6..62e43c852 100644
--- a/lib/BasketOutline.js.map
+++ b/lib/BasketOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BasketOutline.js"],"names":["BasketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qPAAR,EAA8P,MAAK,MAAnQ,EAA0Q,QAAO,cAAjR,EAAgS,gBAAe,OAA/S,EAAuT,aAAY,IAAnU,GAAjK;AAA0e,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,wBAAlF;AAA1e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BasketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M68.4 192A20.38 20.38 0 0048 212.2a17.87 17.87 0 00.8 5.5L100.5 400a40.46 40.46 0 0039.1 29.5h232.8a40.88 40.88 0 0039.3-29.5l51.7-182.3.6-5.5a20.38 20.38 0 00-20.4-20.2H68.4zm193.32 160.07A42.07 42.07 0 11304 310a42.27 42.27 0 01-42.28 42.07z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 192l96-128 96 128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BasketOutline.js"],"names":["BasketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qPAAR,EAA8P,MAAK,MAAnQ,EAA0Q,QAAO,cAAjR,EAAgS,gBAAe,OAA/S,EAAuT,aAAY,IAAnU,GAAhK;AAA0e,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,wBAAlF;AAA1e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BasketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M68.4 192A20.38 20.38 0 0048 212.2a17.87 17.87 0 00.8 5.5L100.5 400a40.46 40.46 0 0039.1 29.5h232.8a40.88 40.88 0 0039.3-29.5l51.7-182.3.6-5.5a20.38 20.38 0 00-20.4-20.2H68.4zm193.32 160.07A42.07 42.07 0 11304 310a42.27 42.27 0 01-42.28 42.07z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 192l96-128 96 128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketOutline"]}
\ No newline at end of file
diff --git a/lib/BasketSharp.js b/lib/BasketSharp.js
index a64540696..e34140e05 100644
--- a/lib/BasketSharp.js
+++ b/lib/BasketSharp.js
@@ -48,7 +48,7 @@ var BasketSharp = function BasketSharp(props) {
 BasketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BasketSharp.js.map b/lib/BasketSharp.js.map
index 321a8426d..519876f76 100644
--- a/lib/BasketSharp.js.map
+++ b/lib/BasketSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BasketSharp.js"],"names":["BasketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gFAAR,GAAjK;AAA2P,8CAAM,GAAE,iKAAR;AAA3P;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BasketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M339.2 217.6L256 106.67 172.8 217.6l-25.6-19.2 96-128a16 16 0 0125.6 0l96 128z\"/><path d=\"M441.59 192H70.41a12 12 0 00-11.68 14.77L112.59 434h286.82l53.86-227.23A12 12 0 00441.59 192zM256 351.66A37.71 37.71 0 11293.89 314 37.88 37.88 0 01256 351.66z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BasketSharp.js"],"names":["BasketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gFAAR,GAAhK;AAA2P,8CAAM,GAAE,iKAAR;AAA3P;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BasketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M339.2 217.6L256 106.67 172.8 217.6l-25.6-19.2 96-128a16 16 0 0125.6 0l96 128z\" /><path d=\"M441.59 192H70.41a12 12 0 00-11.68 14.77L112.59 434h286.82l53.86-227.23A12 12 0 00441.59 192zM256 351.66A37.71 37.71 0 11293.89 314 37.88 37.88 0 01256 351.66z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketSharp"]}
\ No newline at end of file
diff --git a/lib/Basketball.js b/lib/Basketball.js
index 38ad6f790..5c1eae69a 100644
--- a/lib/Basketball.js
+++ b/lib/Basketball.js
@@ -47,7 +47,7 @@ var Basketball = function Basketball(props) {
 Basketball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Basketball.js.map b/lib/Basketball.js.map
index b8a26e1db..dba6a1d28 100644
--- a/lib/Basketball.js.map
+++ b/lib/Basketball.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Basketball.js"],"names":["Basketball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+zBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Basketball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Basketball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketball.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Basketball"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Basketball.js"],"names":["Basketball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+zBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Basketball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Basketball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketball.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Basketball"]}
\ No newline at end of file
diff --git a/lib/BasketballOutline.js b/lib/BasketballOutline.js
index d7fdeffc0..4f5c29189 100644
--- a/lib/BasketballOutline.js
+++ b/lib/BasketballOutline.js
@@ -48,7 +48,7 @@ var BasketballOutline = function BasketballOutline(props) {
 BasketballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BasketballOutline.js.map b/lib/BasketballOutline.js.map
index 76b2919d7..b9f39c92d 100644
--- a/lib/BasketballOutline.js.map
+++ b/lib/BasketballOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BasketballOutline.js"],"names":["BasketballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"BasketballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M432.94 255.05a192 192 0 01-176.31-180.7M255 433.61A192 192 0 0074.29 256.69M120.24 120.24l271.52 271.52M120.24 391.76l271.52-271.52\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketballOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketballOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BasketballOutline.js"],"names":["BasketballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"BasketballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M432.94 255.05a192 192 0 01-176.31-180.7M255 433.61A192 192 0 0074.29 256.69M120.24 120.24l271.52 271.52M120.24 391.76l271.52-271.52\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketballOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketballOutline"]}
\ No newline at end of file
diff --git a/lib/BasketballSharp.js b/lib/BasketballSharp.js
index 82606db4e..ee67d9bee 100644
--- a/lib/BasketballSharp.js
+++ b/lib/BasketballSharp.js
@@ -47,7 +47,7 @@ var BasketballSharp = function BasketballSharp(props) {
 BasketballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BasketballSharp.js.map b/lib/BasketballSharp.js.map
index c667ff9a3..e65ebfb2a 100644
--- a/lib/BasketballSharp.js.map
+++ b/lib/BasketballSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BasketballSharp.js"],"names":["BasketballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+zBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BasketballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketballSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketballSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BasketballSharp.js"],"names":["BasketballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+zBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BasketballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BasketballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBasketballSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBasketballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BasketballSharp"]}
\ No newline at end of file
diff --git a/lib/BatteryCharging.js b/lib/BatteryCharging.js
index 484e27d97..b2995cf1d 100644
--- a/lib/BatteryCharging.js
+++ b/lib/BatteryCharging.js
@@ -50,7 +50,7 @@ var BatteryCharging = function BatteryCharging(props) {
 BatteryCharging.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryCharging.js.map b/lib/BatteryCharging.js.map
index bf7d2ea7c..6752c19d8 100644
--- a/lib/BatteryCharging.js.map
+++ b/lib/BatteryCharging.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryCharging.js"],"names":["BatteryCharging","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iaAAR,GAAjK;AAA4kB,8CAAM,GAAE,sJAAR,GAA5kB;AAA4uB,8CAAM,GAAE,8/BAAR,GAA5uB;AAAovD,8CAAM,GAAE,mOAAR;AAApvD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BatteryCharging.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryCharging = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z\"/><path d=\"M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z\"/><path d=\"M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z\"/><path d=\"M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryCharging.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryCharging.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryCharging"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryCharging.js"],"names":["BatteryCharging","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iaAAR,GAAhK;AAA4kB,8CAAM,GAAE,sJAAR,GAA5kB;AAA6uB,8CAAM,GAAE,8/BAAR,GAA7uB;AAAsvD,8CAAM,GAAE,mOAAR;AAAtvD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BatteryCharging.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryCharging = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z\" /><path d=\"M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z\" /><path d=\"M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z\" /><path d=\"M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryCharging.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryCharging.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryCharging"]}
\ No newline at end of file
diff --git a/lib/BatteryChargingOutline.js b/lib/BatteryChargingOutline.js
index e6f0b4a0e..88d502e0c 100644
--- a/lib/BatteryChargingOutline.js
+++ b/lib/BatteryChargingOutline.js
@@ -50,7 +50,7 @@ var BatteryChargingOutline = function BatteryChargingOutline(props) {
 BatteryChargingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryChargingOutline.js.map b/lib/BatteryChargingOutline.js.map
index e6fe5e23f..e360a2042 100644
--- a/lib/BatteryChargingOutline.js.map
+++ b/lib/BatteryChargingOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryChargingOutline.js"],"names":["BatteryChargingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iaAAR,GAAjK;AAA4kB,8CAAM,GAAE,sJAAR,GAA5kB;AAA4uB,8CAAM,GAAE,8/BAAR,GAA5uB;AAAovD,8CAAM,GAAE,mOAAR;AAApvD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"BatteryChargingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryChargingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z\"/><path d=\"M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z\"/><path d=\"M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z\"/><path d=\"M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryChargingOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryChargingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryChargingOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryChargingOutline.js"],"names":["BatteryChargingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iaAAR,GAAhK;AAA4kB,8CAAM,GAAE,sJAAR,GAA5kB;AAA6uB,8CAAM,GAAE,8/BAAR,GAA7uB;AAAsvD,8CAAM,GAAE,mOAAR;AAAtvD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"BatteryChargingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryChargingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z\" /><path d=\"M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z\" /><path d=\"M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z\" /><path d=\"M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryChargingOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryChargingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryChargingOutline"]}
\ No newline at end of file
diff --git a/lib/BatteryChargingSharp.js b/lib/BatteryChargingSharp.js
index ff7075488..8b8e6f08a 100644
--- a/lib/BatteryChargingSharp.js
+++ b/lib/BatteryChargingSharp.js
@@ -49,7 +49,7 @@ var BatteryChargingSharp = function BatteryChargingSharp(props) {
 BatteryChargingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryChargingSharp.js.map b/lib/BatteryChargingSharp.js.map
index 20a9fac73..371f48e07 100644
--- a/lib/BatteryChargingSharp.js.map
+++ b/lib/BatteryChargingSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryChargingSharp.js"],"names":["BatteryChargingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ydAAR,GAAjK;AAAooB,8CAAM,GAAE,qMAAR,GAApoB;AAAm1B,8CAAM,GAAE,qLAAR;AAAn1B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"BatteryChargingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryChargingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M306.68 237.62h-66.5l15.33-54.7 6.43-22.92 3.94-14 4.29-15.33a3.56 3.56 0 00.06-.44v-.19a1.85 1.85 0 000-.23 2 2 0 000-.24v-.14c0-.1-.07-.19-.11-.29v-.05a2.33 2.33 0 00-2-1.35h-.1a2.25 2.25 0 00-1.8 1l-12.5 17.15-18.82 25.55-8.36 11.48-35.41 48.6L160 274.26h66.44l-30 107a3.93 3.93 0 00-.06.48v.1a1.94 1.94 0 000 .34.29.29 0 000 .09 3 3 0 00.07.32v.06a1.83 1.83 0 00.14.32 2.38 2.38 0 001.52 1.16H198.68a2.1 2.1 0 001.31-.5l.06-.05a2.6 2.6 0 00.42-.45L223.3 352l13-17.82z\"/><path d=\"M289.78 134.55l-.14.74-.21.73-6.72 24H417V352H248.05l-23.33 32H449V128H290.13a22.62 22.62 0 01-.35 6.55zM49 160h169.49l23.31-32H17v256h159.49a22.73 22.73 0 01.34-6.67l.15-.75.2-.73 6.69-23.85H49z\"/><path d=\"M264.76 329.08h130.55V182.92H276.28l-9.73 34.7H346l-23.16 31.78-58.08 79.68zM160 294.26h-39.31l23.15-31.78 57.95-79.56H70.69v146.16h119.6l9.77-34.82H160zM465 202.67h32v106.67h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryChargingSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryChargingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryChargingSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryChargingSharp.js"],"names":["BatteryChargingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ydAAR,GAAhK;AAAooB,8CAAM,GAAE,qMAAR,GAApoB;AAAo1B,8CAAM,GAAE,qLAAR;AAAp1B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"BatteryChargingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryChargingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M306.68 237.62h-66.5l15.33-54.7 6.43-22.92 3.94-14 4.29-15.33a3.56 3.56 0 00.06-.44v-.19a1.85 1.85 0 000-.23 2 2 0 000-.24v-.14c0-.1-.07-.19-.11-.29v-.05a2.33 2.33 0 00-2-1.35h-.1a2.25 2.25 0 00-1.8 1l-12.5 17.15-18.82 25.55-8.36 11.48-35.41 48.6L160 274.26h66.44l-30 107a3.93 3.93 0 00-.06.48v.1a1.94 1.94 0 000 .34.29.29 0 000 .09 3 3 0 00.07.32v.06a1.83 1.83 0 00.14.32 2.38 2.38 0 001.52 1.16H198.68a2.1 2.1 0 001.31-.5l.06-.05a2.6 2.6 0 00.42-.45L223.3 352l13-17.82z\" /><path d=\"M289.78 134.55l-.14.74-.21.73-6.72 24H417V352H248.05l-23.33 32H449V128H290.13a22.62 22.62 0 01-.35 6.55zM49 160h169.49l23.31-32H17v256h159.49a22.73 22.73 0 01.34-6.67l.15-.75.2-.73 6.69-23.85H49z\" /><path d=\"M264.76 329.08h130.55V182.92H276.28l-9.73 34.7H346l-23.16 31.78-58.08 79.68zM160 294.26h-39.31l23.15-31.78 57.95-79.56H70.69v146.16h119.6l9.77-34.82H160zM465 202.67h32v106.67h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryChargingSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryChargingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryChargingSharp"]}
\ No newline at end of file
diff --git a/lib/BatteryDead.js b/lib/BatteryDead.js
index ec2300511..bb0a6b39e 100644
--- a/lib/BatteryDead.js
+++ b/lib/BatteryDead.js
@@ -48,7 +48,7 @@ var BatteryDead = function BatteryDead(props) {
 BatteryDead.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryDead.js.map b/lib/BatteryDead.js.map
index fa2aa2578..6672e03b1 100644
--- a/lib/BatteryDead.js.map
+++ b/lib/BatteryDead.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryDead.js"],"names":["BatteryDead","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryDead.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDead = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"31\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M479 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDead.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDead.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDead"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryDead.js"],"names":["BatteryDead","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryDead.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDead = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"31\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M479 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDead.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDead.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDead"]}
\ No newline at end of file
diff --git a/lib/BatteryDeadOutline.js b/lib/BatteryDeadOutline.js
index aad5bb310..be7e62b7b 100644
--- a/lib/BatteryDeadOutline.js
+++ b/lib/BatteryDeadOutline.js
@@ -48,7 +48,7 @@ var BatteryDeadOutline = function BatteryDeadOutline(props) {
 BatteryDeadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryDeadOutline.js.map b/lib/BatteryDeadOutline.js.map
index 551d1c436..59b9ff4f2 100644
--- a/lib/BatteryDeadOutline.js.map
+++ b/lib/BatteryDeadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryDeadOutline.js"],"names":["BatteryDeadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryDeadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDeadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"31\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M479 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDeadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDeadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDeadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryDeadOutline.js"],"names":["BatteryDeadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryDeadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDeadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"31\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M479 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDeadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDeadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDeadOutline"]}
\ No newline at end of file
diff --git a/lib/BatteryDeadSharp.js b/lib/BatteryDeadSharp.js
index 87a31046e..1303c3c12 100644
--- a/lib/BatteryDeadSharp.js
+++ b/lib/BatteryDeadSharp.js
@@ -47,7 +47,7 @@ var BatteryDeadSharp = function BatteryDeadSharp(props) {
 BatteryDeadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryDeadSharp.js.map b/lib/BatteryDeadSharp.js.map
index cd3626e79..edaefcf92 100644
--- a/lib/BatteryDeadSharp.js.map
+++ b/lib/BatteryDeadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryDeadSharp.js"],"names":["BatteryDeadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryDeadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDeadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M32 144h400v224H32zM480 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDeadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDeadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDeadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryDeadSharp.js"],"names":["BatteryDeadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryDeadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryDeadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M32 144h400v224H32zM480 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryDeadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryDeadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryDeadSharp"]}
\ No newline at end of file
diff --git a/lib/BatteryFull.js b/lib/BatteryFull.js
index a369716c3..c3fc02546 100644
--- a/lib/BatteryFull.js
+++ b/lib/BatteryFull.js
@@ -49,7 +49,7 @@ var BatteryFull = function BatteryFull(props) {
 BatteryFull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryFull.js.map b/lib/BatteryFull.js.map
index 03185fff1..f6d3a8c18 100644
--- a/lib/BatteryFull.js.map
+++ b/lib/BatteryFull.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryFull.js"],"names":["BatteryFull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAie,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAje;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryFull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"85.69\" y=\"198.93\" width=\"292.63\" height=\"114.14\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFull.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFull"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryFull.js"],"names":["BatteryFull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAke,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAle;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryFull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"85.69\" y=\"198.93\" width=\"292.63\" height=\"114.14\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFull.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFull"]}
\ No newline at end of file
diff --git a/lib/BatteryFullOutline.js b/lib/BatteryFullOutline.js
index 06a02acd0..d3aaac8c6 100644
--- a/lib/BatteryFullOutline.js
+++ b/lib/BatteryFullOutline.js
@@ -49,7 +49,7 @@ var BatteryFullOutline = function BatteryFullOutline(props) {
 BatteryFullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryFullOutline.js.map b/lib/BatteryFullOutline.js.map
index 1ba62f455..513d9aa65 100644
--- a/lib/BatteryFullOutline.js.map
+++ b/lib/BatteryFullOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryFullOutline.js"],"names":["BatteryFullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAie,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAje;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryFullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"85.69\" y=\"198.93\" width=\"292.63\" height=\"114.14\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFullOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFullOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryFullOutline.js"],"names":["BatteryFullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAke,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAle;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryFullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"85.69\" y=\"198.93\" width=\"292.63\" height=\"114.14\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFullOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFullOutline"]}
\ No newline at end of file
diff --git a/lib/BatteryFullSharp.js b/lib/BatteryFullSharp.js
index 7d8c3abf5..93063a3f9 100644
--- a/lib/BatteryFullSharp.js
+++ b/lib/BatteryFullSharp.js
@@ -48,7 +48,7 @@ var BatteryFullSharp = function BatteryFullSharp(props) {
 BatteryFullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryFullSharp.js.map b/lib/BatteryFullSharp.js.map
index 493909e9c..ffe84ddac 100644
--- a/lib/BatteryFullSharp.js.map
+++ b/lib/BatteryFullSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryFullSharp.js"],"names":["BatteryFullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wCAAR,GAAjK;AAAmN,8CAAM,GAAE,8DAAR;AAAnN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryFullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M17 384h432V128H17zm32-224h368v192H49z\"/><path d=\"M70.69 182.94h324.63v146.13H70.69zM465 202.67h32v106.67h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFullSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFullSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryFullSharp.js"],"names":["BatteryFullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wCAAR,GAAhK;AAAmN,8CAAM,GAAE,8DAAR;AAAnN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryFullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryFullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M17 384h432V128H17zm32-224h368v192H49z\" /><path d=\"M70.69 182.94h324.63v146.13H70.69zM465 202.67h32v106.67h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryFullSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryFullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryFullSharp"]}
\ No newline at end of file
diff --git a/lib/BatteryHalf.js b/lib/BatteryHalf.js
index d9695570e..f2996cad2 100644
--- a/lib/BatteryHalf.js
+++ b/lib/BatteryHalf.js
@@ -49,7 +49,7 @@ var BatteryHalf = function BatteryHalf(props) {
 BatteryHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryHalf.js.map b/lib/BatteryHalf.js.map
index 57c00c99b..99b15e367 100644
--- a/lib/BatteryHalf.js.map
+++ b/lib/BatteryHalf.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryHalf.js"],"names":["BatteryHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAie,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAje;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"85.69\" y=\"198.93\" width=\"154.31\" height=\"114.13\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalf.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalf"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryHalf.js"],"names":["BatteryHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAke,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAle;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BatteryHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"85.69\" y=\"198.93\" width=\"154.31\" height=\"114.13\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalf.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalf"]}
\ No newline at end of file
diff --git a/lib/BatteryHalfOutline.js b/lib/BatteryHalfOutline.js
index 4a769ab54..9edab1c66 100644
--- a/lib/BatteryHalfOutline.js
+++ b/lib/BatteryHalfOutline.js
@@ -49,7 +49,7 @@ var BatteryHalfOutline = function BatteryHalfOutline(props) {
 BatteryHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryHalfOutline.js.map b/lib/BatteryHalfOutline.js.map
index 0056952d7..6e1116864 100644
--- a/lib/BatteryHalfOutline.js.map
+++ b/lib/BatteryHalfOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryHalfOutline.js"],"names":["BatteryHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAjK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAie,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAje;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"85.69\" y=\"198.93\" width=\"154.31\" height=\"114.13\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalfOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryHalfOutline.js"],"names":["BatteryHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,MAAjD,EAAwD,IAAG,MAA3D,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,QAAlH,EAA2H,kBAAiB,IAA5I,EAAiJ,aAAY,IAA7J,GAAhK;AAAoU,8CAAM,GAAE,OAAR,EAAgB,GAAE,QAAlB,EAA2B,OAAM,QAAjC,EAA0C,QAAO,QAAjD,EAA0D,IAAG,GAA7D,EAAiE,IAAG,GAApE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,QAA5G,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAApU;AAAke,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mBAAvG;AAAle;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"BatteryHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"144\" width=\"400\" height=\"224\" rx=\"45.7\" ry=\"45.7\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"85.69\" y=\"198.93\" width=\"154.31\" height=\"114.13\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M480 218.67v74.66\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalfOutline"]}
\ No newline at end of file
diff --git a/lib/BatteryHalfSharp.js b/lib/BatteryHalfSharp.js
index 231ee34a4..643cd8d16 100644
--- a/lib/BatteryHalfSharp.js
+++ b/lib/BatteryHalfSharp.js
@@ -48,7 +48,7 @@ var BatteryHalfSharp = function BatteryHalfSharp(props) {
 BatteryHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BatteryHalfSharp.js.map b/lib/BatteryHalfSharp.js.map
index ae2894d9c..0f5d306c1 100644
--- a/lib/BatteryHalfSharp.js.map
+++ b/lib/BatteryHalfSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BatteryHalfSharp.js"],"names":["BatteryHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wCAAR,GAAjK;AAAmN,8CAAM,GAAE,2DAAR;AAAnN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M17 384h432V128H17zm32-224h368v192H49z\"/><path d=\"M70.69 182.92H256v146.16H70.69zM465 202.67h32v106.67h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalfSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BatteryHalfSharp.js"],"names":["BatteryHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wCAAR,GAAhK;AAAmN,8CAAM,GAAE,2DAAR;AAAnN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BatteryHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BatteryHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M17 384h432V128H17zm32-224h368v192H49z\" /><path d=\"M70.69 182.92H256v146.16H70.69zM465 202.67h32v106.67h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBatteryHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBatteryHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BatteryHalfSharp"]}
\ No newline at end of file
diff --git a/lib/Beaker.js b/lib/Beaker.js
index e0658ef34..24dca961c 100644
--- a/lib/Beaker.js
+++ b/lib/Beaker.js
@@ -47,7 +47,7 @@ var Beaker = function Beaker(props) {
 Beaker.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Beaker.js.map b/lib/Beaker.js.map
index 402e27fee..fbe2d9ccf 100644
--- a/lib/Beaker.js.map
+++ b/lib/Beaker.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Beaker.js"],"names":["Beaker","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Beaker.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Beaker = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444 32H128c-19.38 0-45.9 4.34-64.11 24.77C52.17 69.92 48 85.66 48 96a16 16 0 0013.8 15.85C91.7 116 96 117.79 96 136v264a80.07 80.07 0 0080 80h192a80.11 80.11 0 0080-80V96c0-12.55 7.46-27.25 10-31.36l.1-.14c.22-.35.5-.72.78-1.1 2-2.79 5.09-7 5.09-12.95C464 39.79 454.89 32 444 32zM84.11 83.08c5.24-8.87 17.17-19 44.29-19h294.43C419.3 72.87 416 84.27 416 96v64H128v-24c0-37.32-21.35-48.14-43.89-52.92z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeaker.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeaker.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Beaker"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Beaker.js"],"names":["Beaker","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Beaker.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Beaker = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444 32H128c-19.38 0-45.9 4.34-64.11 24.77C52.17 69.92 48 85.66 48 96a16 16 0 0013.8 15.85C91.7 116 96 117.79 96 136v264a80.07 80.07 0 0080 80h192a80.11 80.11 0 0080-80V96c0-12.55 7.46-27.25 10-31.36l.1-.14c.22-.35.5-.72.78-1.1 2-2.79 5.09-7 5.09-12.95C464 39.79 454.89 32 444 32zM84.11 83.08c5.24-8.87 17.17-19 44.29-19h294.43C419.3 72.87 416 84.27 416 96v64H128v-24c0-37.32-21.35-48.14-43.89-52.92z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeaker.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeaker.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Beaker"]}
\ No newline at end of file
diff --git a/lib/BeakerOutline.js b/lib/BeakerOutline.js
index 95fa7fe03..36f2b4544 100644
--- a/lib/BeakerOutline.js
+++ b/lib/BeakerOutline.js
@@ -47,7 +47,7 @@ var BeakerOutline = function BeakerOutline(props) {
 BeakerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BeakerOutline.js.map b/lib/BeakerOutline.js.map
index 6c418e5c8..06b34b9c1 100644
--- a/lib/BeakerOutline.js.map
+++ b/lib/BeakerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BeakerOutline.js"],"names":["BeakerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6LAAR,EAAsM,MAAK,MAA3M,EAAkN,QAAO,cAAzN,EAAwO,eAAc,OAAtP,EAA8P,gBAAe,OAA7Q,EAAqR,aAAY,IAAjS;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BeakerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeakerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M445.2 48.05L398 48H128c-54.3 0-64 35.7-64 48 30.3 4.2 48 8 48 40v264a64 64 0 0064 64h192a64 64 0 0064-64V96c0-19 11.5-38.35 12.6-40 1.2-1.9 3.4-4.4 3.4-5.5s-.3-2.45-2.8-2.45zM112 176h320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeakerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeakerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeakerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BeakerOutline.js"],"names":["BeakerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6LAAR,EAAsM,MAAK,MAA3M,EAAkN,QAAO,cAAzN,EAAwO,eAAc,OAAtP,EAA8P,gBAAe,OAA7Q,EAAqR,aAAY,IAAjS;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BeakerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeakerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M445.2 48.05L398 48H128c-54.3 0-64 35.7-64 48 30.3 4.2 48 8 48 40v264a64 64 0 0064 64h192a64 64 0 0064-64V96c0-19 11.5-38.35 12.6-40 1.2-1.9 3.4-4.4 3.4-5.5s-.3-2.45-2.8-2.45zM112 176h320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeakerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeakerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeakerOutline"]}
\ No newline at end of file
diff --git a/lib/BeakerSharp.js b/lib/BeakerSharp.js
index ec15d0997..d884869da 100644
--- a/lib/BeakerSharp.js
+++ b/lib/BeakerSharp.js
@@ -47,7 +47,7 @@ var BeakerSharp = function BeakerSharp(props) {
 BeakerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BeakerSharp.js.map b/lib/BeakerSharp.js.map
index 2bc75673e..71f72e00d 100644
--- a/lib/BeakerSharp.js.map
+++ b/lib/BeakerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BeakerSharp.js"],"names":["BeakerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BeakerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeakerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M453.55 54.7L464 32H128.4c-27.74 0-49 6.57-63.31 19.51C54.39 61.27 48 74.89 48 88v24h16c31 0 32 16.79 32 35v313a20 20 0 0020 20h312a20 20 0 0020-20V96c0-17.16 2.28-34.14 5.55-41.3zM416 96v64H128v-22c0-36.15-21-51-41.77-53.46C89 70 105.7 64.05 128.4 64.05h289.92A221.83 221.83 0 00416 96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeakerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeakerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeakerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BeakerSharp.js"],"names":["BeakerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BeakerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeakerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M453.55 54.7L464 32H128.4c-27.74 0-49 6.57-63.31 19.51C54.39 61.27 48 74.89 48 88v24h16c31 0 32 16.79 32 35v313a20 20 0 0020 20h312a20 20 0 0020-20V96c0-17.16 2.28-34.14 5.55-41.3zM416 96v64H128v-22c0-36.15-21-51-41.77-53.46C89 70 105.7 64.05 128.4 64.05h289.92A221.83 221.83 0 00416 96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeakerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeakerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeakerSharp"]}
\ No newline at end of file
diff --git a/lib/Bed.js b/lib/Bed.js
index 5f98e793e..a28fe0e3d 100644
--- a/lib/Bed.js
+++ b/lib/Bed.js
@@ -47,7 +47,7 @@ var Bed = function Bed(props) {
 Bed.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bed.js.map b/lib/Bed.js.map
index d48952b8e..0e926c482 100644
--- a/lib/Bed.js.map
+++ b/lib/Bed.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bed.js"],"names":["Bed","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,weAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bed.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bed = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBed.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBed.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bed"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bed.js"],"names":["Bed","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,weAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bed.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bed = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBed.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBed.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bed"]}
\ No newline at end of file
diff --git a/lib/BedOutline.js b/lib/BedOutline.js
index cc9bed058..f0c206dcb 100644
--- a/lib/BedOutline.js
+++ b/lib/BedOutline.js
@@ -48,7 +48,7 @@ var BedOutline = function BedOutline(props) {
 BedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BedOutline.js.map b/lib/BedOutline.js.map
index 38e884b37..cd911c8c1 100644
--- a/lib/BedOutline.js.map
+++ b/lib/BedOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BedOutline.js"],"names":["BedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO,GAAjK;AAAgZ,8CAAM,GAAE,0LAAR,EAAmM,MAAK,MAAxM,EAA+M,QAAO,cAAtN,EAAqO,eAAc,OAAnP,EAA2P,gBAAe,OAA1Q,EAAkR,aAAY,IAA9R;AAAhZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 240H96V136a40.12 40.12 0 0140-40h240a40.12 40.12 0 0140 40v104zM48 416V304a64.19 64.19 0 0164-64h288a64.19 64.19 0 0164 64v112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M48 416v-8a24.07 24.07 0 0124-24h368a24.07 24.07 0 0124 24v8M112 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16M256 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBedOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BedOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BedOutline.js"],"names":["BedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO,GAAhK;AAAgZ,8CAAM,GAAE,0LAAR,EAAmM,MAAK,MAAxM,EAA+M,QAAO,cAAtN,EAAqO,eAAc,OAAnP,EAA2P,gBAAe,OAA1Q,EAAkR,aAAY,IAA9R;AAAhZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 240H96V136a40.12 40.12 0 0140-40h240a40.12 40.12 0 0140 40v104zM48 416V304a64.19 64.19 0 0164-64h288a64.19 64.19 0 0164 64v112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M48 416v-8a24.07 24.07 0 0124-24h368a24.07 24.07 0 0124 24v8M112 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16M256 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBedOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BedOutline"]}
\ No newline at end of file
diff --git a/lib/BedSharp.js b/lib/BedSharp.js
index 3c47175b4..9979747a6 100644
--- a/lib/BedSharp.js
+++ b/lib/BedSharp.js
@@ -47,7 +47,7 @@ var BedSharp = function BedSharp(props) {
 BedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BedSharp.js.map b/lib/BedSharp.js.map
index 0a9c2407c..0c8bc9e76 100644
--- a/lib/BedSharp.js.map
+++ b/lib/BedSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BedSharp.js"],"names":["BedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 224V96a16 16 0 00-16-16H96a16 16 0 00-16 16v128a48 48 0 00-48 48v160h36v-32h376v32h36V272a48 48 0 00-48-48zm-192 0H120v-32a16 16 0 0116-16h88a16 16 0 0116 16zm32-32a16 16 0 0116-16h88a16 16 0 0116 16v32H272z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBedSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BedSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BedSharp.js"],"names":["BedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 224V96a16 16 0 00-16-16H96a16 16 0 00-16 16v128a48 48 0 00-48 48v160h36v-32h376v32h36V272a48 48 0 00-48-48zm-192 0H120v-32a16 16 0 0116-16h88a16 16 0 0116 16zm32-32a16 16 0 0116-16h88a16 16 0 0116 16v32H272z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBedSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BedSharp"]}
\ No newline at end of file
diff --git a/lib/Beer.js b/lib/Beer.js
index a31cb3e0d..6d1efabfd 100644
--- a/lib/Beer.js
+++ b/lib/Beer.js
@@ -47,7 +47,7 @@ var Beer = function Beer(props) {
 Beer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Beer.js.map b/lib/Beer.js.map
index 19c7fd2a3..19da87ca2 100644
--- a/lib/Beer.js.map
+++ b/lib/Beer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Beer.js"],"names":["Beer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,q/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Beer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Beer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 208h-24v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.68a56 56 0 00-67.51 77.54A63.91 63.91 0 0080 231.39V440a56.06 56.06 0 0056 56h176a56.06 56.06 0 0056-56v-8h24a72.08 72.08 0 0072-72v-80a72.08 72.08 0 00-72-72zM176 416a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm16-224c-8.33 0-20.55-5.18-26.69-11.31A16 16 0 00282 176H160a16 16 0 00-15 10.53c-6.83 18.68-23.6 21.47-33 21.47a32 32 0 010-64c.09 0 9.12.34 16.4 5.8a16 16 0 1019.2-25.6A63.69 63.69 0 00112 112a63.55 63.55 0 00-14 1.57A24 24 0 01120 80a23.78 23.78 0 0119.38 9.84 51.35 51.35 0 014.71 7.9A16 16 0 00176 96c0-6.77-3.61-15.17-10.76-25-.46-.63-1-1.25-1.45-1.86C178.39 55.44 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142a16 16 0 0012.73 18.71 16.29 16.29 0 003 .28 16 16 0 0015.7-13 111.78 111.78 0 001.96-19.42 32 32 0 01-6 63.43zm112 168a40 40 0 01-40 40h-24V240h24a40 40 0 0140 40z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Beer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Beer.js"],"names":["Beer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,q/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Beer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Beer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 208h-24v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.68a56 56 0 00-67.51 77.54A63.91 63.91 0 0080 231.39V440a56.06 56.06 0 0056 56h176a56.06 56.06 0 0056-56v-8h24a72.08 72.08 0 0072-72v-80a72.08 72.08 0 00-72-72zM176 416a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm16-224c-8.33 0-20.55-5.18-26.69-11.31A16 16 0 00282 176H160a16 16 0 00-15 10.53c-6.83 18.68-23.6 21.47-33 21.47a32 32 0 010-64c.09 0 9.12.34 16.4 5.8a16 16 0 1019.2-25.6A63.69 63.69 0 00112 112a63.55 63.55 0 00-14 1.57A24 24 0 01120 80a23.78 23.78 0 0119.38 9.84 51.35 51.35 0 014.71 7.9A16 16 0 00176 96c0-6.77-3.61-15.17-10.76-25-.46-.63-1-1.25-1.45-1.86C178.39 55.44 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142a16 16 0 0012.73 18.71 16.29 16.29 0 003 .28 16 16 0 0015.7-13 111.78 111.78 0 001.96-19.42 32 32 0 01-6 63.43zm112 168a40 40 0 01-40 40h-24V240h24a40 40 0 0140 40z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Beer"]}
\ No newline at end of file
diff --git a/lib/BeerOutline.js b/lib/BeerOutline.js
index b1e35cd4c..d9009d815 100644
--- a/lib/BeerOutline.js
+++ b/lib/BeerOutline.js
@@ -50,7 +50,7 @@ var BeerOutline = function BeerOutline(props) {
 BeerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BeerOutline.js.map b/lib/BeerOutline.js.map
index 49096e439..9ac221665 100644
--- a/lib/BeerOutline.js.map
+++ b/lib/BeerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BeerOutline.js"],"names":["BeerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oEAAR,EAA6E,MAAK,MAAlF,EAAyF,QAAO,cAAhG,EAA+G,eAAc,OAA7H,EAAqI,gBAAe,OAApJ,EAA4J,aAAY,IAAxK,GAAjK;AAA+U,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,kBAAiB,IAAnJ,EAAwJ,aAAY,IAApK,GAA/U;AAAyf,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iJAAxG,GAAzf;AAAovB,8CAAM,GAAE,2IAAR,EAAoJ,MAAK,MAAzJ,EAAgK,QAAO,cAAvK,EAAsL,eAAc,OAApM,EAA4M,kBAAiB,IAA7N,EAAkO,aAAY,IAA9O;AAApvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BeerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 200v240a40.12 40.12 0 01-40 40H136a40.12 40.12 0 01-40-40V224\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M352 224h40a56.16 56.16 0 0156 56v80a56.16 56.16 0 01-56 56h-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 256v160M288 256v160M160 256v160M320 112a48 48 0 010 96c-13.25 0-29.31-7.31-38-16H160c-8 22-27 32-48 32a48 48 0 010-96 47.91 47.91 0 0126 9\"/><path d=\"M91.86 132.43a40 40 0 1160.46-52S160 91 160 96M145.83 64.71C163.22 44.89 187.57 32 216 32c52.38 0 94 42.84 94 95.21a95 95 0 01-1.67 17.79\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BeerOutline.js"],"names":["BeerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oEAAR,EAA6E,MAAK,MAAlF,EAAyF,QAAO,cAAhG,EAA+G,eAAc,OAA7H,EAAqI,gBAAe,OAApJ,EAA4J,aAAY,IAAxK,GAAhK;AAA+U,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,kBAAiB,IAAnJ,EAAwJ,aAAY,IAApK,GAA/U;AAA0f,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iJAAxG,GAA1f;AAAsvB,8CAAM,GAAE,2IAAR,EAAoJ,MAAK,MAAzJ,EAAgK,QAAO,cAAvK,EAAsL,eAAc,OAApM,EAA4M,kBAAiB,IAA7N,EAAkO,aAAY,IAA9O;AAAtvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BeerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 200v240a40.12 40.12 0 01-40 40H136a40.12 40.12 0 01-40-40V224\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M352 224h40a56.16 56.16 0 0156 56v80a56.16 56.16 0 01-56 56h-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 256v160M288 256v160M160 256v160M320 112a48 48 0 010 96c-13.25 0-29.31-7.31-38-16H160c-8 22-27 32-48 32a48 48 0 010-96 47.91 47.91 0 0126 9\" /><path d=\"M91.86 132.43a40 40 0 1160.46-52S160 91 160 96M145.83 64.71C163.22 44.89 187.57 32 216 32c52.38 0 94 42.84 94 95.21a95 95 0 01-1.67 17.79\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeerOutline"]}
\ No newline at end of file
diff --git a/lib/BeerSharp.js b/lib/BeerSharp.js
index 8105cc163..7fedcf9e1 100644
--- a/lib/BeerSharp.js
+++ b/lib/BeerSharp.js
@@ -47,7 +47,7 @@ var BeerSharp = function BeerSharp(props) {
 BeerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BeerSharp.js.map b/lib/BeerSharp.js.map
index ea61f8cca..f23dfb6e6 100644
--- a/lib/BeerSharp.js.map
+++ b/lib/BeerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BeerSharp.js"],"names":["BeerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BeerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 208h-80v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.67a56 56 0 00-67.51 77.51c-1 .86-1.91 1.74-2.83 2.66A63.56 63.56 0 0048 176.26a62.65 62.65 0 0020.77 46.54A65 65 0 0080 231v249a16 16 0 0016 16h256a16 16 0 0016-16v-48h80a16 16 0 0016-16V224a16 16 0 00-16-16zM176 432h-32V240h32zm64 0h-32V240h32zm64 0h-32V240h32zm16-240c-8.33 0-20.55-5.18-26.69-11.31l-4.68-4.69H148.79L145 186.53c-5.81 16-18.83 20.41-28.73 21.29a34.08 34.08 0 01-25.91-8.67 31 31 0 01-10.32-23 31.8 31.8 0 019.33-22.71c.16-.17.33-.32.5-.49A31.78 31.78 0 01112 144c.09 0 9.12.34 16.4 5.8l12.8 9.6 19.2-25.6-12.8-9.6A63.69 63.69 0 00112 112a64.79 64.79 0 00-14 1.55 24 24 0 0141.4-23.68l.23.35.4.46a35.78 35.78 0 015 8.94l5.62 15 30-11.24-5.62-15a68.2 68.2 0 00-10-17.74c-.38-.52-.79-1-1.19-1.51C178.38 55.45 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142l-3 15.72 31.43 6 3-15.72a111.78 111.78 0 001.96-19.43 32 32 0 01-6 63.43zm112 208h-64V240h64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BeerSharp.js"],"names":["BeerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BeerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BeerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 208h-80v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.67a56 56 0 00-67.51 77.51c-1 .86-1.91 1.74-2.83 2.66A63.56 63.56 0 0048 176.26a62.65 62.65 0 0020.77 46.54A65 65 0 0080 231v249a16 16 0 0016 16h256a16 16 0 0016-16v-48h80a16 16 0 0016-16V224a16 16 0 00-16-16zM176 432h-32V240h32zm64 0h-32V240h32zm64 0h-32V240h32zm16-240c-8.33 0-20.55-5.18-26.69-11.31l-4.68-4.69H148.79L145 186.53c-5.81 16-18.83 20.41-28.73 21.29a34.08 34.08 0 01-25.91-8.67 31 31 0 01-10.32-23 31.8 31.8 0 019.33-22.71c.16-.17.33-.32.5-.49A31.78 31.78 0 01112 144c.09 0 9.12.34 16.4 5.8l12.8 9.6 19.2-25.6-12.8-9.6A63.69 63.69 0 00112 112a64.79 64.79 0 00-14 1.55 24 24 0 0141.4-23.68l.23.35.4.46a35.78 35.78 0 015 8.94l5.62 15 30-11.24-5.62-15a68.2 68.2 0 00-10-17.74c-.38-.52-.79-1-1.19-1.51C178.38 55.45 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142l-3 15.72 31.43 6 3-15.72a111.78 111.78 0 001.96-19.43 32 32 0 01-6 63.43zm112 208h-64V240h64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBeerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBeerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BeerSharp"]}
\ No newline at end of file
diff --git a/lib/Bicycle.js b/lib/Bicycle.js
index 66354b5d6..095d92311 100644
--- a/lib/Bicycle.js
+++ b/lib/Bicycle.js
@@ -48,7 +48,7 @@ var Bicycle = function Bicycle(props) {
 Bicycle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bicycle.js.map b/lib/Bicycle.js.map
index 0618230b1..c0621e5c0 100644
--- a/lib/Bicycle.js.map
+++ b/lib/Bicycle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bicycle.js"],"names":["Bicycle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qQAAR,GAAjK;AAAgb,8CAAM,GAAE,gZAAR;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bicycle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bicycle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z\"/><path d=\"M367.55 192h-43.76a4 4 0 01-3.51-2.08l-31.74-58.17a31 31 0 00-49.38-7.75l-69.86 70.4a32.56 32.56 0 00-9.3 22.4c0 17.4 12.6 23.6 18.5 27.1 28.5 16.42 48.57 28.43 59.58 35.1a4 4 0 011.92 3.41v69.12c0 8.61 6.62 16 15.23 16.43A16 16 0 00272 352v-86a16 16 0 00-6.66-13l-37-26.61a4 4 0 01-.58-6l42-44.79a4 4 0 016.42.79L298 215.77a16 16 0 0014 8.23h56a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bicycle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bicycle.js"],"names":["Bicycle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qQAAR,GAAhK;AAAgb,8CAAM,GAAE,gZAAR;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bicycle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bicycle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z\" /><path d=\"M367.55 192h-43.76a4 4 0 01-3.51-2.08l-31.74-58.17a31 31 0 00-49.38-7.75l-69.86 70.4a32.56 32.56 0 00-9.3 22.4c0 17.4 12.6 23.6 18.5 27.1 28.5 16.42 48.57 28.43 59.58 35.1a4 4 0 011.92 3.41v69.12c0 8.61 6.62 16 15.23 16.43A16 16 0 00272 352v-86a16 16 0 00-6.66-13l-37-26.61a4 4 0 01-.58-6l42-44.79a4 4 0 016.42.79L298 215.77a16 16 0 0014 8.23h56a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bicycle"]}
\ No newline at end of file
diff --git a/lib/BicycleOutline.js b/lib/BicycleOutline.js
index 9a93d384e..5e44fe470 100644
--- a/lib/BicycleOutline.js
+++ b/lib/BicycleOutline.js
@@ -49,7 +49,7 @@ var BicycleOutline = function BicycleOutline(props) {
 BicycleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BicycleOutline.js.map b/lib/BicycleOutline.js.map
index ac8bb7563..ad733fc66 100644
--- a/lib/BicycleOutline.js.map
+++ b/lib/BicycleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BicycleOutline.js"],"names":["BicycleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,kBAAiB,IAA9J,EAAmK,aAAY,IAA/K,GAAjK;AAAsV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oCAAxG,GAAtV;AAAoe,8CAAM,GAAE,6EAAR;AAApe;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BicycleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BicycleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 288a76 76 0 1076 76 76.24 76.24 0 00-76-76zM124 288a76 76 0 1076 76 76.24 76.24 0 00-76-76z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 360v-86l-64-42 80-88 40 72h56\"/><path d=\"M320 136a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 72a32 32 0 10-.2 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BicycleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BicycleOutline.js"],"names":["BicycleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,kBAAiB,IAA9J,EAAmK,aAAY,IAA/K,GAAhK;AAAsV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oCAAxG,GAAtV;AAAqe,8CAAM,GAAE,6EAAR;AAAre;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BicycleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BicycleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 288a76 76 0 1076 76 76.24 76.24 0 00-76-76zM124 288a76 76 0 1076 76 76.24 76.24 0 00-76-76z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 360v-86l-64-42 80-88 40 72h56\" /><path d=\"M320 136a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 72a32 32 0 10-.2 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BicycleOutline"]}
\ No newline at end of file
diff --git a/lib/BicycleSharp.js b/lib/BicycleSharp.js
index ff747c19d..87581ca2b 100644
--- a/lib/BicycleSharp.js
+++ b/lib/BicycleSharp.js
@@ -48,7 +48,7 @@ var BicycleSharp = function BicycleSharp(props) {
 BicycleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BicycleSharp.js.map b/lib/BicycleSharp.js.map
index a687c44e9..ff735ca92 100644
--- a/lib/BicycleSharp.js.map
+++ b/lib/BicycleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BicycleSharp.js"],"names":["BicycleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gOAAR,GAAjK;AAA2Y,8CAAM,GAAE,qQAAR;AAA3Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BicycleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BicycleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 192l-29.5-60.1C284.32 118 284.32 118 264 118c-13.26 0-14.76 0-23 7.3l-71.7 69.1c-8.3 8.45-9.3 9.45-9.3 26.6 0 12.67 3.78 14.61 18.51 22.9L240 278v90h32V254s-29-17-48.3-30l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H384v-32z\"/><path d=\"M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BicycleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BicycleSharp.js"],"names":["BicycleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gOAAR,GAAhK;AAA2Y,8CAAM,GAAE,qQAAR;AAA3Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BicycleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BicycleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 192l-29.5-60.1C284.32 118 284.32 118 264 118c-13.26 0-14.76 0-23 7.3l-71.7 69.1c-8.3 8.45-9.3 9.45-9.3 26.6 0 12.67 3.78 14.61 18.51 22.9L240 278v90h32V254s-29-17-48.3-30l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H384v-32z\" /><path d=\"M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBicycleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBicycleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BicycleSharp"]}
\ No newline at end of file
diff --git a/lib/Bluetooth.js b/lib/Bluetooth.js
index 00cad6c89..6ed3c42f2 100644
--- a/lib/Bluetooth.js
+++ b/lib/Bluetooth.js
@@ -47,7 +47,7 @@ var Bluetooth = function Bluetooth(props) {
 Bluetooth.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bluetooth.js.map b/lib/Bluetooth.js.map
index bf0dc978a..1ba976dd9 100644
--- a/lib/Bluetooth.js.map
+++ b/lib/Bluetooth.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bluetooth.js"],"names":["Bluetooth","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Bluetooth.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bluetooth = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 160.77a20 20 0 00-5.85-14.91l-112-112A20 20 0 00236 48v164.52l-79-67.71a20 20 0 00-26 30.38L225.27 256 131 336.81a20 20 0 1026 30.38l79-67.71V464a20 20 0 0034.14 14.14l112-112a20 20 0 00-1.14-29.33L286.73 256 381 175.19a20 20 0 007-14.42zm-49.42 192.36L276 415.72V299.49zM276 212.52V96.28l62.59 62.59z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetooth.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetooth.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bluetooth"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bluetooth.js"],"names":["Bluetooth","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Bluetooth.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bluetooth = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 160.77a20 20 0 00-5.85-14.91l-112-112A20 20 0 00236 48v164.52l-79-67.71a20 20 0 00-26 30.38L225.27 256 131 336.81a20 20 0 1026 30.38l79-67.71V464a20 20 0 0034.14 14.14l112-112a20 20 0 00-1.14-29.33L286.73 256 381 175.19a20 20 0 007-14.42zm-49.42 192.36L276 415.72V299.49zM276 212.52V96.28l62.59 62.59z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetooth.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetooth.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bluetooth"]}
\ No newline at end of file
diff --git a/lib/BluetoothOutline.js b/lib/BluetoothOutline.js
index 3f791a4cd..82c1d4635 100644
--- a/lib/BluetoothOutline.js
+++ b/lib/BluetoothOutline.js
@@ -47,7 +47,7 @@ var BluetoothOutline = function BluetoothOutline(props) {
 BluetoothOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BluetoothOutline.js.map b/lib/BluetoothOutline.js.map
index 1e101a113..1110823fb 100644
--- a/lib/BluetoothOutline.js.map
+++ b/lib/BluetoothOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BluetoothOutline.js"],"names":["BluetoothOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BluetoothOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BluetoothOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 352l224-192L256 48v416l112-112-224-192\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetoothOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetoothOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BluetoothOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BluetoothOutline.js"],"names":["BluetoothOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6CAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BluetoothOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BluetoothOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 352l224-192L256 48v416l112-112-224-192\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetoothOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetoothOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BluetoothOutline"]}
\ No newline at end of file
diff --git a/lib/BluetoothSharp.js b/lib/BluetoothSharp.js
index 85b1842b5..584946d3e 100644
--- a/lib/BluetoothSharp.js
+++ b/lib/BluetoothSharp.js
@@ -47,7 +47,7 @@ var BluetoothSharp = function BluetoothSharp(props) {
 BluetoothSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BluetoothSharp.js.map b/lib/BluetoothSharp.js.map
index 3eb8b9993..48f2a77bd 100644
--- a/lib/BluetoothSharp.js.map
+++ b/lib/BluetoothSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BluetoothSharp.js"],"names":["BluetoothSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BluetoothSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BluetoothSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M397.41 161.13L236-.28v212.8l-94.17-80.72-26 30.37L225.27 256 115.8 349.83l26 30.37 94.2-80.72v212.8l161.41-161.41L286.73 256zM276 96.28l62.59 62.59L276 212.52zm62.58 256.85L276 415.72V299.48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetoothSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetoothSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BluetoothSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BluetoothSharp.js"],"names":["BluetoothSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BluetoothSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BluetoothSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M397.41 161.13L236-.28v212.8l-94.17-80.72-26 30.37L225.27 256 115.8 349.83l26 30.37 94.2-80.72v212.8l161.41-161.41L286.73 256zM276 96.28l62.59 62.59L276 212.52zm62.58 256.85L276 415.72V299.48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBluetoothSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBluetoothSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BluetoothSharp"]}
\ No newline at end of file
diff --git a/lib/Boat.js b/lib/Boat.js
index eb74d2217..f04bd9a39 100644
--- a/lib/Boat.js
+++ b/lib/Boat.js
@@ -47,7 +47,7 @@ var Boat = function Boat(props) {
 Boat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Boat.js.map b/lib/Boat.js.map
index 2c9a7736e..ead392030 100644
--- a/lib/Boat.js.map
+++ b/lib/Boat.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Boat.js"],"names":["Boat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Boat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Boat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 473.14a6.83 6.83 0 00-3.57-6c-27.07-14.55-51.76-36.82-62.62-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.11 7.11 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06 185.14 185.14 0 00167.81 0 8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.73 6.73 0 008-6.71zM476.71 246.91c-3.49-8.39-10.9-14.89-20.9-18.35L432 219.08V136a64 64 0 00-64-64h-32v-8a40 40 0 00-40-40h-80a40 40 0 00-40 40v8h-32a64 64 0 00-64 64v83.15l-23.58 9.39c-9.94 3.3-17.63 10-21.15 18.44-2.45 5.89-5.25 15-1.3 26.46l.1.3 46.66 119.44A23.33 23.33 0 00102.58 408c.5 0 1 0 1.53-.05 31.32-2 56-17.27 72.6-31.61C200.42 396.81 228.31 408 256 408s55.43-11.2 79.14-31.7c16.59 14.36 41.3 29.67 72.61 31.65a23.36 23.36 0 0023.37-14.74l46.65-119c3.28-8.09 2.9-17.76-1.06-27.3zM269 154.21l-1.14-.4a39.53 39.53 0 00-23.73 0l-.58.18-126.07 50.23a4 4 0 01-5.48-3.72V136a32 32 0 0132-32h224a32 32 0 0132 32v64.44a4 4 0 01-5.48 3.72z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoat.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Boat"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Boat.js"],"names":["Boat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Boat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Boat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 473.14a6.83 6.83 0 00-3.57-6c-27.07-14.55-51.76-36.82-62.62-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.11 7.11 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06 185.14 185.14 0 00167.81 0 8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.73 6.73 0 008-6.71zM476.71 246.91c-3.49-8.39-10.9-14.89-20.9-18.35L432 219.08V136a64 64 0 00-64-64h-32v-8a40 40 0 00-40-40h-80a40 40 0 00-40 40v8h-32a64 64 0 00-64 64v83.15l-23.58 9.39c-9.94 3.3-17.63 10-21.15 18.44-2.45 5.89-5.25 15-1.3 26.46l.1.3 46.66 119.44A23.33 23.33 0 00102.58 408c.5 0 1 0 1.53-.05 31.32-2 56-17.27 72.6-31.61C200.42 396.81 228.31 408 256 408s55.43-11.2 79.14-31.7c16.59 14.36 41.3 29.67 72.61 31.65a23.36 23.36 0 0023.37-14.74l46.65-119c3.28-8.09 2.9-17.76-1.06-27.3zM269 154.21l-1.14-.4a39.53 39.53 0 00-23.73 0l-.58.18-126.07 50.23a4 4 0 01-5.48-3.72V136a32 32 0 0132-32h224a32 32 0 0132 32v64.44a4 4 0 01-5.48 3.72z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoat.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Boat"]}
\ No newline at end of file
diff --git a/lib/BoatOutline.js b/lib/BoatOutline.js
index d3a582215..4666ded8b 100644
--- a/lib/BoatOutline.js
+++ b/lib/BoatOutline.js
@@ -49,7 +49,7 @@ var BoatOutline = function BoatOutline(props) {
 BoatOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BoatOutline.js.map b/lib/BoatOutline.js.map
index 3015ee38f..854748990 100644
--- a/lib/BoatOutline.js.map
+++ b/lib/BoatOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BoatOutline.js"],"names":["BoatOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uZAAR,EAAga,MAAK,MAAra,EAA4a,QAAO,cAAnb,EAAkc,kBAAiB,IAAnd,EAAwd,aAAY,IAApe,GAAjK;AAA2oB,8CAAM,GAAE,8YAAR,GAA3oB;AAAmiC,8CAAM,GAAE,mJAAR,EAA4J,MAAK,MAAjK,EAAwK,QAAO,cAA/K,EAA8L,eAAc,OAA5M,EAAoN,gBAAe,OAAnO,EAA2O,aAAY,IAAvP;AAAniC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BoatOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BoatOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.78 23.78 0 00-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 007.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0110.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0110.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 007.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M416 473.14a6.84 6.84 0 00-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06A185.14 185.14 0 00340 456a8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 007.95-6.71z\"/><path d=\"M320 96V72a24.07 24.07 0 00-24-24h-80a24.07 24.07 0 00-24 24v24M416 233v-89a48.14 48.14 0 00-48-48H144a48.14 48.14 0 00-48 48v92M256 183.6v212.85\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoatOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoatOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BoatOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BoatOutline.js"],"names":["BoatOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uZAAR,EAAga,MAAK,MAAra,EAA4a,QAAO,cAAnb,EAAkc,kBAAiB,IAAnd,EAAwd,aAAY,IAApe,GAAhK;AAA2oB,8CAAM,GAAE,8YAAR,GAA3oB;AAAoiC,8CAAM,GAAE,mJAAR,EAA4J,MAAK,MAAjK,EAAwK,QAAO,cAA/K,EAA8L,eAAc,OAA5M,EAAoN,gBAAe,OAAnO,EAA2O,aAAY,IAAvP;AAApiC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BoatOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BoatOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.78 23.78 0 00-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 007.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0110.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0110.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 007.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M416 473.14a6.84 6.84 0 00-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06A185.14 185.14 0 00340 456a8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 007.95-6.71z\" /><path d=\"M320 96V72a24.07 24.07 0 00-24-24h-80a24.07 24.07 0 00-24 24v24M416 233v-89a48.14 48.14 0 00-48-48H144a48.14 48.14 0 00-48 48v92M256 183.6v212.85\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoatOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoatOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BoatOutline"]}
\ No newline at end of file
diff --git a/lib/BoatSharp.js b/lib/BoatSharp.js
index d018453bf..704bf729c 100644
--- a/lib/BoatSharp.js
+++ b/lib/BoatSharp.js
@@ -48,7 +48,7 @@ var BoatSharp = function BoatSharp(props) {
 BoatSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BoatSharp.js.map b/lib/BoatSharp.js.map
index 8e93eb023..ad53c19f4 100644
--- a/lib/BoatSharp.js.map
+++ b/lib/BoatSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BoatSharp.js"],"names":["BoatSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qcAAR,GAAjK;AAAgnB,8CAAM,GAAE,mNAAR;AAAhnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BoatSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BoatSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.77 246.42c-2.13-6-7.23-9.55-12.56-11.95L432 221.38V92a20 20 0 00-20-20h-76V40a16 16 0 00-16-16H192a16 16 0 00-16 16v32h-76a20 20 0 00-20 20v129.46l-33.08 13.06c-5.33 2.4-10.58 6-12.72 12s-3.16 11.81-1 19L84.25 415.7h1.06c34.12 0 64-17.41 85.31-43.82 21.32 26.41 51.18 42.12 85.3 42.12s64-15.76 85.31-42.17c21.32 26.41 51.18 43.87 85.3 43.87h1.06l51.25-150.17c2.16-6 1.07-13.1-1.07-19.11zM256 152l-144 56.83V108a4 4 0 014-4h280a4 4 0 014 4v100.76z\"/><path d=\"M345.22 407c-52.25 36.26-126.35 36.25-178.6 0 0 0-45.64 63-94.64 63l13.33 1c29.86 0 58.65-11.73 85.31-25.59a185.33 185.33 0 00170.6 0c26.66 13.87 55.45 25.6 85.31 25.6l13.33-1C392.21 470 345.22 407 345.22 407z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoatSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoatSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BoatSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BoatSharp.js"],"names":["BoatSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qcAAR,GAAhK;AAAgnB,8CAAM,GAAE,mNAAR;AAAhnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BoatSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BoatSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.77 246.42c-2.13-6-7.23-9.55-12.56-11.95L432 221.38V92a20 20 0 00-20-20h-76V40a16 16 0 00-16-16H192a16 16 0 00-16 16v32h-76a20 20 0 00-20 20v129.46l-33.08 13.06c-5.33 2.4-10.58 6-12.72 12s-3.16 11.81-1 19L84.25 415.7h1.06c34.12 0 64-17.41 85.31-43.82 21.32 26.41 51.18 42.12 85.3 42.12s64-15.76 85.31-42.17c21.32 26.41 51.18 43.87 85.3 43.87h1.06l51.25-150.17c2.16-6 1.07-13.1-1.07-19.11zM256 152l-144 56.83V108a4 4 0 014-4h280a4 4 0 014 4v100.76z\" /><path d=\"M345.22 407c-52.25 36.26-126.35 36.25-178.6 0 0 0-45.64 63-94.64 63l13.33 1c29.86 0 58.65-11.73 85.31-25.59a185.33 185.33 0 00170.6 0c26.66 13.87 55.45 25.6 85.31 25.6l13.33-1C392.21 470 345.22 407 345.22 407z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBoatSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBoatSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BoatSharp"]}
\ No newline at end of file
diff --git a/lib/Body.js b/lib/Body.js
index 79ea9a021..0f56506ba 100644
--- a/lib/Body.js
+++ b/lib/Body.js
@@ -48,7 +48,7 @@ var Body = function Body(props) {
 Body.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Body.js.map b/lib/Body.js.map
index 64a7aa2dd..24ee8f7c4 100644
--- a/lib/Body.js.map
+++ b/lib/Body.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Body.js"],"names":["Body","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAjK;AAAkM,8CAAM,GAAE,4ZAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Body.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Body = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\"/><path d=\"M437 128H75a27 27 0 000 54h101.88c6.91 0 15 3.09 19.58 15 5.35 13.83 2.73 40.54-.57 61.23l-4.32 24.45a.42.42 0 01-.12.35l-34.6 196.81A27.43 27.43 0 00179 511.58a27.06 27.06 0 0031.42-22.29l23.91-136.8S242 320 256 320c14.23 0 21.74 32.49 21.74 32.49l23.91 136.92a27.24 27.24 0 1053.62-9.6L320.66 283a.45.45 0 00-.11-.35l-4.33-24.45c-3.3-20.69-5.92-47.4-.57-61.23 4.56-11.88 12.91-15 19.28-15H437a27 27 0 000-54z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBody.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBody.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Body"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Body.js"],"names":["Body","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAhK;AAAkM,8CAAM,GAAE,4ZAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Body.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Body = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\" /><path d=\"M437 128H75a27 27 0 000 54h101.88c6.91 0 15 3.09 19.58 15 5.35 13.83 2.73 40.54-.57 61.23l-4.32 24.45a.42.42 0 01-.12.35l-34.6 196.81A27.43 27.43 0 00179 511.58a27.06 27.06 0 0031.42-22.29l23.91-136.8S242 320 256 320c14.23 0 21.74 32.49 21.74 32.49l23.91 136.92a27.24 27.24 0 1053.62-9.6L320.66 283a.45.45 0 00-.11-.35l-4.33-24.45c-3.3-20.69-5.92-47.4-.57-61.23 4.56-11.88 12.91-15 19.28-15H437a27 27 0 000-54z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBody.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBody.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Body"]}
\ No newline at end of file
diff --git a/lib/BodyOutline.js b/lib/BodyOutline.js
index 762b5ab9f..44d2b4a05 100644
--- a/lib/BodyOutline.js
+++ b/lib/BodyOutline.js
@@ -48,7 +48,7 @@ var BodyOutline = function BodyOutline(props) {
 BodyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BodyOutline.js.map b/lib/BodyOutline.js.map
index db9dadde2..4e3190d89 100644
--- a/lib/BodyOutline.js.map
+++ b/lib/BodyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BodyOutline.js"],"names":["BodyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,IAA7F,EAAkG,GAAE,IAApG,GAAjK;AAA2Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wVAAjF;AAA3Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BodyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BodyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"56\" r=\"40\"/><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M199.3 295.62h0l-30.4 172.2a24 24 0 0019.5 27.8 23.76 23.76 0 0027.6-19.5l21-119.9v.2s5.2-32.5 17.5-32.5h3.1c12.5 0 17.5 32.5 17.5 32.5v-.1l21 119.9a23.92 23.92 0 1047.1-8.4l-30.4-172.2-4.9-29.7c-2.9-18.1-4.2-47.6.5-59.7 4-10.4 14.13-14.2 23.2-14.2H424a24 24 0 000-48H88a24 24 0 000 48h92.5c9.23 0 19.2 3.8 23.2 14.2 4.7 12.1 3.4 41.6.5 59.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBodyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBodyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BodyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BodyOutline.js"],"names":["BodyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,IAA7F,EAAkG,GAAE,IAApG,GAAhK;AAA2Q,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wVAAjF;AAA3Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BodyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BodyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"56\" r=\"40\" /><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M199.3 295.62h0l-30.4 172.2a24 24 0 0019.5 27.8 23.76 23.76 0 0027.6-19.5l21-119.9v.2s5.2-32.5 17.5-32.5h3.1c12.5 0 17.5 32.5 17.5 32.5v-.1l21 119.9a23.92 23.92 0 1047.1-8.4l-30.4-172.2-4.9-29.7c-2.9-18.1-4.2-47.6.5-59.7 4-10.4 14.13-14.2 23.2-14.2H424a24 24 0 000-48H88a24 24 0 000 48h92.5c9.23 0 19.2 3.8 23.2 14.2 4.7 12.1 3.4 41.6.5 59.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBodyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBodyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BodyOutline"]}
\ No newline at end of file
diff --git a/lib/BodySharp.js b/lib/BodySharp.js
index 885834d89..85c8f7484 100644
--- a/lib/BodySharp.js
+++ b/lib/BodySharp.js
@@ -48,7 +48,7 @@ var BodySharp = function BodySharp(props) {
 BodySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BodySharp.js.map b/lib/BodySharp.js.map
index f5696d998..8dc4256aa 100644
--- a/lib/BodySharp.js.map
+++ b/lib/BodySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BodySharp.js"],"names":["BodySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAjK;AAAkM,8CAAM,GAAE,wFAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BodySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BodySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\"/><path d=\"M464 128H48v52h144l-32 325.13 51 6.87 21.65-192h47.02L301 512l51-6.98L320 180h144v-52z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBodySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBodySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BodySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BodySharp.js"],"names":["BodySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAhK;AAAkM,8CAAM,GAAE,wFAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BodySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BodySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\" /><path d=\"M464 128H48v52h144l-32 325.13 51 6.87 21.65-192h47.02L301 512l51-6.98L320 180h144v-52z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBodySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBodySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BodySharp"]}
\ No newline at end of file
diff --git a/lib/Bonfire.js b/lib/Bonfire.js
index cf0c52334..66b452573 100644
--- a/lib/Bonfire.js
+++ b/lib/Bonfire.js
@@ -48,7 +48,7 @@ var Bonfire = function Bonfire(props) {
 Bonfire.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bonfire.js.map b/lib/Bonfire.js.map
index 5f3a31cb6..6b225f4f2 100644
--- a/lib/Bonfire.js.map
+++ b/lib/Bonfire.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bonfire.js"],"names":["Bonfire","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,osCAAR,GAAjK;AAA+2C,8CAAM,GAAE,6iBAAR;AAA/2C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bonfire.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bonfire = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.38 368.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.07l-18.2 88.36a35.59 35.59 0 00-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.16 36.16 0 00-1.29-9.45zM411.05 407.89a42.66 42.66 0 00-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 00-2 17.19l52.5 69a38 38 0 004 4.69c9.1 10.16 29.28 10.72 40.37 0 10.94-10.96 10.81-30.39-.14-38.99zM463.3 335.93h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78zM128.22 344.08c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16zM176.55 355.05L107 403.41a32.29 32.29 0 00-6 4.34 26.33 26.33 0 000 38.56 29.41 29.41 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 00-19.35-.95zM293.46 242.39c10-5.42 19.45-10.54 28.31-16.16 42.46-26.92 62.23-59 62.23-101 0-64.66-56.07-104.4-108.82-109-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86-28 26.3-56.93 53.49-62.71 91-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0019.3 6.51 32.32 32.32 0 007.41-.87 31.75 31.75 0 0021.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3z\"/><path d=\"M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15 19.92-18.72 37.81-35.58 46.5-53.86-12.24-7.37-27.36-11.36-46.51-11.36-17.79 0-20.39 5.18-20.39 19.06 0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64zM330.34 239.74c-9.33 5.92-19 11.16-29.25 16.71-28.91 15.68-56.21 30.48-68.88 56.28a62.6 62.6 0 01-1.88 3.61 8 8 0 003.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0078.24-31.37A107.45 107.45 0 00384 226.85a86.56 86.56 0 00-1.33-15 8 8 0 00-13.8-4c-10.18 11.47-22.93 22-38.53 31.89z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfire.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfire.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bonfire"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bonfire.js"],"names":["Bonfire","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,osCAAR,GAAhK;AAA+2C,8CAAM,GAAE,6iBAAR;AAA/2C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Bonfire.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bonfire = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.38 368.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.07l-18.2 88.36a35.59 35.59 0 00-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.16 36.16 0 00-1.29-9.45zM411.05 407.89a42.66 42.66 0 00-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 00-2 17.19l52.5 69a38 38 0 004 4.69c9.1 10.16 29.28 10.72 40.37 0 10.94-10.96 10.81-30.39-.14-38.99zM463.3 335.93h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78zM128.22 344.08c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16zM176.55 355.05L107 403.41a32.29 32.29 0 00-6 4.34 26.33 26.33 0 000 38.56 29.41 29.41 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 00-19.35-.95zM293.46 242.39c10-5.42 19.45-10.54 28.31-16.16 42.46-26.92 62.23-59 62.23-101 0-64.66-56.07-104.4-108.82-109-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86-28 26.3-56.93 53.49-62.71 91-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0019.3 6.51 32.32 32.32 0 007.41-.87 31.75 31.75 0 0021.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3z\" /><path d=\"M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15 19.92-18.72 37.81-35.58 46.5-53.86-12.24-7.37-27.36-11.36-46.51-11.36-17.79 0-20.39 5.18-20.39 19.06 0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64zM330.34 239.74c-9.33 5.92-19 11.16-29.25 16.71-28.91 15.68-56.21 30.48-68.88 56.28a62.6 62.6 0 01-1.88 3.61 8 8 0 003.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0078.24-31.37A107.45 107.45 0 00384 226.85a86.56 86.56 0 00-1.33-15 8 8 0 00-13.8-4c-10.18 11.47-22.93 22-38.53 31.89z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfire.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfire.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bonfire"]}
\ No newline at end of file
diff --git a/lib/BonfireOutline.js b/lib/BonfireOutline.js
index 60d3909fd..f2550c2e2 100644
--- a/lib/BonfireOutline.js
+++ b/lib/BonfireOutline.js
@@ -49,7 +49,7 @@ var BonfireOutline = function BonfireOutline(props) {
 BonfireOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BonfireOutline.js.map b/lib/BonfireOutline.js.map
index bc6f55661..b32c7796a 100644
--- a/lib/BonfireOutline.js.map
+++ b/lib/BonfireOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BonfireOutline.js"],"names":["BonfireOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m1BAAR,GAAjK;AAA8/B,8CAAM,GAAE,mOAAR,EAA4O,MAAK,MAAjP,EAAwP,QAAO,cAA/P,EAA8Q,eAAc,OAA5R,EAAoS,kBAAiB,IAArT,EAA0T,aAAY,IAAtU,GAA9/B;AAA00C,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,eAAc,OAAhS,EAAwS,kBAAiB,IAAzT,EAA8T,aAAY,IAA1U;AAA10C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BonfireOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BonfireOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.11l-18.2 88.38a35.75 35.75 0 00-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.16 36.16 0 00-1.29-9.45zM411.05 407.86a41.78 41.78 0 00-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 00-2 17.2l52.5 69a36.57 36.57 0 004 4.69c9.1 10.17 29.28 10.73 40.37 0 10.94-10.91 10.81-30.35-.14-38.95zM463.3 335.88h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78zM128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2zM176.55 355L107 403.38a32.34 32.34 0 00-6 4.35 26.33 26.33 0 000 38.56 29.39 29.39 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 00-19.35-.94z\"/><path d=\"M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 00-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0023.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94 42.88-27.2 54.8-56.44 54.8-87.55z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 00-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15 0 19.37 5.39 29 17.16 39.28M352.45 178.76c8.6 14.31 15.55 30.08 15.55 48 0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 01-65.14-26\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfireOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfireOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BonfireOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BonfireOutline.js"],"names":["BonfireOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m1BAAR,GAAhK;AAA8/B,8CAAM,GAAE,mOAAR,EAA4O,MAAK,MAAjP,EAAwP,QAAO,cAA/P,EAA8Q,eAAc,OAA5R,EAAoS,kBAAiB,IAArT,EAA0T,aAAY,IAAtU,GAA9/B;AAA20C,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,eAAc,OAAhS,EAAwS,kBAAiB,IAAzT,EAA8T,aAAY,IAA1U;AAA30C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BonfireOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BonfireOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.11l-18.2 88.38a35.75 35.75 0 00-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.16 36.16 0 00-1.29-9.45zM411.05 407.86a41.78 41.78 0 00-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 00-2 17.2l52.5 69a36.57 36.57 0 004 4.69c9.1 10.17 29.28 10.73 40.37 0 10.94-10.91 10.81-30.35-.14-38.95zM463.3 335.88h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78zM128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2zM176.55 355L107 403.38a32.34 32.34 0 00-6 4.35 26.33 26.33 0 000 38.56 29.39 29.39 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 00-19.35-.94z\" /><path d=\"M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 00-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0023.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94 42.88-27.2 54.8-56.44 54.8-87.55z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 00-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15 0 19.37 5.39 29 17.16 39.28M352.45 178.76c8.6 14.31 15.55 30.08 15.55 48 0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 01-65.14-26\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfireOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfireOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BonfireOutline"]}
\ No newline at end of file
diff --git a/lib/BonfireSharp.js b/lib/BonfireSharp.js
index 619d102ff..bec80e351 100644
--- a/lib/BonfireSharp.js
+++ b/lib/BonfireSharp.js
@@ -48,7 +48,7 @@ var BonfireSharp = function BonfireSharp(props) {
 BonfireSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BonfireSharp.js.map b/lib/BonfireSharp.js.map
index 845963d75..359d89c9d 100644
--- a/lib/BonfireSharp.js.map
+++ b/lib/BonfireSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BonfireSharp.js"],"names":["BonfireSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gjBAAR,GAAjK;AAA2tB,8CAAM,GAAE,4xBAAR;AAA3tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BonfireSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BonfireSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M199.89 336l-15.25-5.62a100.35 100.35 0 01-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11 5.2-33.73 44.2-74.21 69.34-97.87 27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9-8 5-16.44 9.66-25.42 14.53-30.63 16.62-75.29 49.83-85.73 85.32zM181.19 113.59C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14z\"/><path d=\"M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0045.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 00384 227a92.39 92.39 0 00-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85zM268.72 360h-25.44a4 4 0 00-3.92 3.22l-25.36 128a4 4 0 003.92 4.78h76.26a4 4 0 003.92-4.78l-25.41-128a4 4 0 00-3.97-3.22zM325.68 354.32l-11.36 11.36a4 4 0 00-.5 5.05l59.47 89.21a4 4 0 006.16.61l41.1-41.1a4 4 0 00-.61-6.16l-89.21-59.47a4 4 0 00-5.05.5zM388 336a4 4 0 00-4 4v8.61a4 4 0 003.34 3.95l88 14.66a4 4 0 004.66-3.94V340a4 4 0 00-4-4zM186.32 354.32l11.36 11.36a4 4 0 01.5 5.05l-59.47 89.21a4 4 0 01-6.16.61l-41.1-41.1a4 4 0 01.61-6.16l89.21-59.47a4 4 0 015.05.5zM124 336H36a4 4 0 00-4 4v23.28a4 4 0 004.66 3.94l88-14.66a4 4 0 003.34-3.95V340a4 4 0 00-4-4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfireSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfireSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BonfireSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BonfireSharp.js"],"names":["BonfireSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gjBAAR,GAAhK;AAA2tB,8CAAM,GAAE,4xBAAR;AAA3tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BonfireSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BonfireSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M199.89 336l-15.25-5.62a100.35 100.35 0 01-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11 5.2-33.73 44.2-74.21 69.34-97.87 27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9-8 5-16.44 9.66-25.42 14.53-30.63 16.62-75.29 49.83-85.73 85.32zM181.19 113.59C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14z\" /><path d=\"M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0045.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 00384 227a92.39 92.39 0 00-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85zM268.72 360h-25.44a4 4 0 00-3.92 3.22l-25.36 128a4 4 0 003.92 4.78h76.26a4 4 0 003.92-4.78l-25.41-128a4 4 0 00-3.97-3.22zM325.68 354.32l-11.36 11.36a4 4 0 00-.5 5.05l59.47 89.21a4 4 0 006.16.61l41.1-41.1a4 4 0 00-.61-6.16l-89.21-59.47a4 4 0 00-5.05.5zM388 336a4 4 0 00-4 4v8.61a4 4 0 003.34 3.95l88 14.66a4 4 0 004.66-3.94V340a4 4 0 00-4-4zM186.32 354.32l11.36 11.36a4 4 0 01.5 5.05l-59.47 89.21a4 4 0 01-6.16.61l-41.1-41.1a4 4 0 01.61-6.16l89.21-59.47a4 4 0 015.05.5zM124 336H36a4 4 0 00-4 4v23.28a4 4 0 004.66 3.94l88-14.66a4 4 0 003.34-3.95V340a4 4 0 00-4-4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBonfireSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBonfireSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BonfireSharp"]}
\ No newline at end of file
diff --git a/lib/Book.js b/lib/Book.js
index 4df4b1783..18e66a111 100644
--- a/lib/Book.js
+++ b/lib/Book.js
@@ -47,7 +47,7 @@ var Book = function Book(props) {
 Book.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Book.js.map b/lib/Book.js.map
index 9630f42d2..b6041016a 100644
--- a/lib/Book.js.map
+++ b/lib/Book.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Book.js"],"names":["Book","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8cAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Book.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Book = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 00-17.92 5.33A32 32 0 0016 79.9V366c0 19.34 13.76 33.93 32 33.93 71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 006.94-3V106.82a15.89 15.89 0 00-5.46-12A143 143 0 00202.24 74zM481.92 53.3A31.33 31.33 0 00464 48c-67.61.3-118.11 8.71-154.24 26a143.31 143.31 0 00-32.31 20.78 15.93 15.93 0 00-5.45 12v337.13a3.93 3.93 0 006.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0032-32v-288a32 32 0 00-14.12-26.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBook.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBook.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Book"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Book.js"],"names":["Book","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8cAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Book.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Book = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 00-17.92 5.33A32 32 0 0016 79.9V366c0 19.34 13.76 33.93 32 33.93 71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 006.94-3V106.82a15.89 15.89 0 00-5.46-12A143 143 0 00202.24 74zM481.92 53.3A31.33 31.33 0 00464 48c-67.61.3-118.11 8.71-154.24 26a143.31 143.31 0 00-32.31 20.78 15.93 15.93 0 00-5.45 12v337.13a3.93 3.93 0 006.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0032-32v-288a32 32 0 00-14.12-26.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBook.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBook.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Book"]}
\ No newline at end of file
diff --git a/lib/BookOutline.js b/lib/BookOutline.js
index 6a27f4165..547a4111a 100644
--- a/lib/BookOutline.js
+++ b/lib/BookOutline.js
@@ -47,7 +47,7 @@ var BookOutline = function BookOutline(props) {
 BookOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookOutline.js.map b/lib/BookOutline.js.map
index bf2ce8601..96d55f736 100644
--- a/lib/BookOutline.js.map
+++ b/lib/BookOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookOutline.js"],"names":["BookOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2NAAR,EAAoO,MAAK,MAAzO,EAAgP,QAAO,cAAvP,EAAsQ,eAAc,OAApR,EAA4R,gBAAe,OAA3S,EAAmT,aAAY,IAA/T;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BookOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookOutline.js"],"names":["BookOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2NAAR,EAAoO,MAAK,MAAzO,EAAgP,QAAO,cAAvP,EAAsQ,eAAc,OAApR,EAA4R,gBAAe,OAA3S,EAAmT,aAAY,IAA/T;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BookOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookOutline"]}
\ No newline at end of file
diff --git a/lib/BookSharp.js b/lib/BookSharp.js
index f7824ae95..62c56c0a2 100644
--- a/lib/BookSharp.js
+++ b/lib/BookSharp.js
@@ -47,7 +47,7 @@ var BookSharp = function BookSharp(props) {
 BookSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookSharp.js.map b/lib/BookSharp.js.map
index 76a8acec7..2bb50f8c6 100644
--- a/lib/BookSharp.js.map
+++ b/lib/BookSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookSharp.js"],"names":["BookSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BookSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 48c-67.61.29-117.87 9.6-154.24 25.69-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48zM48 48c67.61.29 117.87 9.6 154.24 25.69 27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookSharp.js"],"names":["BookSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BookSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 48c-67.61.29-117.87 9.6-154.24 25.69-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48zM48 48c67.61.29 117.87 9.6 154.24 25.69 27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookSharp"]}
\ No newline at end of file
diff --git a/lib/Bookmark.js b/lib/Bookmark.js
index ed09f795c..711805277 100644
--- a/lib/Bookmark.js
+++ b/lib/Bookmark.js
@@ -47,7 +47,7 @@ var Bookmark = function Bookmark(props) {
 Bookmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bookmark.js.map b/lib/Bookmark.js.map
index ab9af1a6d..e684de0eb 100644
--- a/lib/Bookmark.js.map
+++ b/lib/Bookmark.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bookmark.js"],"names":["Bookmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6IAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Bookmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bookmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 480a16 16 0 01-10.63-4L256 357.41 122.63 476A16 16 0 0196 464V96a64.07 64.07 0 0164-64h192a64.07 64.07 0 0164 64v368a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmark.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bookmark"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bookmark.js"],"names":["Bookmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6IAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Bookmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bookmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 480a16 16 0 01-10.63-4L256 357.41 122.63 476A16 16 0 0196 464V96a64.07 64.07 0 0164-64h192a64.07 64.07 0 0164 64v368a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmark.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bookmark"]}
\ No newline at end of file
diff --git a/lib/BookmarkOutline.js b/lib/BookmarkOutline.js
index fb6329b88..26c98e865 100644
--- a/lib/BookmarkOutline.js
+++ b/lib/BookmarkOutline.js
@@ -47,7 +47,7 @@ var BookmarkOutline = function BookmarkOutline(props) {
 BookmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookmarkOutline.js.map b/lib/BookmarkOutline.js.map
index b75dd3c6e..75eb70a1b 100644
--- a/lib/BookmarkOutline.js.map
+++ b/lib/BookmarkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookmarkOutline.js"],"names":["BookmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,eAAc,OAAhI,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BookmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 48H160a48 48 0 00-48 48v368l144-128 144 128V96a48 48 0 00-48-48z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookmarkOutline.js"],"names":["BookmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,eAAc,OAAhI,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BookmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 48H160a48 48 0 00-48 48v368l144-128 144 128V96a48 48 0 00-48-48z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarkOutline"]}
\ No newline at end of file
diff --git a/lib/BookmarkSharp.js b/lib/BookmarkSharp.js
index f01b77293..fa97d1e7f 100644
--- a/lib/BookmarkSharp.js
+++ b/lib/BookmarkSharp.js
@@ -47,7 +47,7 @@ var BookmarkSharp = function BookmarkSharp(props) {
 BookmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookmarkSharp.js.map b/lib/BookmarkSharp.js.map
index 6839c62b3..60b2e1080 100644
--- a/lib/BookmarkSharp.js.map
+++ b/lib/BookmarkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookmarkSharp.js"],"names":["BookmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BookmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 480L256 357.41 96 480V32h320z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookmarkSharp.js"],"names":["BookmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BookmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 480L256 357.41 96 480V32h320z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarkSharp"]}
\ No newline at end of file
diff --git a/lib/Bookmarks.js b/lib/Bookmarks.js
index f17785202..4a24087f8 100644
--- a/lib/Bookmarks.js
+++ b/lib/Bookmarks.js
@@ -48,7 +48,7 @@ var Bookmarks = function Bookmarks(props) {
 Bookmarks.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bookmarks.js.map b/lib/Bookmarks.js.map
index ba037e31d..68333a926 100644
--- a/lib/Bookmarks.js.map
+++ b/lib/Bookmarks.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bookmarks.js"],"names":["Bookmarks","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wIAAR,GAAjK;AAAmT,8CAAM,GAAE,4KAAR;AAAnT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Bookmarks.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bookmarks = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 0H176a64.11 64.11 0 00-62 48h228a74 74 0 0174 74v304.89l22 17.6a16 16 0 0019.34.5 16.41 16.41 0 006.66-13.42V64a64 64 0 00-64-64z\"/><path d=\"M320 80H112a64 64 0 00-64 64v351.62A16.36 16.36 0 0054.6 509a16 16 0 0019.71-.71L216 388.92l141.69 119.32a16 16 0 0019.6.79 16.4 16.4 0 006.71-13.44V144a64 64 0 00-64-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarks.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarks.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bookmarks"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bookmarks.js"],"names":["Bookmarks","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wIAAR,GAAhK;AAAmT,8CAAM,GAAE,4KAAR;AAAnT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Bookmarks.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bookmarks = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 0H176a64.11 64.11 0 00-62 48h228a74 74 0 0174 74v304.89l22 17.6a16 16 0 0019.34.5 16.41 16.41 0 006.66-13.42V64a64 64 0 00-64-64z\" /><path d=\"M320 80H112a64 64 0 00-64 64v351.62A16.36 16.36 0 0054.6 509a16 16 0 0019.71-.71L216 388.92l141.69 119.32a16 16 0 0019.6.79 16.4 16.4 0 006.71-13.44V144a64 64 0 00-64-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarks.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarks.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bookmarks"]}
\ No newline at end of file
diff --git a/lib/BookmarksOutline.js b/lib/BookmarksOutline.js
index e77f95928..1232eb104 100644
--- a/lib/BookmarksOutline.js
+++ b/lib/BookmarksOutline.js
@@ -48,7 +48,7 @@ var BookmarksOutline = function BookmarksOutline(props) {
 BookmarksOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookmarksOutline.js.map b/lib/BookmarksOutline.js.map
index cf9cdcf12..06a2241ad 100644
--- a/lib/BookmarksOutline.js.map
+++ b/lib/BookmarksOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookmarksOutline.js"],"names":["BookmarksOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,gBAAe,OAAjI,EAAyI,aAAY,IAArJ,GAAjK;AAA4T,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,gBAAe,OAA9I,EAAsJ,aAAY,IAAlK;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BookmarksOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarksOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 80V64a48.14 48.14 0 0148-48h224a48.14 48.14 0 0148 48v368l-80-64\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M320 96H112a48.14 48.14 0 00-48 48v352l152-128 152 128V144a48.14 48.14 0 00-48-48z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarksOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarksOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarksOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookmarksOutline.js"],"names":["BookmarksOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,gBAAe,OAAjI,EAAyI,aAAY,IAArJ,GAAhK;AAA4T,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,gBAAe,OAA9I,EAAsJ,aAAY,IAAlK;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BookmarksOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarksOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 80V64a48.14 48.14 0 0148-48h224a48.14 48.14 0 0148 48v368l-80-64\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M320 96H112a48.14 48.14 0 00-48 48v352l152-128 152 128V144a48.14 48.14 0 00-48-48z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarksOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarksOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarksOutline"]}
\ No newline at end of file
diff --git a/lib/BookmarksSharp.js b/lib/BookmarksSharp.js
index a83fd6463..2a99b1d00 100644
--- a/lib/BookmarksSharp.js
+++ b/lib/BookmarksSharp.js
@@ -48,7 +48,7 @@ var BookmarksSharp = function BookmarksSharp(props) {
 BookmarksSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BookmarksSharp.js.map b/lib/BookmarksSharp.js.map
index ac1a28fc1..721bbd9ee 100644
--- a/lib/BookmarksSharp.js.map
+++ b/lib/BookmarksSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BookmarksSharp.js"],"names":["BookmarksSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gCAAR,GAAjK;AAA2M,8CAAM,GAAE,mCAAR;AAA3M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BookmarksSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarksSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 0v48h304v368l48 32V0H112z\"/><path d=\"M48 80v432l168-124 168 124V80H48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarksSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarksSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarksSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BookmarksSharp.js"],"names":["BookmarksSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gCAAR,GAAhK;AAA2M,8CAAM,GAAE,mCAAR;AAA3M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BookmarksSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BookmarksSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 0v48h304v368l48 32V0H112z\" /><path d=\"M48 80v432l168-124 168 124V80H48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBookmarksSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBookmarksSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BookmarksSharp"]}
\ No newline at end of file
diff --git a/lib/Briefcase.js b/lib/Briefcase.js
index bf8712630..f00531e97 100644
--- a/lib/Briefcase.js
+++ b/lib/Briefcase.js
@@ -48,7 +48,7 @@ var Briefcase = function Briefcase(props) {
 Briefcase.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Briefcase.js.map b/lib/Briefcase.js.map
index b7a33ad3d..d38bfaf6d 100644
--- a/lib/Briefcase.js.map
+++ b/lib/Briefcase.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Briefcase.js"],"names":["Briefcase","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,GAAjK;AAAiP,8CAAM,GAAE,kTAAR;AAAjP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Briefcase.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Briefcase = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 80H176a16 16 0 00-16 16v16h192V96a16 16 0 00-16-16z\" fill=\"none\"/><path d=\"M496 176a64.07 64.07 0 00-64-64h-48V96a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v48h480zm-144-64H160V96a16 16 0 0116-16h160a16 16 0 0116 16zM336 264a24 24 0 01-24 24H200a24 24 0 01-24-24v-4a4 4 0 00-4-4H16v144a64 64 0 0064 64h352a64 64 0 0064-64V256H340a4 4 0 00-4 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcase.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcase.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Briefcase"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Briefcase.js"],"names":["Briefcase","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,GAAhK;AAAiP,8CAAM,GAAE,kTAAR;AAAjP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Briefcase.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Briefcase = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 80H176a16 16 0 00-16 16v16h192V96a16 16 0 00-16-16z\" fill=\"none\" /><path d=\"M496 176a64.07 64.07 0 00-64-64h-48V96a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v48h480zm-144-64H160V96a16 16 0 0116-16h160a16 16 0 0116 16zM336 264a24 24 0 01-24 24H200a24 24 0 01-24-24v-4a4 4 0 00-4-4H16v144a64 64 0 0064 64h352a64 64 0 0064-64V256H340a4 4 0 00-4 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcase.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcase.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Briefcase"]}
\ No newline at end of file
diff --git a/lib/BriefcaseOutline.js b/lib/BriefcaseOutline.js
index 7e172af47..8aca775eb 100644
--- a/lib/BriefcaseOutline.js
+++ b/lib/BriefcaseOutline.js
@@ -48,7 +48,7 @@ var BriefcaseOutline = function BriefcaseOutline(props) {
 BriefcaseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BriefcaseOutline.js.map b/lib/BriefcaseOutline.js.map
index 0f8169e3b..3aeb1a7ae 100644
--- a/lib/BriefcaseOutline.js.map
+++ b/lib/BriefcaseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BriefcaseOutline.js"],"names":["BriefcaseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAjK;AAA0S,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BriefcaseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BriefcaseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"128\" width=\"448\" height=\"320\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcaseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcaseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BriefcaseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BriefcaseOutline.js"],"names":["BriefcaseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAhK;AAA0S,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"BriefcaseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BriefcaseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"128\" width=\"448\" height=\"320\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcaseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcaseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BriefcaseOutline"]}
\ No newline at end of file
diff --git a/lib/BriefcaseSharp.js b/lib/BriefcaseSharp.js
index 0fd459e84..59e886186 100644
--- a/lib/BriefcaseSharp.js
+++ b/lib/BriefcaseSharp.js
@@ -47,7 +47,7 @@ var BriefcaseSharp = function BriefcaseSharp(props) {
 BriefcaseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BriefcaseSharp.js.map b/lib/BriefcaseSharp.js.map
index 1f66f880b..c98d31f23 100644
--- a/lib/BriefcaseSharp.js.map
+++ b/lib/BriefcaseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BriefcaseSharp.js"],"names":["BriefcaseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BriefcaseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BriefcaseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 288H176v-32H16v196a12 12 0 0012 12h456a12 12 0 0012-12V256H336zM496 124a12 12 0 00-12-12H384V56a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v100h480zm-152-12H168V88h176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcaseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcaseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BriefcaseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BriefcaseSharp.js"],"names":["BriefcaseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"BriefcaseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BriefcaseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 288H176v-32H16v196a12 12 0 0012 12h456a12 12 0 0012-12V256H336zM496 124a12 12 0 00-12-12H384V56a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v100h480zm-152-12H168V88h176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBriefcaseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBriefcaseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BriefcaseSharp"]}
\ No newline at end of file
diff --git a/lib/Browsers.js b/lib/Browsers.js
index 801420dbc..c167fa3f4 100644
--- a/lib/Browsers.js
+++ b/lib/Browsers.js
@@ -47,7 +47,7 @@ var Browsers = function Browsers(props) {
 Browsers.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Browsers.js.map b/lib/Browsers.js.map
index 3965056ca..d9f591594 100644
--- a/lib/Browsers.js.map
+++ b/lib/Browsers.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Browsers.js"],"names":["Browsers","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Browsers.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Browsers = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 48H96a64 64 0 00-64 64v288a64 64 0 0064 64h320a64 64 0 0064-64V112a64 64 0 00-64-64zm24 96H72a8 8 0 01-8-8v-24a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v24a8 8 0 01-8 8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsers.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsers.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Browsers"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Browsers.js"],"names":["Browsers","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Browsers.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Browsers = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 48H96a64 64 0 00-64 64v288a64 64 0 0064 64h320a64 64 0 0064-64V112a64 64 0 00-64-64zm24 96H72a8 8 0 01-8-8v-24a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v24a8 8 0 01-8 8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsers.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsers.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Browsers"]}
\ No newline at end of file
diff --git a/lib/BrowsersOutline.js b/lib/BrowsersOutline.js
index d4207b279..8f7c7e58d 100644
--- a/lib/BrowsersOutline.js
+++ b/lib/BrowsersOutline.js
@@ -48,7 +48,7 @@ var BrowsersOutline = function BrowsersOutline(props) {
 BrowsersOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BrowsersOutline.js.map b/lib/BrowsersOutline.js.map
index d6e2a7a29..2d4ec696b 100644
--- a/lib/BrowsersOutline.js.map
+++ b/lib/BrowsersOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BrowsersOutline.js"],"names":["BrowsersOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,GAAE,mIAAR;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BrowsersOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrowsersOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"64\" width=\"416\" height=\"384\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M397.82 64H114.18C77.69 64 48 94.15 48 131.2V176h16c0-16 16-32 32-32h320c16 0 32 16 32 32h16v-44.8c0-37.05-29.69-67.2-66.18-67.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsersOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsersOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrowsersOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BrowsersOutline.js"],"names":["BrowsersOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,GAAE,mIAAR;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BrowsersOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrowsersOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"64\" width=\"416\" height=\"384\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M397.82 64H114.18C77.69 64 48 94.15 48 131.2V176h16c0-16 16-32 32-32h320c16 0 32 16 32 32h16v-44.8c0-37.05-29.69-67.2-66.18-67.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsersOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsersOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrowsersOutline"]}
\ No newline at end of file
diff --git a/lib/BrowsersSharp.js b/lib/BrowsersSharp.js
index 4d045e37a..011f0b1e2 100644
--- a/lib/BrowsersSharp.js
+++ b/lib/BrowsersSharp.js
@@ -47,7 +47,7 @@ var BrowsersSharp = function BrowsersSharp(props) {
 BrowsersSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BrowsersSharp.js.map b/lib/BrowsersSharp.js.map
index a6e5bd4f2..a3a6c07e1 100644
--- a/lib/BrowsersSharp.js.map
+++ b/lib/BrowsersSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BrowsersSharp.js"],"names":["BrowsersSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BrowsersSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrowsersSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 64v384a16 16 0 0016 16h416a16 16 0 0016-16V64a16 16 0 00-16-16H48a16 16 0 00-16 16zm408 364H72a4 4 0 01-4-4V152a4 4 0 014-4h368a4 4 0 014 4v272a4 4 0 01-4 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsersSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsersSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrowsersSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BrowsersSharp.js"],"names":["BrowsersSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BrowsersSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrowsersSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 64v384a16 16 0 0016 16h416a16 16 0 0016-16V64a16 16 0 00-16-16H48a16 16 0 00-16 16zm408 364H72a4 4 0 01-4-4V152a4 4 0 014-4h368a4 4 0 014 4v272a4 4 0 01-4 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrowsersSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrowsersSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrowsersSharp"]}
\ No newline at end of file
diff --git a/lib/Brush.js b/lib/Brush.js
index c952920ab..ba5de669a 100644
--- a/lib/Brush.js
+++ b/lib/Brush.js
@@ -47,7 +47,7 @@ var Brush = function Brush(props) {
 Brush.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Brush.js.map b/lib/Brush.js.map
index f812cb6c2..b96fb4710 100644
--- a/lib/Brush.js.map
+++ b/lib/Brush.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Brush.js"],"names":["Brush","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6YAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Brush.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Brush = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M233.15 360.11a15.7 15.7 0 01-4.92-.77 16 16 0 01-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 01-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0179.89 0 56.51 56.51 0 01.11 79.78l-219 227a16 16 0 01-11.53 4.9zM119.89 480.11c-32.14 0-65.45-16.89-84.85-43a16 16 0 0112.85-25.54c5.34 0 20-4.87 20-20.57 0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrush.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrush.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Brush"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Brush.js"],"names":["Brush","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6YAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Brush.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Brush = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M233.15 360.11a15.7 15.7 0 01-4.92-.77 16 16 0 01-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 01-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0179.89 0 56.51 56.51 0 01.11 79.78l-219 227a16 16 0 01-11.53 4.9zM119.89 480.11c-32.14 0-65.45-16.89-84.85-43a16 16 0 0112.85-25.54c5.34 0 20-4.87 20-20.57 0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrush.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrush.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Brush"]}
\ No newline at end of file
diff --git a/lib/BrushOutline.js b/lib/BrushOutline.js
index 6b91f87ce..1d33e9389 100644
--- a/lib/BrushOutline.js
+++ b/lib/BrushOutline.js
@@ -47,7 +47,7 @@ var BrushOutline = function BrushOutline(props) {
 BrushOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BrushOutline.js.map b/lib/BrushOutline.js.map
index 2697c1225..afef131df 100644
--- a/lib/BrushOutline.js.map
+++ b/lib/BrushOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BrushOutline.js"],"names":["BrushOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oRAAR,EAA6R,MAAK,MAAlS,EAAyS,QAAO,cAAhT,EAA+T,eAAc,OAA7U,EAAqV,gBAAe,OAApW,EAA4W,aAAY,IAAxX;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BrushOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrushOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26zM138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.88 36.57-36 36.57C64.56 449.74 92.82 464 120 464c39.78 0 72-32.73 72-73.14 0-30.36-24.12-54.86-54-54.86z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrushOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrushOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrushOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BrushOutline.js"],"names":["BrushOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oRAAR,EAA6R,MAAK,MAAlS,EAAyS,QAAO,cAAhT,EAA+T,eAAc,OAA7U,EAAqV,gBAAe,OAApW,EAA4W,aAAY,IAAxX;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BrushOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrushOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26zM138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.88 36.57-36 36.57C64.56 449.74 92.82 464 120 464c39.78 0 72-32.73 72-73.14 0-30.36-24.12-54.86-54-54.86z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrushOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrushOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrushOutline"]}
\ No newline at end of file
diff --git a/lib/BrushSharp.js b/lib/BrushSharp.js
index 6ffd8d3f7..4a198d6c3 100644
--- a/lib/BrushSharp.js
+++ b/lib/BrushSharp.js
@@ -47,7 +47,7 @@ var BrushSharp = function BrushSharp(props) {
 BrushSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BrushSharp.js.map b/lib/BrushSharp.js.map
index 754004b86..f7ec372db 100644
--- a/lib/BrushSharp.js.map
+++ b/lib/BrushSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BrushSharp.js"],"names":["BrushSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BrushSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrushSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 96l-64-64-244 260 64 64zM142 320c-36.52 0-66 30.63-66 68.57 0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43 0-37.94-29.48-68.57-66-68.57z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrushSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrushSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrushSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BrushSharp.js"],"names":["BrushSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BrushSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BrushSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 96l-64-64-244 260 64 64zM142 320c-36.52 0-66 30.63-66 68.57 0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43 0-37.94-29.48-68.57-66-68.57z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBrushSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBrushSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BrushSharp"]}
\ No newline at end of file
diff --git a/lib/Bug.js b/lib/Bug.js
index 72b5b16d1..716975010 100644
--- a/lib/Bug.js
+++ b/lib/Bug.js
@@ -48,7 +48,7 @@ var Bug = function Bug(props) {
 Bug.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bug.js.map b/lib/Bug.js.map
index 3241ba501..bc5ba1b37 100644
--- a/lib/Bug.js.map
+++ b/lib/Bug.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bug.js"],"names":["Bug","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,85BAAR,GAAjK;AAAykC,8CAAM,GAAE,8MAAR;AAAzkC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bug.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bug = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103 0-8.61-6.64-16-15.25-16.41A16 16 0 00400 112c0 28-1.86 48.15-9.9 63.84-19.22-41.15-65.78-63.91-134.1-63.91-39.8 0-74.19 9.13-99.43 26.39-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0080 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0016 16.77h64V320a143.32 143.32 0 0010.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 00112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 00220 459.42a16 16 0 0020-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 192v251.93a16 16 0 0020 15.49 144.4 144.4 0 0081.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0015.1 16.37A16 16 0 00432 464c0-41.68-16.6-67.23-42.39-90.31A143.32 143.32 0 00400 320v-15.87h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\"/><path d=\"M321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 00256.21 32h-.42a95.87 95.87 0 00-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86 19.71-6 41.79-9.06 65.56-9.06 24.09 0 46.09 2.72 65.39 8.07z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBug.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBug.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bug"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bug.js"],"names":["Bug","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,85BAAR,GAAhK;AAAykC,8CAAM,GAAE,8MAAR;AAAzkC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bug.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bug = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103 0-8.61-6.64-16-15.25-16.41A16 16 0 00400 112c0 28-1.86 48.15-9.9 63.84-19.22-41.15-65.78-63.91-134.1-63.91-39.8 0-74.19 9.13-99.43 26.39-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0080 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0016 16.77h64V320a143.32 143.32 0 0010.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 00112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 00220 459.42a16 16 0 0020-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 192v251.93a16 16 0 0020 15.49 144.4 144.4 0 0081.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0015.1 16.37A16 16 0 00432 464c0-41.68-16.6-67.23-42.39-90.31A143.32 143.32 0 00400 320v-15.87h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\" /><path d=\"M321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 00256.21 32h-.42a95.87 95.87 0 00-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86 19.71-6 41.79-9.06 65.56-9.06 24.09 0 46.09 2.72 65.39 8.07z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBug.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBug.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bug"]}
\ No newline at end of file
diff --git a/lib/BugOutline.js b/lib/BugOutline.js
index de0448c84..194f947ac 100644
--- a/lib/BugOutline.js
+++ b/lib/BugOutline.js
@@ -49,7 +49,7 @@ var BugOutline = function BugOutline(props) {
 BugOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BugOutline.js.map b/lib/BugOutline.js.map
index 7c496f99b..00548f63e 100644
--- a/lib/BugOutline.js.map
+++ b/lib/BugOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BugOutline.js"],"names":["BugOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yLAAR,EAAkM,MAAK,MAAvM,EAA8M,QAAO,cAArN,EAAoO,eAAc,OAAlP,EAA0P,gBAAe,OAAzQ,EAAiR,aAAY,IAA7R,GAAjK;AAAoc,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N,GAApc;AAAuqB,8CAAM,GAAE,oHAAR,EAA6H,MAAK,MAAlI,EAAyI,QAAO,cAAhJ,EAA+J,eAAc,OAA7K,EAAqL,gBAAe,OAApM,EAA4M,aAAY,IAAxN;AAAvqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BugOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BugOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M370 378c28.89 23.52 46 46.07 46 86M142 378c-28.89 23.52-46 46.06-46 86M384 208c28.89-23.52 32-56.07 32-96M128 206c-28.89-23.52-32-54.06-32-94M464 288.13h-80M128 288.13H48M256 192v256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 448h0c-70.4 0-128-57.6-128-128v-96.07c0-65.07 57.6-96 128-96h0c70.4 0 128 25.6 128 96V320c0 70.4-57.6 128-128 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M179.43 143.52a49.08 49.08 0 01-3.43-15.73A80 80 0 01255.79 48h.42A80 80 0 01336 127.79a41.91 41.91 0 01-3.12 14.3\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBugOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBugOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BugOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BugOutline.js"],"names":["BugOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yLAAR,EAAkM,MAAK,MAAvM,EAA8M,QAAO,cAArN,EAAoO,eAAc,OAAlP,EAA0P,gBAAe,OAAzQ,EAAiR,aAAY,IAA7R,GAAhK;AAAoc,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N,GAApc;AAAwqB,8CAAM,GAAE,oHAAR,EAA6H,MAAK,MAAlI,EAAyI,QAAO,cAAhJ,EAA+J,eAAc,OAA7K,EAAqL,gBAAe,OAApM,EAA4M,aAAY,IAAxN;AAAxqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BugOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BugOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M370 378c28.89 23.52 46 46.07 46 86M142 378c-28.89 23.52-46 46.06-46 86M384 208c28.89-23.52 32-56.07 32-96M128 206c-28.89-23.52-32-54.06-32-94M464 288.13h-80M128 288.13H48M256 192v256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 448h0c-70.4 0-128-57.6-128-128v-96.07c0-65.07 57.6-96 128-96h0c70.4 0 128 25.6 128 96V320c0 70.4-57.6 128-128 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M179.43 143.52a49.08 49.08 0 01-3.43-15.73A80 80 0 01255.79 48h.42A80 80 0 01336 127.79a41.91 41.91 0 01-3.12 14.3\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBugOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBugOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BugOutline"]}
\ No newline at end of file
diff --git a/lib/BugSharp.js b/lib/BugSharp.js
index 2eb4ef097..f6bbae5dd 100644
--- a/lib/BugSharp.js
+++ b/lib/BugSharp.js
@@ -48,7 +48,7 @@ var BugSharp = function BugSharp(props) {
 BugSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BugSharp.js.map b/lib/BugSharp.js.map
index 5bf4fb16c..729c135ac 100644
--- a/lib/BugSharp.js.map
+++ b/lib/BugSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BugSharp.js"],"names":["BugSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ihBAAR,GAAjK;AAA4rB,8CAAM,GAAE,iIAAR;AAA5rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BugSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BugSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304z\"/><path d=\"M256 32c-48.06 0-96 0-96 84 26.12-14 59.35-20 96-20 24.09 0 46.09 2.65 65.39 8 10.75 3 24.66 8.71 30.61 12 0-84-47.94-84-96-84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBugSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBugSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BugSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BugSharp.js"],"names":["BugSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ihBAAR,GAAhK;AAA4rB,8CAAM,GAAE,iIAAR;AAA5rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BugSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BugSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304z\" /><path d=\"M256 32c-48.06 0-96 0-96 84 26.12-14 59.35-20 96-20 24.09 0 46.09 2.65 65.39 8 10.75 3 24.66 8.71 30.61 12 0-84-47.94-84-96-84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBugSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBugSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BugSharp"]}
\ No newline at end of file
diff --git a/lib/Build.js b/lib/Build.js
index cc493f77e..4071c4916 100644
--- a/lib/Build.js
+++ b/lib/Build.js
@@ -47,7 +47,7 @@ var Build = function Build(props) {
 Build.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Build.js.map b/lib/Build.js.map
index 53171d0d5..5d42fc42a 100644
--- a/lib/Build.js.map
+++ b/lib/Build.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Build.js"],"names":["Build","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,odAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Build.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Build = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.54 120.52a16 16 0 00-25.54-4L382.56 178a16.12 16.12 0 01-22.63 0l-26.56-26.6a16 16 0 010-22.63l61.18-61.19a16 16 0 00-4.78-25.92C343.56 21 285.88 31.78 249.51 67.88c-30.9 30.68-40.11 78.62-25.25 131.53a15.89 15.89 0 01-4.49 16L53.29 367.46a64.17 64.17 0 1090.6 90.64l153.68-166.85a15.9 15.9 0 0115.77-4.57 179.3 179.3 0 0046.22 6.37c33.4 0 62.71-10.81 83.85-31.64 39.15-38.57 45.12-103.99 26.13-140.89zM99.48 447.15a32 32 0 1128.34-28.35 32 32 0 01-28.34 28.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuild.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuild.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Build"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Build.js"],"names":["Build","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,odAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Build.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Build = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.54 120.52a16 16 0 00-25.54-4L382.56 178a16.12 16.12 0 01-22.63 0l-26.56-26.6a16 16 0 010-22.63l61.18-61.19a16 16 0 00-4.78-25.92C343.56 21 285.88 31.78 249.51 67.88c-30.9 30.68-40.11 78.62-25.25 131.53a15.89 15.89 0 01-4.49 16L53.29 367.46a64.17 64.17 0 1090.6 90.64l153.68-166.85a15.9 15.9 0 0115.77-4.57 179.3 179.3 0 0046.22 6.37c33.4 0 62.71-10.81 83.85-31.64 39.15-38.57 45.12-103.99 26.13-140.89zM99.48 447.15a32 32 0 1128.34-28.35 32 32 0 01-28.34 28.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuild.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuild.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Build"]}
\ No newline at end of file
diff --git a/lib/BuildOutline.js b/lib/BuildOutline.js
index f9a9110c9..971c9e2f3 100644
--- a/lib/BuildOutline.js
+++ b/lib/BuildOutline.js
@@ -48,7 +48,7 @@ var BuildOutline = function BuildOutline(props) {
 BuildOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BuildOutline.js.map b/lib/BuildOutline.js.map
index d95b42972..67f1f442e 100644
--- a/lib/BuildOutline.js.map
+++ b/lib/BuildOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BuildOutline.js"],"names":["BuildOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+VAAR,EAAwW,MAAK,MAA7W,EAAoX,QAAO,cAA3X,EAA0Y,eAAc,OAAxZ,EAAga,kBAAiB,IAAjb,EAAsb,aAAY,IAAlc,GAAjK;AAAymB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAAzmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BuildOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BuildOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M393.87 190a32.1 32.1 0 01-45.25 0l-26.57-26.57a32.09 32.09 0 010-45.26L382.19 58a1 1 0 00-.3-1.64c-38.82-16.64-89.15-8.16-121.11 23.57-30.58 30.35-32.32 76-21.12 115.84a31.93 31.93 0 01-9.06 32.08L64 380a48.17 48.17 0 1068 68l153.86-167a31.93 31.93 0 0131.6-9.13c39.54 10.59 84.54 8.6 114.72-21.19 32.49-32 39.5-88.56 23.75-120.93a1 1 0 00-1.6-.26z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"96\" cy=\"416\" r=\"16\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuildOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuildOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BuildOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BuildOutline.js"],"names":["BuildOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+VAAR,EAAwW,MAAK,MAA7W,EAAoX,QAAO,cAA3X,EAA0Y,eAAc,OAAxZ,EAAga,kBAAiB,IAAjb,EAAsb,aAAY,IAAlc,GAAhK;AAAymB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAAzmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"BuildOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BuildOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M393.87 190a32.1 32.1 0 01-45.25 0l-26.57-26.57a32.09 32.09 0 010-45.26L382.19 58a1 1 0 00-.3-1.64c-38.82-16.64-89.15-8.16-121.11 23.57-30.58 30.35-32.32 76-21.12 115.84a31.93 31.93 0 01-9.06 32.08L64 380a48.17 48.17 0 1068 68l153.86-167a31.93 31.93 0 0131.6-9.13c39.54 10.59 84.54 8.6 114.72-21.19 32.49-32 39.5-88.56 23.75-120.93a1 1 0 00-1.6-.26z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"96\" cy=\"416\" r=\"16\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuildOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuildOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BuildOutline"]}
\ No newline at end of file
diff --git a/lib/BuildSharp.js b/lib/BuildSharp.js
index 1d4887b6c..1726bca1f 100644
--- a/lib/BuildSharp.js
+++ b/lib/BuildSharp.js
@@ -47,7 +47,7 @@ var BuildSharp = function BuildSharp(props) {
 BuildSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BuildSharp.js.map b/lib/BuildSharp.js.map
index 639152ba0..1549ec147 100644
--- a/lib/BuildSharp.js.map
+++ b/lib/BuildSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BuildSharp.js"],"names":["BuildSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BuildSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BuildSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M230 209.2L32 405.58 106.65 480l197.59-198.17c46.47 17.46 105.52 12.54 143-24.78 40.44-40.32 40.35-108 16.81-156.79l-87.33 87.06-52.32-52.13 87.33-87.06C363 24.46 294.67 24.34 254.23 64.66c-38.03 37.91-42.78 97.6-24.23 144.54z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuildSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuildSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BuildSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BuildSharp.js"],"names":["BuildSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BuildSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BuildSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M230 209.2L32 405.58 106.65 480l197.59-198.17c46.47 17.46 105.52 12.54 143-24.78 40.44-40.32 40.35-108 16.81-156.79l-87.33 87.06-52.32-52.13 87.33-87.06C363 24.46 294.67 24.34 254.23 64.66c-38.03 37.91-42.78 97.6-24.23 144.54z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBuildSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBuildSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BuildSharp"]}
\ No newline at end of file
diff --git a/lib/Bulb.js b/lib/Bulb.js
index 9c4c26611..88f5ed3a2 100644
--- a/lib/Bulb.js
+++ b/lib/Bulb.js
@@ -47,7 +47,7 @@ var Bulb = function Bulb(props) {
 Bulb.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bulb.js.map b/lib/Bulb.js.map
index df8ff37da..a6f3a47f4 100644
--- a/lib/Bulb.js.map
+++ b/lib/Bulb.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bulb.js"],"names":["Bulb","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2lBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Bulb.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bulb = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 464h-64a16 16 0 000 32h64a16 16 0 000-32zM304 416h-96a16 16 0 000 32h96a16 16 0 000-32zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v24a16 16 0 0016 16h24a8 8 0 008-8V274.82a8 8 0 00-5.13-7.47A130.73 130.73 0 01208.71 253a16 16 0 1118.58-26c7.4 5.24 21.65 13 28.71 13s21.31-7.78 28.73-13a16 16 0 0118.56 26 130.73 130.73 0 01-26.16 14.32 8 8 0 00-5.13 7.47V392a8 8 0 008 8h24a16 16 0 0016-16v-24c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulb.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulb.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bulb"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bulb.js"],"names":["Bulb","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2lBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Bulb.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bulb = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 464h-64a16 16 0 000 32h64a16 16 0 000-32zM304 416h-96a16 16 0 000 32h96a16 16 0 000-32zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v24a16 16 0 0016 16h24a8 8 0 008-8V274.82a8 8 0 00-5.13-7.47A130.73 130.73 0 01208.71 253a16 16 0 1118.58-26c7.4 5.24 21.65 13 28.71 13s21.31-7.78 28.73-13a16 16 0 0118.56 26 130.73 130.73 0 01-26.16 14.32 8 8 0 00-5.13 7.47V392a8 8 0 008 8h24a16 16 0 0016-16v-24c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulb.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulb.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bulb"]}
\ No newline at end of file
diff --git a/lib/BulbOutline.js b/lib/BulbOutline.js
index d28f5879a..ab6e4852c 100644
--- a/lib/BulbOutline.js
+++ b/lib/BulbOutline.js
@@ -48,7 +48,7 @@ var BulbOutline = function BulbOutline(props) {
 BulbOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BulbOutline.js.map b/lib/BulbOutline.js.map
index ccc7d0ced..9e4393914 100644
--- a/lib/BulbOutline.js.map
+++ b/lib/BulbOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BulbOutline.js"],"names":["BulbOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2MAAR,EAAoN,MAAK,MAAzN,EAAgO,QAAO,cAAvO,EAAsP,eAAc,OAApQ,EAA4Q,gBAAe,OAA3R,EAAmS,aAAY,IAA/S,GAAjK;AAAsd,8CAAM,GAAE,sCAAR,EAA+C,MAAK,MAApD,EAA2D,QAAO,cAAlE,EAAiF,eAAc,OAA/F,EAAuG,gBAAe,OAAtH,EAA8H,aAAY,IAA1I;AAAtd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BulbOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BulbOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 384v-24c0-29 31.54-56.43 52-76 28.84-27.57 44-64.61 44-108 0-80-63.73-144-144-144a143.6 143.6 0 00-144 144c0 41.84 15.81 81.39 44 108 20.35 19.21 52 46.7 52 76v24M224 480h64M208 432h96M256 384V256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M294 240s-21.51 16-38 16-38-16-38-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulbOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulbOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BulbOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BulbOutline.js"],"names":["BulbOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2MAAR,EAAoN,MAAK,MAAzN,EAAgO,QAAO,cAAvO,EAAsP,eAAc,OAApQ,EAA4Q,gBAAe,OAA3R,EAAmS,aAAY,IAA/S,GAAhK;AAAsd,8CAAM,GAAE,sCAAR,EAA+C,MAAK,MAApD,EAA2D,QAAO,cAAlE,EAAiF,eAAc,OAA/F,EAAuG,gBAAe,OAAtH,EAA8H,aAAY,IAA1I;AAAtd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"BulbOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BulbOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 384v-24c0-29 31.54-56.43 52-76 28.84-27.57 44-64.61 44-108 0-80-63.73-144-144-144a143.6 143.6 0 00-144 144c0 41.84 15.81 81.39 44 108 20.35 19.21 52 46.7 52 76v24M224 480h64M208 432h96M256 384V256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M294 240s-21.51 16-38 16-38-16-38-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulbOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulbOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BulbOutline"]}
\ No newline at end of file
diff --git a/lib/BulbSharp.js b/lib/BulbSharp.js
index 5decebd52..0fe84219f 100644
--- a/lib/BulbSharp.js
+++ b/lib/BulbSharp.js
@@ -47,7 +47,7 @@ var BulbSharp = function BulbSharp(props) {
 BulbSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BulbSharp.js.map b/lib/BulbSharp.js.map
index d6564ce43..9c97b9a04 100644
--- a/lib/BulbSharp.js.map
+++ b/lib/BulbSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BulbSharp.js"],"names":["BulbSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qXAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BulbSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BulbSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 464h96v32h-96zM192 416h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244 214 217.72 256 240l41.29-22.39 19.1 25.68-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulbSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulbSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BulbSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BulbSharp.js"],"names":["BulbSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qXAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"BulbSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BulbSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 464h96v32h-96zM192 416h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244 214 217.72 256 240l41.29-22.39 19.1 25.68-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBulbSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBulbSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BulbSharp"]}
\ No newline at end of file
diff --git a/lib/Bus.js b/lib/Bus.js
index 6446fb030..fc773358d 100644
--- a/lib/Bus.js
+++ b/lib/Bus.js
@@ -47,7 +47,7 @@ var Bus = function Bus(props) {
 Bus.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Bus.js.map b/lib/Bus.js.map
index 93bdaa9a0..03947b0f7 100644
--- a/lib/Bus.js.map
+++ b/lib/Bus.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Bus.js"],"names":["Bus","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4kBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bus.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bus = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 32H112a48 48 0 00-48 48v320a47.91 47.91 0 0016 35.74V454a26 26 0 0026 26h28a26 26 0 0026-26v-6h192v6a26 26 0 0026 26h28a26 26 0 0026-26v-18.26A47.91 47.91 0 00448 400V80a48 48 0 00-48-48zM147.47 399.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM236 288H112a16 16 0 01-16-16V144a16 16 0 0116-16h124a4 4 0 014 4v152a4 4 0 01-4 4zm20-192H112.46c-8.6 0-16-6.6-16.44-15.19A16 16 0 01112 64h287.54c8.6 0 16 6.6 16.44 15.19A16 16 0 01400 96H256zm20 32h124a16 16 0 0116 16v128a16 16 0 01-16 16H276a4 4 0 01-4-4V132a4 4 0 014-4zm60.18 243.47a32 32 0 1128.35 28.35 32 32 0 01-28.35-28.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBus.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBus.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bus"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Bus.js"],"names":["Bus","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4kBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Bus.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Bus = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 32H112a48 48 0 00-48 48v320a47.91 47.91 0 0016 35.74V454a26 26 0 0026 26h28a26 26 0 0026-26v-6h192v6a26 26 0 0026 26h28a26 26 0 0026-26v-18.26A47.91 47.91 0 00448 400V80a48 48 0 00-48-48zM147.47 399.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM236 288H112a16 16 0 01-16-16V144a16 16 0 0116-16h124a4 4 0 014 4v152a4 4 0 01-4 4zm20-192H112.46c-8.6 0-16-6.6-16.44-15.19A16 16 0 01112 64h287.54c8.6 0 16 6.6 16.44 15.19A16 16 0 01400 96H256zm20 32h124a16 16 0 0116 16v128a16 16 0 01-16 16H276a4 4 0 01-4-4V132a4 4 0 014-4zm60.18 243.47a32 32 0 1128.35 28.35 32 32 0 01-28.35-28.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBus.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBus.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Bus"]}
\ No newline at end of file
diff --git a/lib/BusOutline.js b/lib/BusOutline.js
index ed6feef50..422b9a4de 100644
--- a/lib/BusOutline.js
+++ b/lib/BusOutline.js
@@ -52,7 +52,7 @@ var BusOutline = function BusOutline(props) {
 BusOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BusOutline.js.map b/lib/BusOutline.js.map
index 9836f7c5e..8f756ed71 100644
--- a/lib/BusOutline.js.map
+++ b/lib/BusOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BusOutline.js"],"names":["BusOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAhU;AAA+d,8CAAM,GAAE,6NAAR,EAAsO,MAAK,MAA3O,EAAkP,QAAO,cAAzP,EAAwQ,eAAc,OAAtR,EAA8R,gBAAe,OAA7S,EAAqT,aAAY,IAAjU,GAA/d;AAAsyB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAAtyB;AAAk5B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAAl5B;AAA8/B,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG;AAA9/B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BusOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"112\" width=\"352\" height=\"192\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"80\" y=\"304\" width=\"352\" height=\"128\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M400 112H112a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32h288a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM144 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22zM416 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"368\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"144\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v192M80 80v288M432 80v288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BusOutline.js"],"names":["BusOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAhU;AAAge,8CAAM,GAAE,6NAAR,EAAsO,MAAK,MAA3O,EAAkP,QAAO,cAAzP,EAAwQ,eAAc,OAAtR,EAA8R,gBAAe,OAA7S,EAAqT,aAAY,IAAjU,GAAhe;AAAwyB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAAxyB;AAAq5B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAAr5B;AAAkgC,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG;AAAlgC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"BusOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"112\" width=\"352\" height=\"192\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"80\" y=\"304\" width=\"352\" height=\"128\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M400 112H112a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32h288a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM144 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22zM416 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"368\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"144\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 112v192M80 80v288M432 80v288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusOutline"]}
\ No newline at end of file
diff --git a/lib/BusSharp.js b/lib/BusSharp.js
index bf1e8800f..ba7ccff3f 100644
--- a/lib/BusSharp.js
+++ b/lib/BusSharp.js
@@ -48,7 +48,7 @@ var BusSharp = function BusSharp(props) {
 BusSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BusSharp.js.map b/lib/BusSharp.js.map
index 7021c810f..d0b0e0e73 100644
--- a/lib/BusSharp.js.map
+++ b/lib/BusSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BusSharp.js"],"names":["BusSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gDAAR,EAAyD,MAAK,MAA9D,GAAjK;AAAuO,8CAAM,GAAE,iUAAR;AAAvO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BusSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 64H112a16 16 0 000 32h288a16 16 0 000-32z\" fill=\"none\"/><path d=\"M424 32H88a24 24 0 00-24 24v360a32 32 0 0016 27.71V480h72v-32h208v32h72v-36.29A32 32 0 00448 416V56a24 24 0 00-24-24zM175.82 371.47a32 32 0 11-35.3-35.29 32.09 32.09 0 0135.3 35.29zM240 288H96V128h144zm16-192H96.46L96 64h320l-.46 32H256zm16 32h144v160H272zm64.18 236.53a32 32 0 1135.3 35.29 32.09 32.09 0 01-35.3-35.29z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BusSharp.js"],"names":["BusSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gDAAR,EAAyD,MAAK,MAA9D,GAAhK;AAAuO,8CAAM,GAAE,iUAAR;AAAvO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"BusSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 64H112a16 16 0 000 32h288a16 16 0 000-32z\" fill=\"none\" /><path d=\"M424 32H88a24 24 0 00-24 24v360a32 32 0 0016 27.71V480h72v-32h208v32h72v-36.29A32 32 0 00448 416V56a24 24 0 00-24-24zM175.82 371.47a32 32 0 11-35.3-35.29 32.09 32.09 0 0135.3 35.29zM240 288H96V128h144zm16-192H96.46L96 64h320l-.46 32H256zm16 32h144v160H272zm64.18 236.53a32 32 0 1135.3 35.29 32.09 32.09 0 01-35.3-35.29z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusSharp"]}
\ No newline at end of file
diff --git a/lib/Business.js b/lib/Business.js
index cc39f0b89..2b6adf56e 100644
--- a/lib/Business.js
+++ b/lib/Business.js
@@ -48,7 +48,7 @@ var Business = function Business(props) {
 Business.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Business.js.map b/lib/Business.js.map
index a3b636425..14201b7c1 100644
--- a/lib/Business.js.map
+++ b/lib/Business.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Business.js"],"names":["Business","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m9BAAR,GAAjK;AAA8nC,8CAAM,GAAE,8PAAR;AAA9nC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Business.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Business = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 176H320V64a48 48 0 00-48-48H80a48 48 0 00-48 48v416a16 16 0 0016 16h104a8 8 0 008-8v-71.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01192 416v72a8 8 0 008 8h264a16 16 0 0016-16V224a48 48 0 00-48-48zM98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 240a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 320a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM444 464H320V208h112a16 16 0 0116 16v236a4 4 0 01-4 4z\"/><path d=\"M400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusiness.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusiness.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Business"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Business.js"],"names":["Business","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m9BAAR,GAAhK;AAA8nC,8CAAM,GAAE,8PAAR;AAA9nC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Business.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Business = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 176H320V64a48 48 0 00-48-48H80a48 48 0 00-48 48v416a16 16 0 0016 16h104a8 8 0 008-8v-71.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01192 416v72a8 8 0 008 8h264a16 16 0 0016-16V224a48 48 0 00-48-48zM98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 240a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 320a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM444 464H320V208h112a16 16 0 0116 16v236a4 4 0 01-4 4z\" /><path d=\"M400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusiness.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusiness.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Business"]}
\ No newline at end of file
diff --git a/lib/BusinessOutline.js b/lib/BusinessOutline.js
index 64294cec9..9332f65f9 100644
--- a/lib/BusinessOutline.js
+++ b/lib/BusinessOutline.js
@@ -50,7 +50,7 @@ var BusinessOutline = function BusinessOutline(props) {
 BusinessOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BusinessOutline.js.map b/lib/BusinessOutline.js.map
index ac28a4e54..5d3e53a23 100644
--- a/lib/BusinessOutline.js.map
+++ b/lib/BusinessOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BusinessOutline.js"],"names":["BusinessOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG,GAAjK;AAAyZ,8CAAM,GAAE,6sBAAR,GAAzZ;AAAgnC,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,OAA9B,EAAsC,IAAG,OAAzC,EAAiD,WAAU,4BAA3D,GAAhnC;AAAysC,8CAAM,GAAE,0TAAR;AAAzsC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BusinessOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusinessOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 416v64M80 32h192a32 32 0 0132 32v412a4 4 0 01-4 4H48h0V64a32 32 0 0132-32zM320 192h112a32 32 0 0132 32v256h0-160 0V208a16 16 0 0116-16z\"/><path d=\"M98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z\"/><ellipse cx=\"256\" cy=\"176\" rx=\"15.95\" ry=\"16.03\" transform=\"rotate(-45 255.99 175.996)\"/><path d=\"M258.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusinessOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusinessOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusinessOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BusinessOutline.js"],"names":["BusinessOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG,GAAhK;AAAyZ,8CAAM,GAAE,6sBAAR,GAAzZ;AAAinC,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,OAA9B,EAAsC,IAAG,OAAzC,EAAiD,WAAU,4BAA3D,GAAjnC;AAA2sC,8CAAM,GAAE,0TAAR;AAA3sC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"BusinessOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusinessOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 416v64M80 32h192a32 32 0 0132 32v412a4 4 0 01-4 4H48h0V64a32 32 0 0132-32zM320 192h112a32 32 0 0132 32v256h0-160 0V208a16 16 0 0116-16z\" /><path d=\"M98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z\" /><ellipse cx=\"256\" cy=\"176\" rx=\"15.95\" ry=\"16.03\" transform=\"rotate(-45 255.99 175.996)\" /><path d=\"M258.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusinessOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusinessOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusinessOutline"]}
\ No newline at end of file
diff --git a/lib/BusinessSharp.js b/lib/BusinessSharp.js
index f73aa18bd..90161423c 100644
--- a/lib/BusinessSharp.js
+++ b/lib/BusinessSharp.js
@@ -48,7 +48,7 @@ var BusinessSharp = function BusinessSharp(props) {
 BusinessSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/BusinessSharp.js.map b/lib/BusinessSharp.js.map
index c7d24750c..737a7d32a 100644
--- a/lib/BusinessSharp.js.map
+++ b/lib/BusinessSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/BusinessSharp.js"],"names":["BusinessSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gWAAR,GAAjK;AAA2gB,8CAAM,GAAE,2DAAR;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BusinessSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusinessSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 176V16H32v480h128v-96h32v96h288V176zM112 432H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80V80h32zm128-32h32v32h-32zm-48 272h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32V80h32zm80 320h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32v32zm176 272H320v-32h32v-32h-32v-48h32v-32h-32v-48h32v-32h-32v-32h128z\"/><path d=\"M384 400h32v32h-32zM384 320h32v32h-32zM384 240h32v32h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusinessSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusinessSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusinessSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/BusinessSharp.js"],"names":["BusinessSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gWAAR,GAAhK;AAA2gB,8CAAM,GAAE,2DAAR;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"BusinessSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst BusinessSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 176V16H32v480h128v-96h32v96h288V176zM112 432H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80V80h32zm128-32h32v32h-32zm-48 272h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32V80h32zm80 320h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32v32zm176 272H320v-32h32v-32h-32v-48h32v-32h-32v-48h32v-32h-32v-32h128z\" /><path d=\"M384 400h32v32h-32zM384 320h32v32h-32zM384 240h32v32h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nBusinessSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nBusinessSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default BusinessSharp"]}
\ No newline at end of file
diff --git a/lib/Cafe.js b/lib/Cafe.js
index bff8528a9..52a9bf632 100644
--- a/lib/Cafe.js
+++ b/lib/Cafe.js
@@ -47,7 +47,7 @@ var Cafe = function Cafe(props) {
 Cafe.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cafe.js.map b/lib/Cafe.js.map
index a02584754..816474076 100644
--- a/lib/Cafe.js.map
+++ b/lib/Cafe.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cafe.js"],"names":["Cafe","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cafe.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cafe = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 64H96a16 16 0 00-16 16v192a96.11 96.11 0 0096 96h112a96.11 96.11 0 0096-96v-80h18a62.07 62.07 0 0062-62V96a32 32 0 00-32-32zm0 66a30 30 0 01-30 30h-18V96h48zM400 400H64a16 16 0 000 32h336a16 16 0 000-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafe.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafe.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cafe"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cafe.js"],"names":["Cafe","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cafe.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cafe = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 64H96a16 16 0 00-16 16v192a96.11 96.11 0 0096 96h112a96.11 96.11 0 0096-96v-80h18a62.07 62.07 0 0062-62V96a32 32 0 00-32-32zm0 66a30 30 0 01-30 30h-18V96h48zM400 400H64a16 16 0 000 32h336a16 16 0 000-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafe.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafe.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cafe"]}
\ No newline at end of file
diff --git a/lib/CafeOutline.js b/lib/CafeOutline.js
index 5b2e4776b..dd73eac14 100644
--- a/lib/CafeOutline.js
+++ b/lib/CafeOutline.js
@@ -47,7 +47,7 @@ var CafeOutline = function CafeOutline(props) {
 CafeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CafeOutline.js.map b/lib/CafeOutline.js.map
index 182741d80..e12ef42f6 100644
--- a/lib/CafeOutline.js.map
+++ b/lib/CafeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CafeOutline.js"],"names":["CafeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CafeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CafeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 80h64a16 16 0 0116 16v34a46 46 0 01-46 46h-34M96 80h272v192a80 80 0 01-80 80H176a80 80 0 01-80-80V80h0zM64 416h336\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CafeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CafeOutline.js"],"names":["CafeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CafeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CafeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 80h64a16 16 0 0116 16v34a46 46 0 01-46 46h-34M96 80h272v192a80 80 0 01-80 80H176a80 80 0 01-80-80V80h0zM64 416h336\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CafeOutline"]}
\ No newline at end of file
diff --git a/lib/CafeSharp.js b/lib/CafeSharp.js
index ab83ec202..1829fad8c 100644
--- a/lib/CafeSharp.js
+++ b/lib/CafeSharp.js
@@ -47,7 +47,7 @@ var CafeSharp = function CafeSharp(props) {
 CafeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CafeSharp.js.map b/lib/CafeSharp.js.map
index 508fddf18..c6938826c 100644
--- a/lib/CafeSharp.js.map
+++ b/lib/CafeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CafeSharp.js"],"names":["CafeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CafeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CafeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64H80v254.34a19.83 19.83 0 005.86 14.14l29.65 29.66a19.87 19.87 0 0014.15 5.86h204.68a19.87 19.87 0 0014.15-5.86l29.65-29.66a19.83 19.83 0 005.86-14.14V192h32a16 16 0 0011.31-4.69l32-32A16 16 0 00464 144V80a16 16 0 00-16-16zm-16 73.37L409.37 160H384V96h48zM48 400h368v32H48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CafeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CafeSharp.js"],"names":["CafeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CafeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CafeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64H80v254.34a19.83 19.83 0 005.86 14.14l29.65 29.66a19.87 19.87 0 0014.15 5.86h204.68a19.87 19.87 0 0014.15-5.86l29.65-29.66a19.83 19.83 0 005.86-14.14V192h32a16 16 0 0011.31-4.69l32-32A16 16 0 00464 144V80a16 16 0 00-16-16zm-16 73.37L409.37 160H384V96h48zM48 400h368v32H48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCafeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCafeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CafeSharp"]}
\ No newline at end of file
diff --git a/lib/Calculator.js b/lib/Calculator.js
index 7b4b50838..95d32d54f 100644
--- a/lib/Calculator.js
+++ b/lib/Calculator.js
@@ -47,7 +47,7 @@ var Calculator = function Calculator(props) {
 Calculator.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Calculator.js.map b/lib/Calculator.js.map
index acc7aa392..521404a0b 100644
--- a/lib/Calculator.js.map
+++ b/lib/Calculator.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Calculator.js"],"names":["Calculator","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0iBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Calculator.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Calculator = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 80a48.05 48.05 0 00-48-48H144a48.05 48.05 0 00-48 48v352a48.05 48.05 0 0048 48h224a48.05 48.05 0 0048-48zM168 432a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm88 160a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm112 136a24 24 0 01-48 0v-80a24 24 0 0148 0zm-24-136a24 24 0 1124-24 24 24 0 01-24 24zm19.31-100.69A16 16 0 01352 176H160a16 16 0 01-16-16V96a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-4.69 11.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculator.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculator.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Calculator"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Calculator.js"],"names":["Calculator","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0iBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Calculator.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Calculator = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 80a48.05 48.05 0 00-48-48H144a48.05 48.05 0 00-48 48v352a48.05 48.05 0 0048 48h224a48.05 48.05 0 0048-48zM168 432a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm88 160a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm112 136a24 24 0 01-48 0v-80a24 24 0 0148 0zm-24-136a24 24 0 1124-24 24 24 0 01-24 24zm19.31-100.69A16 16 0 01352 176H160a16 16 0 01-16-16V96a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-4.69 11.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculator.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculator.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Calculator"]}
\ No newline at end of file
diff --git a/lib/CalculatorOutline.js b/lib/CalculatorOutline.js
index 9c84d6cba..c01cabfef 100644
--- a/lib/CalculatorOutline.js
+++ b/lib/CalculatorOutline.js
@@ -56,7 +56,7 @@ var CalculatorOutline = function CalculatorOutline(props) {
 CalculatorOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalculatorOutline.js.map b/lib/CalculatorOutline.js.map
index c16ff11d8..b38cf9378 100644
--- a/lib/CalculatorOutline.js.map
+++ b/lib/CalculatorOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalculatorOutline.js"],"names":["CalculatorOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG,GAAhU;AAAsc,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtc;AAAwe,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxe;AAA0gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA1gB;AAA4iB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA5iB;AAA8kB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA9kB;AAAgnB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhnB;AAAkpB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAlpB;AAAorB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD;AAAprB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CalculatorOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalculatorOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"48\" width=\"288\" height=\"416\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160.01 112H352v64H160.01z\"/><circle cx=\"168\" cy=\"248\" r=\"24\"/><circle cx=\"256\" cy=\"248\" r=\"24\"/><circle cx=\"344\" cy=\"248\" r=\"24\"/><circle cx=\"168\" cy=\"328\" r=\"24\"/><circle cx=\"256\" cy=\"328\" r=\"24\"/><circle cx=\"168\" cy=\"408\" r=\"24\"/><circle cx=\"256\" cy=\"408\" r=\"24\"/><rect x=\"320\" y=\"304\" width=\"48\" height=\"128\" rx=\"24\" ry=\"24\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculatorOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculatorOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalculatorOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalculatorOutline.js"],"names":["CalculatorOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG,GAAhU;AAAuc,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAvc;AAA0e,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA1e;AAA6gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7gB;AAAgjB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhjB;AAAmlB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnlB;AAAsnB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtnB;AAAypB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAzpB;AAA4rB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD;AAA5rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CalculatorOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalculatorOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"48\" width=\"288\" height=\"416\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160.01 112H352v64H160.01z\" /><circle cx=\"168\" cy=\"248\" r=\"24\" /><circle cx=\"256\" cy=\"248\" r=\"24\" /><circle cx=\"344\" cy=\"248\" r=\"24\" /><circle cx=\"168\" cy=\"328\" r=\"24\" /><circle cx=\"256\" cy=\"328\" r=\"24\" /><circle cx=\"168\" cy=\"408\" r=\"24\" /><circle cx=\"256\" cy=\"408\" r=\"24\" /><rect x=\"320\" y=\"304\" width=\"48\" height=\"128\" rx=\"24\" ry=\"24\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculatorOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculatorOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalculatorOutline"]}
\ No newline at end of file
diff --git a/lib/CalculatorSharp.js b/lib/CalculatorSharp.js
index 2753e745c..d891de1cc 100644
--- a/lib/CalculatorSharp.js
+++ b/lib/CalculatorSharp.js
@@ -47,7 +47,7 @@ var CalculatorSharp = function CalculatorSharp(props) {
 CalculatorSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalculatorSharp.js.map b/lib/CalculatorSharp.js.map
index 4493731c0..7e62c138b 100644
--- a/lib/CalculatorSharp.js.map
+++ b/lib/CalculatorSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalculatorSharp.js"],"names":["CalculatorSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CalculatorSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalculatorSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 48a16 16 0 00-16-16H112a16 16 0 00-16 16v416a16 16 0 0016 16h288a16 16 0 0016-16zM192 432h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48V304h48zm0-160h-48v-48h48zm0-96H144V80h224z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculatorSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculatorSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalculatorSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalculatorSharp.js"],"names":["CalculatorSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CalculatorSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalculatorSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 48a16 16 0 00-16-16H112a16 16 0 00-16 16v416a16 16 0 0016 16h288a16 16 0 0016-16zM192 432h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48V304h48zm0-160h-48v-48h48zm0-96H144V80h224z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalculatorSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalculatorSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalculatorSharp"]}
\ No newline at end of file
diff --git a/lib/Calendar.js b/lib/Calendar.js
index 2b67b5f83..4a41d5fa2 100644
--- a/lib/Calendar.js
+++ b/lib/Calendar.js
@@ -47,7 +47,7 @@ var Calendar = function Calendar(props) {
 Calendar.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Calendar.js.map b/lib/Calendar.js.map
index abf32e254..d5e63b24e 100644
--- a/lib/Calendar.js.map
+++ b/lib/Calendar.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Calendar.js"],"names":["Calendar","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,snBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Calendar.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Calendar = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3H35a3 3 0 00-3 3zm344-208a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendar.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Calendar"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Calendar.js"],"names":["Calendar","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,snBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Calendar.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Calendar = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3H35a3 3 0 00-3 3zm344-208a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendar.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Calendar"]}
\ No newline at end of file
diff --git a/lib/CalendarClear.js b/lib/CalendarClear.js
index aea6f4df7..0300a806c 100644
--- a/lib/CalendarClear.js
+++ b/lib/CalendarClear.js
@@ -47,7 +47,7 @@ var CalendarClear = function CalendarClear(props) {
 CalendarClear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalendarClear.js.map b/lib/CalendarClear.js.map
index a0122d6a2..869debf30 100644
--- a/lib/CalendarClear.js.map
+++ b/lib/CalendarClear.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalendarClear.js"],"names":["CalendarClear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CalendarClear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V180a4 4 0 00-4-4H36a4 4 0 00-4 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClear.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClear.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClear"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalendarClear.js"],"names":["CalendarClear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CalendarClear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V180a4 4 0 00-4-4H36a4 4 0 00-4 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClear.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClear.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClear"]}
\ No newline at end of file
diff --git a/lib/CalendarClearOutline.js b/lib/CalendarClearOutline.js
index dbde517a5..13398950a 100644
--- a/lib/CalendarClearOutline.js
+++ b/lib/CalendarClearOutline.js
@@ -48,7 +48,7 @@ var CalendarClearOutline = function CalendarClearOutline(props) {
 CalendarClearOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalendarClearOutline.js.map b/lib/CalendarClearOutline.js.map
index 51133c0bc..f4c74cdc8 100644
--- a/lib/CalendarClearOutline.js.map
+++ b/lib/CalendarClearOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalendarClearOutline.js"],"names":["CalendarClearOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAjK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,iCAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CalendarClearOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClearOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32M464 160H48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClearOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClearOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClearOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalendarClearOutline.js"],"names":["CalendarClearOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAhK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,iCAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CalendarClearOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClearOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32M464 160H48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClearOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClearOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClearOutline"]}
\ No newline at end of file
diff --git a/lib/CalendarClearSharp.js b/lib/CalendarClearSharp.js
index 4bf1ebaa8..e50828046 100644
--- a/lib/CalendarClearSharp.js
+++ b/lib/CalendarClearSharp.js
@@ -47,7 +47,7 @@ var CalendarClearSharp = function CalendarClearSharp(props) {
 CalendarClearSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalendarClearSharp.js.map b/lib/CalendarClearSharp.js.map
index 52d80e74c..8e50c981d 100644
--- a/lib/CalendarClearSharp.js.map
+++ b/lib/CalendarClearSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalendarClearSharp.js"],"names":["CalendarClearSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0JAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CalendarClearSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClearSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V192H32zM480 87.77A23.8 23.8 0 00456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClearSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClearSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClearSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalendarClearSharp.js"],"names":["CalendarClearSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0JAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CalendarClearSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarClearSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V192H32zM480 87.77A23.8 23.8 0 00456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarClearSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarClearSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarClearSharp"]}
\ No newline at end of file
diff --git a/lib/CalendarOutline.js b/lib/CalendarOutline.js
index 533f8a028..5b5af5021 100644
--- a/lib/CalendarOutline.js
+++ b/lib/CalendarOutline.js
@@ -58,7 +58,7 @@ var CalendarOutline = function CalendarOutline(props) {
 CalendarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalendarOutline.js.map b/lib/CalendarOutline.js.map
index ac6a976be..10a719464 100644
--- a/lib/CalendarOutline.js.map
+++ b/lib/CalendarOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalendarOutline.js"],"names":["CalendarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAjK;AAAiS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjS;AAAmU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnU;AAAqW,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArW;AAAuY,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAvY;AAAya,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAza;AAA2c,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3c;AAA6e,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7e;AAA+gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA/gB;AAAijB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjjB;AAAmlB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,sBAAxG,GAAnlB;AAAmtB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,aAAlF;AAAntB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CalendarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\"/><circle cx=\"296\" cy=\"232\" r=\"24\"/><circle cx=\"376\" cy=\"232\" r=\"24\"/><circle cx=\"296\" cy=\"312\" r=\"24\"/><circle cx=\"376\" cy=\"312\" r=\"24\"/><circle cx=\"136\" cy=\"312\" r=\"24\"/><circle cx=\"216\" cy=\"312\" r=\"24\"/><circle cx=\"136\" cy=\"392\" r=\"24\"/><circle cx=\"216\" cy=\"392\" r=\"24\"/><circle cx=\"296\" cy=\"392\" r=\"24\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 160H48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalendarOutline.js"],"names":["CalendarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAhK;AAAiS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjS;AAAoU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAApU;AAAuW,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAvW;AAA0Y,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA1Y;AAA6a,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7a;AAAgd,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhd;AAAmf,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnf;AAAshB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAthB;AAAyjB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAzjB;AAA4lB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,sBAAxG,GAA5lB;AAA6tB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,aAAlF;AAA7tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CalendarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\" /><circle cx=\"296\" cy=\"232\" r=\"24\" /><circle cx=\"376\" cy=\"232\" r=\"24\" /><circle cx=\"296\" cy=\"312\" r=\"24\" /><circle cx=\"376\" cy=\"312\" r=\"24\" /><circle cx=\"136\" cy=\"312\" r=\"24\" /><circle cx=\"216\" cy=\"312\" r=\"24\" /><circle cx=\"136\" cy=\"392\" r=\"24\" /><circle cx=\"216\" cy=\"392\" r=\"24\" /><circle cx=\"296\" cy=\"392\" r=\"24\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 160H48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarOutline"]}
\ No newline at end of file
diff --git a/lib/CalendarSharp.js b/lib/CalendarSharp.js
index 721fe6b88..545d3f34b 100644
--- a/lib/CalendarSharp.js
+++ b/lib/CalendarSharp.js
@@ -47,7 +47,7 @@ var CalendarSharp = function CalendarSharp(props) {
 CalendarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CalendarSharp.js.map b/lib/CalendarSharp.js.map
index 49ad41562..b4103660b 100644
--- a/lib/CalendarSharp.js.map
+++ b/lib/CalendarSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CalendarSharp.js"],"names":["CalendarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wvBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CalendarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm320-244a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CalendarSharp.js"],"names":["CalendarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wvBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CalendarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CalendarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm320-244a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCalendarSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCalendarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CalendarSharp"]}
\ No newline at end of file
diff --git a/lib/Call.js b/lib/Call.js
index 15174f5d7..ecd9b6f6e 100644
--- a/lib/Call.js
+++ b/lib/Call.js
@@ -47,7 +47,7 @@ var Call = function Call(props) {
 Call.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Call.js.map b/lib/Call.js.map
index b4023b7a6..13e3febc7 100644
--- a/lib/Call.js.map
+++ b/lib/Call.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Call.js"],"names":["Call","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6zBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Call.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Call = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M391 480c-19.52 0-46.94-7.06-88-30-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0128.64-15.2c1-.43 1.93-.84 2.76-1.21 4.95-2.23 12.45-5.6 21.95-2 6.34 2.38 12 7.25 20.86 16 18.17 17.92 43 57.83 52.16 77.43 6.15 13.21 10.22 21.93 10.23 31.71 0 11.45-5.76 20.28-12.75 29.81-1.31 1.79-2.61 3.5-3.87 5.16-7.61 10-9.28 12.89-8.18 18.05 2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47 1.48-1.13 3-2.3 4.59-3.47 10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18 18 9.08 59.11 33.59 77.14 51.78 8.77 8.84 13.66 14.48 16.05 20.81 3.6 9.53.21 17-2 22-.37.83-.78 1.74-1.21 2.75a176.49 176.49 0 01-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.42 67.42 0 01391 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCall.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCall.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Call"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Call.js"],"names":["Call","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6zBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Call.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Call = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M391 480c-19.52 0-46.94-7.06-88-30-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0128.64-15.2c1-.43 1.93-.84 2.76-1.21 4.95-2.23 12.45-5.6 21.95-2 6.34 2.38 12 7.25 20.86 16 18.17 17.92 43 57.83 52.16 77.43 6.15 13.21 10.22 21.93 10.23 31.71 0 11.45-5.76 20.28-12.75 29.81-1.31 1.79-2.61 3.5-3.87 5.16-7.61 10-9.28 12.89-8.18 18.05 2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47 1.48-1.13 3-2.3 4.59-3.47 10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18 18 9.08 59.11 33.59 77.14 51.78 8.77 8.84 13.66 14.48 16.05 20.81 3.6 9.53.21 17-2 22-.37.83-.78 1.74-1.21 2.75a176.49 176.49 0 01-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.42 67.42 0 01391 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCall.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCall.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Call"]}
\ No newline at end of file
diff --git a/lib/CallOutline.js b/lib/CallOutline.js
index 4c43346ce..a4e5fcb5e 100644
--- a/lib/CallOutline.js
+++ b/lib/CallOutline.js
@@ -47,7 +47,7 @@ var CallOutline = function CallOutline(props) {
 CallOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CallOutline.js.map b/lib/CallOutline.js.map
index ed85e67e0..92f06ae15 100644
--- a/lib/CallOutline.js.map
+++ b/lib/CallOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CallOutline.js"],"names":["CallOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kfAAR,EAA2f,MAAK,MAAhgB,EAAugB,QAAO,cAA9gB,EAA6hB,kBAAiB,IAA9iB,EAAmjB,aAAY,IAA/jB;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CallOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CallOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M451 374c-15.88-16-54.34-39.35-73-48.76-24.3-12.24-26.3-13.24-45.4.95-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48 5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160.15 160.15 0 0083 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64 54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159.09 159.09 0 0013.8-25.8C465 391.17 468 391.17 451 374z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCallOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCallOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CallOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CallOutline.js"],"names":["CallOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kfAAR,EAA2f,MAAK,MAAhgB,EAAugB,QAAO,cAA9gB,EAA6hB,kBAAiB,IAA9iB,EAAmjB,aAAY,IAA/jB;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CallOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CallOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M451 374c-15.88-16-54.34-39.35-73-48.76-24.3-12.24-26.3-13.24-45.4.95-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48 5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160.15 160.15 0 0083 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64 54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159.09 159.09 0 0013.8-25.8C465 391.17 468 391.17 451 374z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCallOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCallOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CallOutline"]}
\ No newline at end of file
diff --git a/lib/CallSharp.js b/lib/CallSharp.js
index fca58ae9b..2bc0877f5 100644
--- a/lib/CallSharp.js
+++ b/lib/CallSharp.js
@@ -47,7 +47,7 @@ var CallSharp = function CallSharp(props) {
 CallSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CallSharp.js.map b/lib/CallSharp.js.map
index 217e35623..adbb2c919 100644
--- a/lib/CallSharp.js.map
+++ b/lib/CallSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CallSharp.js"],"names":["CallSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wrBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CallSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CallSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.94 370.14c-5.22-5.56-23.65-22-57.53-43.75-34.13-21.94-59.3-35.62-66.52-38.81a3.83 3.83 0 00-3.92.49c-11.63 9.07-31.21 25.73-32.26 26.63-6.78 5.81-6.78 5.81-12.33 4-9.76-3.2-40.08-19.3-66.5-45.78s-43.35-57.55-46.55-67.3c-1.83-5.56-1.83-5.56 4-12.34.9-1.05 17.57-20.63 26.64-32.25a3.83 3.83 0 00.49-3.92c-3.19-7.23-16.87-32.39-38.81-66.52-21.78-33.87-38.2-52.3-43.76-57.52a3.9 3.9 0 00-3.89-.87 322.35 322.35 0 00-56 25.45A338 338 0 0033.35 92a3.83 3.83 0 00-1.26 3.74c2.09 9.74 12.08 50.4 43.08 106.72 31.63 57.48 53.55 86.93 100 133.22S252 405.21 309.54 436.84c56.32 31 97 41 106.72 43.07a3.86 3.86 0 003.75-1.26A337.73 337.73 0 00454.35 430a322.7 322.7 0 0025.45-56 3.9 3.9 0 00-.86-3.86z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCallSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCallSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CallSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CallSharp.js"],"names":["CallSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wrBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CallSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CallSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.94 370.14c-5.22-5.56-23.65-22-57.53-43.75-34.13-21.94-59.3-35.62-66.52-38.81a3.83 3.83 0 00-3.92.49c-11.63 9.07-31.21 25.73-32.26 26.63-6.78 5.81-6.78 5.81-12.33 4-9.76-3.2-40.08-19.3-66.5-45.78s-43.35-57.55-46.55-67.3c-1.83-5.56-1.83-5.56 4-12.34.9-1.05 17.57-20.63 26.64-32.25a3.83 3.83 0 00.49-3.92c-3.19-7.23-16.87-32.39-38.81-66.52-21.78-33.87-38.2-52.3-43.76-57.52a3.9 3.9 0 00-3.89-.87 322.35 322.35 0 00-56 25.45A338 338 0 0033.35 92a3.83 3.83 0 00-1.26 3.74c2.09 9.74 12.08 50.4 43.08 106.72 31.63 57.48 53.55 86.93 100 133.22S252 405.21 309.54 436.84c56.32 31 97 41 106.72 43.07a3.86 3.86 0 003.75-1.26A337.73 337.73 0 00454.35 430a322.7 322.7 0 0025.45-56 3.9 3.9 0 00-.86-3.86z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCallSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCallSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CallSharp"]}
\ No newline at end of file
diff --git a/lib/Camera.js b/lib/Camera.js
index e119a04b8..d92681e25 100644
--- a/lib/Camera.js
+++ b/lib/Camera.js
@@ -48,7 +48,7 @@ var Camera = function Camera(props) {
 Camera.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Camera.js.map b/lib/Camera.js.map
index 5fff3128d..b81f698b7 100644
--- a/lib/Camera.js.map
+++ b/lib/Camera.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Camera.js"],"names":["Camera","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,2YAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Camera.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Camera = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"64\"/><path d=\"M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM256 368a96 96 0 1196-96 96.11 96.11 0 01-96 96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCamera.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCamera.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Camera"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Camera.js"],"names":["Camera","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,2YAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Camera.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Camera = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"64\" /><path d=\"M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM256 368a96 96 0 1196-96 96.11 96.11 0 01-96 96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCamera.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCamera.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Camera"]}
\ No newline at end of file
diff --git a/lib/CameraOutline.js b/lib/CameraOutline.js
index ec0b15c11..d06d35f3e 100644
--- a/lib/CameraOutline.js
+++ b/lib/CameraOutline.js
@@ -49,7 +49,7 @@ var CameraOutline = function CameraOutline(props) {
 CameraOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CameraOutline.js.map b/lib/CameraOutline.js.map
index d9a086f91..8ff06930e 100644
--- a/lib/CameraOutline.js.map
+++ b/lib/CameraOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CameraOutline.js"],"names":["CameraOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW,GAAjK;AAA6gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA7gB;AAAwnB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAxnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CameraOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"272\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M124 158v-22h-24v22\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CameraOutline.js"],"names":["CameraOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW,GAAhK;AAA6gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA7gB;AAAynB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAznB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CameraOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"272\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M124 158v-22h-24v22\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraOutline"]}
\ No newline at end of file
diff --git a/lib/CameraReverse.js b/lib/CameraReverse.js
index d120a389c..654d41936 100644
--- a/lib/CameraReverse.js
+++ b/lib/CameraReverse.js
@@ -47,7 +47,7 @@ var CameraReverse = function CameraReverse(props) {
 CameraReverse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CameraReverse.js.map b/lib/CameraReverse.js.map
index 342c82f52..f88f4808e 100644
--- a/lib/CameraReverse.js.map
+++ b/lib/CameraReverse.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CameraReverse.js"],"names":["CameraReverse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yqBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CameraReverse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM316.84 346.3a96.06 96.06 0 01-155.66-59.18 16 16 0 01-16.49-26.43l20-20a16 16 0 0122.62 0l20 20A16 16 0 01196 288a17.31 17.31 0 01-2-.14 64.07 64.07 0 00102.66 33.63 16 16 0 1120.21 24.81zm50.47-63l-20 20a16 16 0 01-22.62 0l-20-20a16 16 0 0113.09-27.2A64 64 0 00215 222.64 16 16 0 11194.61 198a96 96 0 01156 59 16 16 0 0116.72 26.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverse.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverse"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CameraReverse.js"],"names":["CameraReverse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yqBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CameraReverse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM316.84 346.3a96.06 96.06 0 01-155.66-59.18 16 16 0 01-16.49-26.43l20-20a16 16 0 0122.62 0l20 20A16 16 0 01196 288a17.31 17.31 0 01-2-.14 64.07 64.07 0 00102.66 33.63 16 16 0 1120.21 24.81zm50.47-63l-20 20a16 16 0 01-22.62 0l-20-20a16 16 0 0113.09-27.2A64 64 0 00215 222.64 16 16 0 11194.61 198a96 96 0 01156 59 16 16 0 0116.72 26.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverse.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverse"]}
\ No newline at end of file
diff --git a/lib/CameraReverseOutline.js b/lib/CameraReverseOutline.js
index c7704b61a..f2b354171 100644
--- a/lib/CameraReverseOutline.js
+++ b/lib/CameraReverseOutline.js
@@ -49,7 +49,7 @@ var CameraReverseOutline = function CameraReverseOutline(props) {
 CameraReverseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CameraReverseOutline.js.map b/lib/CameraReverseOutline.js.map
index c052d8e50..9f9ae9113 100644
--- a/lib/CameraReverseOutline.js.map
+++ b/lib/CameraReverseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CameraReverseOutline.js"],"names":["CameraReverseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW,GAAjK;AAA6gB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qGAAxG,GAA7gB;AAA4tB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAA5tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CameraReverseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M124 158v-22h-24v22M335.76 285.22v-13.31a80 80 0 00-131-61.6M176 258.78v13.31a80 80 0 00130.73 61.8\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M196 272l-20-20-20 20M356 272l-20 20-20-20\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CameraReverseOutline.js"],"names":["CameraReverseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW,GAAhK;AAA6gB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qGAAxG,GAA7gB;AAA6tB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAA7tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CameraReverseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M124 158v-22h-24v22M335.76 285.22v-13.31a80 80 0 00-131-61.6M176 258.78v13.31a80 80 0 00130.73 61.8\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M196 272l-20-20-20 20M356 272l-20 20-20-20\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverseOutline"]}
\ No newline at end of file
diff --git a/lib/CameraReverseSharp.js b/lib/CameraReverseSharp.js
index fd6827ce7..e34329d5a 100644
--- a/lib/CameraReverseSharp.js
+++ b/lib/CameraReverseSharp.js
@@ -47,7 +47,7 @@ var CameraReverseSharp = function CameraReverseSharp(props) {
 CameraReverseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CameraReverseSharp.js.map b/lib/CameraReverseSharp.js.map
index 2ead2b9bb..f3e618519 100644
--- a/lib/CameraReverseSharp.js.map
+++ b/lib/CameraReverseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CameraReverseSharp.js"],"names":["CameraReverseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ygBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CameraReverseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 144h-83c-3 0-6.72-1.94-9.62-5l-27.31-42.79C326 80 320 80 302 80h-92c-18 0-23 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM256 368c-47.82 0-87.76-34.23-95-80h-43.63L176 229.37 234.63 288H194a64.07 64.07 0 00102.63 33.49L320 343l-3.68 3.72A96.64 96.64 0 01256 368zm80-53.84L277.11 256H318a64.26 64.26 0 00-103-33.36L192 200l3.14-2.45A96.19 96.19 0 01255.76 176c47.85 0 87 34.19 94.24 80h44.92z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CameraReverseSharp.js"],"names":["CameraReverseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ygBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CameraReverseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraReverseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 144h-83c-3 0-6.72-1.94-9.62-5l-27.31-42.79C326 80 320 80 302 80h-92c-18 0-23 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM256 368c-47.82 0-87.76-34.23-95-80h-43.63L176 229.37 234.63 288H194a64.07 64.07 0 00102.63 33.49L320 343l-3.68 3.72A96.64 96.64 0 01256 368zm80-53.84L277.11 256H318a64.26 64.26 0 00-103-33.36L192 200l3.14-2.45A96.19 96.19 0 01255.76 176c47.85 0 87 34.19 94.24 80h44.92z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraReverseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraReverseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraReverseSharp"]}
\ No newline at end of file
diff --git a/lib/CameraSharp.js b/lib/CameraSharp.js
index 5db49b4ce..af0c0b3d1 100644
--- a/lib/CameraSharp.js
+++ b/lib/CameraSharp.js
@@ -48,7 +48,7 @@ var CameraSharp = function CameraSharp(props) {
 CameraSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CameraSharp.js.map b/lib/CameraSharp.js.map
index 6fd19fb0b..e0c67692a 100644
--- a/lib/CameraSharp.js.map
+++ b/lib/CameraSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CameraSharp.js"],"names":["CameraSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,0TAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CameraSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"64\"/><path d=\"M456 144h-83c-3 0-6.72-1.94-9.62-5L336.1 96.2C325 80 320 80 302 80h-92c-18 0-24 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM260.51 367.9a96 96 0 1191.39-91.39 96.11 96.11 0 01-91.39 91.39z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CameraSharp.js"],"names":["CameraSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,0TAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CameraSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CameraSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"64\" /><path d=\"M456 144h-83c-3 0-6.72-1.94-9.62-5L336.1 96.2C325 80 320 80 302 80h-92c-18 0-24 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM260.51 367.9a96 96 0 1191.39-91.39 96.11 96.11 0 01-91.39 91.39z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCameraSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCameraSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CameraSharp"]}
\ No newline at end of file
diff --git a/lib/Car.js b/lib/Car.js
index d8233816d..e4e35d487 100644
--- a/lib/Car.js
+++ b/lib/Car.js
@@ -47,7 +47,7 @@ var Car = function Car(props) {
 Car.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Car.js.map b/lib/Car.js.map
index 1d459db0b..b10fd2fbc 100644
--- a/lib/Car.js.map
+++ b/lib/Car.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Car.js"],"names":["Car","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,icAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Car.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Car = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.68 220.78a16 16 0 00-1-3.08l-37.78-88.16C400.19 109.17 379 96 354.89 96H157.11c-24.09 0-45.3 13.17-54 33.54L65.29 217.7A15.72 15.72 0 0064 224v176a16 16 0 0016 16h32a16 16 0 0016-16v-16h256v16a16 16 0 0016 16h32a16 16 0 0016-16V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l28.23-65.85C136.11 133.69 146 128 157.11 128h197.78c11.1 0 21 5.69 24.62 14.15L407.74 208z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCar.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Car"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Car.js"],"names":["Car","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,icAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Car.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Car = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.68 220.78a16 16 0 00-1-3.08l-37.78-88.16C400.19 109.17 379 96 354.89 96H157.11c-24.09 0-45.3 13.17-54 33.54L65.29 217.7A15.72 15.72 0 0064 224v176a16 16 0 0016 16h32a16 16 0 0016-16v-16h256v16a16 16 0 0016 16h32a16 16 0 0016-16V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l28.23-65.85C136.11 133.69 146 128 157.11 128h197.78c11.1 0 21 5.69 24.62 14.15L407.74 208z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCar.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Car"]}
\ No newline at end of file
diff --git a/lib/CarOutline.js b/lib/CarOutline.js
index c32f8bd23..d1f348e3e 100644
--- a/lib/CarOutline.js
+++ b/lib/CarOutline.js
@@ -49,7 +49,7 @@ var CarOutline = function CarOutline(props) {
 CarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CarOutline.js.map b/lib/CarOutline.js.map
index c43f3d137..02ba5aa7d 100644
--- a/lib/CarOutline.js.map
+++ b/lib/CarOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CarOutline.js"],"names":["CarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4JAAR,EAAqK,MAAK,MAA1K,EAAiL,QAAO,cAAxL,EAAuM,eAAc,OAArN,EAA6N,gBAAe,OAA5O,EAAoP,aAAY,IAAhQ,GAAjK;AAAua,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAva;AAAyiB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAAziB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80zM112 368v32H80v-32M432 368v32h-32v-32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"144\" cy=\"288\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"368\" cy=\"288\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CarOutline.js"],"names":["CarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4JAAR,EAAqK,MAAK,MAA1K,EAAiL,QAAO,cAAxL,EAAuM,eAAc,OAArN,EAA6N,gBAAe,OAA5O,EAAoP,aAAY,IAAhQ,GAAhK;AAAua,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAva;AAA0iB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA1iB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80zM112 368v32H80v-32M432 368v32h-32v-32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"144\" cy=\"288\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"368\" cy=\"288\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarOutline"]}
\ No newline at end of file
diff --git a/lib/CarSharp.js b/lib/CarSharp.js
index 03e90dc46..a6d6f89c6 100644
--- a/lib/CarSharp.js
+++ b/lib/CarSharp.js
@@ -47,7 +47,7 @@ var CarSharp = function CarSharp(props) {
 CarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CarSharp.js.map b/lib/CarSharp.js.map
index 97627c861..bddabd582 100644
--- a/lib/CarSharp.js.map
+++ b/lib/CarSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CarSharp.js"],"names":["CarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.68 220.78a16.44 16.44 0 00-1-3.1l-48-112A16 16 0 00384 96H128a16 16 0 00-14.71 9.7l-48 112a16.44 16.44 0 00-1 3.1A16.15 16.15 0 0064 224v184a8 8 0 008 8h32a8 8 0 008-8v-24h288v24a8 8 0 008 8h32a8 8 0 008-8V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l34.29-80h234.9l34.29 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CarSharp.js"],"names":["CarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.68 220.78a16.44 16.44 0 00-1-3.1l-48-112A16 16 0 00384 96H128a16 16 0 00-14.71 9.7l-48 112a16.44 16.44 0 00-1 3.1A16.15 16.15 0 0064 224v184a8 8 0 008 8h32a8 8 0 008-8v-24h288v24a8 8 0 008 8h32a8 8 0 008-8V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l34.29-80h234.9l34.29 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSharp"]}
\ No newline at end of file
diff --git a/lib/CarSport.js b/lib/CarSport.js
index 242a6b61b..cd96f4827 100644
--- a/lib/CarSport.js
+++ b/lib/CarSport.js
@@ -47,7 +47,7 @@ var CarSport = function CarSport(props) {
 CarSport.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CarSport.js.map b/lib/CarSport.js.map
index d0b738c64..a56fb71a3 100644
--- a/lib/CarSport.js.map
+++ b/lib/CarSport.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CarSport.js"],"names":["CarSport","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,myDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CarSport.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSport = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M494.26 276.22c-3.6-40.41-9.53-48.28-11.77-51.24-5.15-6.84-13.39-11.31-22.11-16a3.6 3.6 0 01-.91-5.68 15.93 15.93 0 004.53-12.53A16.27 16.27 0 00447.65 176h-15.6a17 17 0 00-2 .13 8.5 8.5 0 00-1.41-.47c-9.24-19.53-21.89-46.27-48.11-59.32C341.64 97 270 96 256 96s-85.64 1-124.48 20.31c-26.22 13.05-38.87 39.79-48.11 59.32l-.08.16a6.52 6.52 0 00-1.35.34 17 17 0 00-2-.13H64.35A16.27 16.27 0 0048 190.77a15.93 15.93 0 004.59 12.47 3.6 3.6 0 01-.91 5.68c-8.72 4.72-17 9.19-22.11 16-2.24 3-8.16 10.83-11.77 51.24-2 22.74-2.3 46.28-.73 61.44 3.29 31.5 9.46 50.54 9.72 51.33a16 16 0 0013.2 10.87v.2a16 16 0 0016 16h56a16 16 0 0016-16c8.61 0 14.6-1.54 20.95-3.18a158.83 158.83 0 0128-4.91C207.45 389 237.79 388 256 388c17.84 0 49.52 1 80.08 3.91a159.16 159.16 0 0128.11 4.93c6.08 1.56 11.85 3 19.84 3.15a16 16 0 0016 16h56a16 16 0 0016-16v-.12A16 16 0 00485.27 389c.26-.79 6.43-19.83 9.72-51.33 1.57-15.17 1.29-38.67-.73-61.45zm-381.93-86.91c8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35l1 2.17a8 8 0 01-7.44 11.42C360 202 290 199.12 256 199.12s-104 2.95-137.28 3.85a8 8 0 01-7.44-11.42c.35-.74.72-1.49 1.05-2.24zm11.93 79.63A427.17 427.17 0 0172.42 272c-10.6 0-21.53-3-23.56-12.44-1.39-6.35-1.24-9.92-.49-13.51C49 243 50 240.78 55 240c13-2 20.27.51 41.55 6.78 14.11 4.15 24.29 9.68 30.09 14.06 2.91 2.16 1.36 7.8-2.38 8.1zm221.38 82c-13.16 1.5-39.48.95-89.34.95s-76.17.55-89.33-.95c-13.58-1.51-30.89-14.35-19.07-25.79 7.87-7.54 26.23-13.18 50.68-16.35s34.8-4.8 57.62-4.8 32.12 1 57.62 4.81 44.77 9.52 50.68 16.35c10.78 12.24-5.29 24.19-18.86 25.84zm117.5-91.39c-2 9.48-13 12.44-23.56 12.44a455.91 455.91 0 01-52.84-3.06c-3.06-.29-4.48-5.66-1.38-8.1 5.71-4.49 16-9.91 30.09-14.06 21.28-6.27 33.55-8.78 44.09-6.69 2.57.51 3.93 3.27 4.09 5a40.64 40.64 0 01-.49 14.48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSport.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSport.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSport"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CarSport.js"],"names":["CarSport","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,myDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CarSport.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSport = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M494.26 276.22c-3.6-40.41-9.53-48.28-11.77-51.24-5.15-6.84-13.39-11.31-22.11-16a3.6 3.6 0 01-.91-5.68 15.93 15.93 0 004.53-12.53A16.27 16.27 0 00447.65 176h-15.6a17 17 0 00-2 .13 8.5 8.5 0 00-1.41-.47c-9.24-19.53-21.89-46.27-48.11-59.32C341.64 97 270 96 256 96s-85.64 1-124.48 20.31c-26.22 13.05-38.87 39.79-48.11 59.32l-.08.16a6.52 6.52 0 00-1.35.34 17 17 0 00-2-.13H64.35A16.27 16.27 0 0048 190.77a15.93 15.93 0 004.59 12.47 3.6 3.6 0 01-.91 5.68c-8.72 4.72-17 9.19-22.11 16-2.24 3-8.16 10.83-11.77 51.24-2 22.74-2.3 46.28-.73 61.44 3.29 31.5 9.46 50.54 9.72 51.33a16 16 0 0013.2 10.87v.2a16 16 0 0016 16h56a16 16 0 0016-16c8.61 0 14.6-1.54 20.95-3.18a158.83 158.83 0 0128-4.91C207.45 389 237.79 388 256 388c17.84 0 49.52 1 80.08 3.91a159.16 159.16 0 0128.11 4.93c6.08 1.56 11.85 3 19.84 3.15a16 16 0 0016 16h56a16 16 0 0016-16v-.12A16 16 0 00485.27 389c.26-.79 6.43-19.83 9.72-51.33 1.57-15.17 1.29-38.67-.73-61.45zm-381.93-86.91c8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35l1 2.17a8 8 0 01-7.44 11.42C360 202 290 199.12 256 199.12s-104 2.95-137.28 3.85a8 8 0 01-7.44-11.42c.35-.74.72-1.49 1.05-2.24zm11.93 79.63A427.17 427.17 0 0172.42 272c-10.6 0-21.53-3-23.56-12.44-1.39-6.35-1.24-9.92-.49-13.51C49 243 50 240.78 55 240c13-2 20.27.51 41.55 6.78 14.11 4.15 24.29 9.68 30.09 14.06 2.91 2.16 1.36 7.8-2.38 8.1zm221.38 82c-13.16 1.5-39.48.95-89.34.95s-76.17.55-89.33-.95c-13.58-1.51-30.89-14.35-19.07-25.79 7.87-7.54 26.23-13.18 50.68-16.35s34.8-4.8 57.62-4.8 32.12 1 57.62 4.81 44.77 9.52 50.68 16.35c10.78 12.24-5.29 24.19-18.86 25.84zm117.5-91.39c-2 9.48-13 12.44-23.56 12.44a455.91 455.91 0 01-52.84-3.06c-3.06-.29-4.48-5.66-1.38-8.1 5.71-4.49 16-9.91 30.09-14.06 21.28-6.27 33.55-8.78 44.09-6.69 2.57.51 3.93 3.27 4.09 5a40.64 40.64 0 01-.49 14.48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSport.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSport.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSport"]}
\ No newline at end of file
diff --git a/lib/CarSportOutline.js b/lib/CarSportOutline.js
index 3b319837b..93240966c 100644
--- a/lib/CarSportOutline.js
+++ b/lib/CarSportOutline.js
@@ -49,7 +49,7 @@ var CarSportOutline = function CarSportOutline(props) {
 CarSportOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CarSportOutline.js.map b/lib/CarSportOutline.js.map
index 8d58e3a4f..93e3fb7f1 100644
--- a/lib/CarSportOutline.js.map
+++ b/lib/CarSportOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CarSportOutline.js"],"names":["CarSportOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gWAAR,EAAyW,MAAK,MAA9W,EAAqX,QAAO,cAA5X,EAA2Y,eAAc,OAAzZ,EAAia,gBAAe,OAAhb,EAAwb,aAAY,IAApc,GAAjK;AAA2mB,8CAAM,GAAE,ooBAAR,GAA3mB;AAAyvC,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4DAAxG;AAAzvC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CarSportOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSportOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.71 234.6c-7.33-9.73-34.56-16.43-46.08-33.94s-20.95-55.43-50.27-70S288 112 256 112s-88 4-117.36 18.63-38.75 52.52-50.27 70-38.75 24.24-46.08 33.97S29.8 305.84 32.94 336s9 48 9 48h86c14.08 0 18.66-5.29 47.46-8 31.6-3 62.6-4 80.6-4s50 1 81.58 4c28.8 2.73 33.53 8 47.46 8h85s5.86-17.84 9-48-2.04-91.67-9.33-101.4zM400 384h56v16h-56zM56 384h56v16H56z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M364.47 309.16c-5.91-6.83-25.17-12.53-50.67-16.35S279 288 256.2 288s-33.17 1.64-57.61 4.81-42.79 8.81-50.66 16.35C136.12 320.6 153.42 333.44 167 335c13.16 1.5 39.47.95 89.31.95s76.15.55 89.31-.95c13.56-1.65 29.62-13.6 18.85-25.84zM431.57 243.05a3.23 3.23 0 00-3.1-3c-11.81-.42-23.8.42-45.07 6.69a93.88 93.88 0 00-30.08 15.06c-2.28 1.78-1.47 6.59 1.39 7.1a455.32 455.32 0 0052.82 3.1c10.59 0 21.52-3 23.55-12.44a52.41 52.41 0 00.49-16.51zM80.43 243.05a3.23 3.23 0 013.1-3c11.81-.42 23.8.42 45.07 6.69a93.88 93.88 0 0130.08 15.06c2.28 1.78 1.47 6.59-1.39 7.1a455.32 455.32 0 01-52.82 3.1c-10.59 0-21.52-3-23.55-12.44a52.41 52.41 0 01-.49-16.51z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 192h16M64 192h16M78 211s46.35-12 178-12 178 12 178 12\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSportOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSportOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSportOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CarSportOutline.js"],"names":["CarSportOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gWAAR,EAAyW,MAAK,MAA9W,EAAqX,QAAO,cAA5X,EAA2Y,eAAc,OAAzZ,EAAia,gBAAe,OAAhb,EAAwb,aAAY,IAApc,GAAhK;AAA2mB,8CAAM,GAAE,ooBAAR,GAA3mB;AAA0vC,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4DAAxG;AAA1vC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CarSportOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSportOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.71 234.6c-7.33-9.73-34.56-16.43-46.08-33.94s-20.95-55.43-50.27-70S288 112 256 112s-88 4-117.36 18.63-38.75 52.52-50.27 70-38.75 24.24-46.08 33.97S29.8 305.84 32.94 336s9 48 9 48h86c14.08 0 18.66-5.29 47.46-8 31.6-3 62.6-4 80.6-4s50 1 81.58 4c28.8 2.73 33.53 8 47.46 8h85s5.86-17.84 9-48-2.04-91.67-9.33-101.4zM400 384h56v16h-56zM56 384h56v16H56z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M364.47 309.16c-5.91-6.83-25.17-12.53-50.67-16.35S279 288 256.2 288s-33.17 1.64-57.61 4.81-42.79 8.81-50.66 16.35C136.12 320.6 153.42 333.44 167 335c13.16 1.5 39.47.95 89.31.95s76.15.55 89.31-.95c13.56-1.65 29.62-13.6 18.85-25.84zM431.57 243.05a3.23 3.23 0 00-3.1-3c-11.81-.42-23.8.42-45.07 6.69a93.88 93.88 0 00-30.08 15.06c-2.28 1.78-1.47 6.59 1.39 7.1a455.32 455.32 0 0052.82 3.1c10.59 0 21.52-3 23.55-12.44a52.41 52.41 0 00.49-16.51zM80.43 243.05a3.23 3.23 0 013.1-3c11.81-.42 23.8.42 45.07 6.69a93.88 93.88 0 0130.08 15.06c2.28 1.78 1.47 6.59-1.39 7.1a455.32 455.32 0 01-52.82 3.1c-10.59 0-21.52-3-23.55-12.44a52.41 52.41 0 01-.49-16.51z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 192h16M64 192h16M78 211s46.35-12 178-12 178 12 178 12\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSportOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSportOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSportOutline"]}
\ No newline at end of file
diff --git a/lib/CarSportSharp.js b/lib/CarSportSharp.js
index d92507843..d9aedf9db 100644
--- a/lib/CarSportSharp.js
+++ b/lib/CarSportSharp.js
@@ -47,7 +47,7 @@ var CarSportSharp = function CarSportSharp(props) {
 CarSportSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CarSportSharp.js.map b/lib/CarSportSharp.js.map
index 2623e5ede..407612fe8 100644
--- a/lib/CarSportSharp.js.map
+++ b/lib/CarSportSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CarSportSharp.js"],"names":["CarSportSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8sCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CarSportSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSportSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M488 224c-3-5-32.61-17.79-32.61-17.79 5.15-2.66 8.67-3.21 8.67-14.21 0-12-.06-16-8.06-16h-27.14c-.11-.24-.23-.49-.34-.74-17.52-38.26-19.87-47.93-46-60.95C347.47 96.88 281.76 96 256 96s-91.47.88-126.49 18.31c-26.16 13-25.51 19.69-46 60.95 0 .11-.21.4-.4.74H55.94c-7.94 0-8 4-8 16 0 11 3.52 11.55 8.67 14.21C56.61 206.21 28 220 24 224s-8 32-8 80 4 96 4 96h11.94c0 14 2.06 16 8.06 16h80c6 0 8-2 8-16h256c0 14 2 16 8 16h82c4 0 6-3 6-16h12s4-49 4-96-5-75-8-80zm-362.74 44.94A516.94 516.94 0 0170.42 272c-20.42 0-21.12 1.31-22.56-11.44a72.16 72.16 0 01.51-17.51L49 240h3c12 0 23.27.51 44.55 6.78a98 98 0 0130.09 15.06C131 265 132 268 132 268zm247.16 72L368 352H144s.39-.61-5-11.18c-4-7.82 1-12.82 8.91-15.66C163.23 319.64 208 304 256 304s93.66 13.48 108.5 21.16C370 328 376.83 330 372.42 341zm-257-136.53a96.23 96.23 0 01-9.7.07c2.61-4.64 4.06-9.81 6.61-15.21 8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35 2.57 5.45 4 10.66 6.68 15.33-2 .11-4.3 0-9.79-.19zm347.72 56.11C461 273 463 272 441.58 272a516.94 516.94 0 01-54.84-3.06c-2.85-.51-3.66-5.32-1.38-7.1a93.84 93.84 0 0130.09-15.06c21.28-6.27 33.26-7.11 45.09-6.69a3.22 3.22 0 013.09 3 70.18 70.18 0 01-.49 17.47z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSportSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSportSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSportSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CarSportSharp.js"],"names":["CarSportSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8sCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CarSportSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CarSportSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M488 224c-3-5-32.61-17.79-32.61-17.79 5.15-2.66 8.67-3.21 8.67-14.21 0-12-.06-16-8.06-16h-27.14c-.11-.24-.23-.49-.34-.74-17.52-38.26-19.87-47.93-46-60.95C347.47 96.88 281.76 96 256 96s-91.47.88-126.49 18.31c-26.16 13-25.51 19.69-46 60.95 0 .11-.21.4-.4.74H55.94c-7.94 0-8 4-8 16 0 11 3.52 11.55 8.67 14.21C56.61 206.21 28 220 24 224s-8 32-8 80 4 96 4 96h11.94c0 14 2.06 16 8.06 16h80c6 0 8-2 8-16h256c0 14 2 16 8 16h82c4 0 6-3 6-16h12s4-49 4-96-5-75-8-80zm-362.74 44.94A516.94 516.94 0 0170.42 272c-20.42 0-21.12 1.31-22.56-11.44a72.16 72.16 0 01.51-17.51L49 240h3c12 0 23.27.51 44.55 6.78a98 98 0 0130.09 15.06C131 265 132 268 132 268zm247.16 72L368 352H144s.39-.61-5-11.18c-4-7.82 1-12.82 8.91-15.66C163.23 319.64 208 304 256 304s93.66 13.48 108.5 21.16C370 328 376.83 330 372.42 341zm-257-136.53a96.23 96.23 0 01-9.7.07c2.61-4.64 4.06-9.81 6.61-15.21 8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35 2.57 5.45 4 10.66 6.68 15.33-2 .11-4.3 0-9.79-.19zm347.72 56.11C461 273 463 272 441.58 272a516.94 516.94 0 01-54.84-3.06c-2.85-.51-3.66-5.32-1.38-7.1a93.84 93.84 0 0130.09-15.06c21.28-6.27 33.26-7.11 45.09-6.69a3.22 3.22 0 013.09 3 70.18 70.18 0 01-.49 17.47z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCarSportSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCarSportSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CarSportSharp"]}
\ No newline at end of file
diff --git a/lib/Card.js b/lib/Card.js
index 59c90d0fc..1e3a508fa 100644
--- a/lib/Card.js
+++ b/lib/Card.js
@@ -47,7 +47,7 @@ var Card = function Card(props) {
 Card.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Card.js.map b/lib/Card.js.map
index b09bc3103..4e02c4e28 100644
--- a/lib/Card.js.map
+++ b/lib/Card.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Card.js"],"names":["Card","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Card.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Card = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 376a56 56 0 0056 56h336a56 56 0 0056-56V222H32zm66-76a30 30 0 0130-30h48a30 30 0 0130 30v20a30 30 0 01-30 30h-48a30 30 0 01-30-30zM424 80H88a56 56 0 00-56 56v26h448v-26a56 56 0 00-56-56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCard.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCard.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Card"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Card.js"],"names":["Card","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Card.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Card = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 376a56 56 0 0056 56h336a56 56 0 0056-56V222H32zm66-76a30 30 0 0130-30h48a30 30 0 0130 30v20a30 30 0 01-30 30h-48a30 30 0 01-30-30zM424 80H88a56 56 0 00-56 56v26h448v-26a56 56 0 00-56-56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCard.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCard.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Card"]}
\ No newline at end of file
diff --git a/lib/CardOutline.js b/lib/CardOutline.js
index c28f7f264..882b45cf9 100644
--- a/lib/CardOutline.js
+++ b/lib/CardOutline.js
@@ -48,7 +48,7 @@ var CardOutline = function CardOutline(props) {
 CardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CardOutline.js.map b/lib/CardOutline.js.map
index a36a12ec8..f991b9ca0 100644
--- a/lib/CardOutline.js.map
+++ b/lib/CardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CardOutline.js"],"names":["CardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,gCAAlF;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"56\" ry=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"60\" d=\"M48 192h416M128 300h48v20h-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CardOutline.js"],"names":["CardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,gCAAlF;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"56\" ry=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"60\" d=\"M48 192h416M128 300h48v20h-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CardOutline"]}
\ No newline at end of file
diff --git a/lib/CardSharp.js b/lib/CardSharp.js
index c34c9125b..5257bb908 100644
--- a/lib/CardSharp.js
+++ b/lib/CardSharp.js
@@ -47,7 +47,7 @@ var CardSharp = function CardSharp(props) {
 CardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CardSharp.js.map b/lib/CardSharp.js.map
index bfffde827..fc463ac75 100644
--- a/lib/CardSharp.js.map
+++ b/lib/CardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CardSharp.js"],"names":["CardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 416a16 16 0 0016 16h416a16 16 0 0016-16V222H32zm66-138a8 8 0 018-8h92a8 8 0 018 8v64a8 8 0 01-8 8h-92a8 8 0 01-8-8zM464 80H48a16 16 0 00-16 16v66h448V96a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CardSharp.js"],"names":["CardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 416a16 16 0 0016 16h416a16 16 0 0016-16V222H32zm66-138a8 8 0 018-8h92a8 8 0 018 8v64a8 8 0 01-8 8h-92a8 8 0 01-8-8zM464 80H48a16 16 0 00-16 16v66h448V96a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CardSharp"]}
\ No newline at end of file
diff --git a/lib/CaretBack.js b/lib/CaretBack.js
index ed0b368f8..d9fb46745 100644
--- a/lib/CaretBack.js
+++ b/lib/CaretBack.js
@@ -47,7 +47,7 @@ var CaretBack = function CaretBack(props) {
 CaretBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBack.js.map b/lib/CaretBack.js.map
index 744fc8eea..a311ac9bf 100644
--- a/lib/CaretBack.js.map
+++ b/lib/CaretBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBack.js"],"names":["CaretBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CaretBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBack.js"],"names":["CaretBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CaretBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBack"]}
\ No newline at end of file
diff --git a/lib/CaretBackCircle.js b/lib/CaretBackCircle.js
index bb37b65f0..97e715e91 100644
--- a/lib/CaretBackCircle.js
+++ b/lib/CaretBackCircle.js
@@ -47,7 +47,7 @@ var CaretBackCircle = function CaretBackCircle(props) {
 CaretBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBackCircle.js.map b/lib/CaretBackCircle.js.map
index bc349ec70..cc1de16d5 100644
--- a/lib/CaretBackCircle.js.map
+++ b/lib/CaretBackCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBackCircle.js"],"names":["CaretBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CaretBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252-74.14v148.28a16 16 0 01-26.23 12.29l-89.09-74.13a16 16 0 010-24.6l89.09-74.13A16 16 0 01300 181.86z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBackCircle.js"],"names":["CaretBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CaretBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252-74.14v148.28a16 16 0 01-26.23 12.29l-89.09-74.13a16 16 0 010-24.6l89.09-74.13A16 16 0 01300 181.86z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircle"]}
\ No newline at end of file
diff --git a/lib/CaretBackCircleOutline.js b/lib/CaretBackCircleOutline.js
index c4aab5de2..ea434e66c 100644
--- a/lib/CaretBackCircleOutline.js
+++ b/lib/CaretBackCircleOutline.js
@@ -48,7 +48,7 @@ var CaretBackCircleOutline = function CaretBackCircleOutline(props) {
 CaretBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBackCircleOutline.js.map b/lib/CaretBackCircleOutline.js.map
index 4934179ad..1441e6769 100644
--- a/lib/CaretBackCircleOutline.js.map
+++ b/lib/CaretBackCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBackCircleOutline.js"],"names":["CaretBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR,GAAjK;AAAyR,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CaretBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.77 169.57l-89.09 74.13a16 16 0 000 24.6l89.09 74.13A16 16 0 00300 330.14V181.86a16 16 0 00-26.23-12.29z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBackCircleOutline.js"],"names":["CaretBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR,GAAhK;AAAyR,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CaretBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M273.77 169.57l-89.09 74.13a16 16 0 000 24.6l89.09 74.13A16 16 0 00300 330.14V181.86a16 16 0 00-26.23-12.29z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CaretBackCircleSharp.js b/lib/CaretBackCircleSharp.js
index 8502d5815..0e55b8d65 100644
--- a/lib/CaretBackCircleSharp.js
+++ b/lib/CaretBackCircleSharp.js
@@ -47,7 +47,7 @@ var CaretBackCircleSharp = function CaretBackCircleSharp(props) {
 CaretBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBackCircleSharp.js.map b/lib/CaretBackCircleSharp.js.map
index d41a0a31d..029d6cddd 100644
--- a/lib/CaretBackCircleSharp.js.map
+++ b/lib/CaretBackCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBackCircleSharp.js"],"names":["CaretBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252 108.27L169.91 256 300 147.73z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBackCircleSharp.js"],"names":["CaretBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252 108.27L169.91 256 300 147.73z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CaretBackOutline.js b/lib/CaretBackOutline.js
index a9f8c7ecd..78ab1c1c7 100644
--- a/lib/CaretBackOutline.js
+++ b/lib/CaretBackOutline.js
@@ -47,7 +47,7 @@ var CaretBackOutline = function CaretBackOutline(props) {
 CaretBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBackOutline.js.map b/lib/CaretBackOutline.js.map
index c28706b46..ea91c9b9f 100644
--- a/lib/CaretBackOutline.js.map
+++ b/lib/CaretBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBackOutline.js"],"names":["CaretBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CaretBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBackOutline.js"],"names":["CaretBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CaretBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackOutline"]}
\ No newline at end of file
diff --git a/lib/CaretBackSharp.js b/lib/CaretBackSharp.js
index e329057a6..ef8db0074 100644
--- a/lib/CaretBackSharp.js
+++ b/lib/CaretBackSharp.js
@@ -47,7 +47,7 @@ var CaretBackSharp = function CaretBackSharp(props) {
 CaretBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretBackSharp.js.map b/lib/CaretBackSharp.js.map
index 3cc9a9f51..50bfa7dd3 100644
--- a/lib/CaretBackSharp.js.map
+++ b/lib/CaretBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretBackSharp.js"],"names":["CaretBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 64L144 256l224 192V64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretBackSharp.js"],"names":["CaretBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 64L144 256l224 192V64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretBackSharp"]}
\ No newline at end of file
diff --git a/lib/CaretDown.js b/lib/CaretDown.js
index b5966afb7..90b853b30 100644
--- a/lib/CaretDown.js
+++ b/lib/CaretDown.js
@@ -47,7 +47,7 @@ var CaretDown = function CaretDown(props) {
 CaretDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDown.js.map b/lib/CaretDown.js.map
index 0b407f19c..7ddb9c7af 100644
--- a/lib/CaretDown.js.map
+++ b/lib/CaretDown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDown.js"],"names":["CaretDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CaretDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDown.js"],"names":["CaretDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CaretDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDown"]}
\ No newline at end of file
diff --git a/lib/CaretDownCircle.js b/lib/CaretDownCircle.js
index ed22a3098..0a01d56ea 100644
--- a/lib/CaretDownCircle.js
+++ b/lib/CaretDownCircle.js
@@ -47,7 +47,7 @@ var CaretDownCircle = function CaretDownCircle(props) {
 CaretDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDownCircle.js.map b/lib/CaretDownCircle.js.map
index 0f19046a2..4061ae927 100644
--- a/lib/CaretDownCircle.js.map
+++ b/lib/CaretDownCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDownCircle.js"],"names":["CaretDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CaretDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-121.57-17.77l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDownCircle.js"],"names":["CaretDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CaretDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-121.57-17.77l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircle"]}
\ No newline at end of file
diff --git a/lib/CaretDownCircleOutline.js b/lib/CaretDownCircleOutline.js
index d2743db84..fe3756b23 100644
--- a/lib/CaretDownCircleOutline.js
+++ b/lib/CaretDownCircleOutline.js
@@ -48,7 +48,7 @@ var CaretDownCircleOutline = function CaretDownCircleOutline(props) {
 CaretDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDownCircleOutline.js.map b/lib/CaretDownCircleOutline.js.map
index f3191f38f..86eca4082 100644
--- a/lib/CaretDownCircleOutline.js.map
+++ b/lib/CaretDownCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDownCircleOutline.js"],"names":["CaretDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+GAAR,GAAjK;AAA0R,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA1R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CaretDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.43 238.23l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDownCircleOutline.js"],"names":["CaretDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+GAAR,GAAhK;AAA0R,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA1R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CaretDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.43 238.23l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CaretDownCircleSharp.js b/lib/CaretDownCircleSharp.js
index 1a2166e55..11662a9c4 100644
--- a/lib/CaretDownCircleSharp.js
+++ b/lib/CaretDownCircleSharp.js
@@ -47,7 +47,7 @@ var CaretDownCircleSharp = function CaretDownCircleSharp(props) {
 CaretDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDownCircleSharp.js.map b/lib/CaretDownCircleSharp.js.map
index df3818840..f6f3f2d5b 100644
--- a/lib/CaretDownCircleSharp.js.map
+++ b/lib/CaretDownCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDownCircleSharp.js"],"names":["CaretDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-99.73-44L256 342.09 147.73 212z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDownCircleSharp.js"],"names":["CaretDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-99.73-44L256 342.09 147.73 212z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CaretDownOutline.js b/lib/CaretDownOutline.js
index 60fb37547..72110e04b 100644
--- a/lib/CaretDownOutline.js
+++ b/lib/CaretDownOutline.js
@@ -47,7 +47,7 @@ var CaretDownOutline = function CaretDownOutline(props) {
 CaretDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDownOutline.js.map b/lib/CaretDownOutline.js.map
index dae3c51be..7dd3605fc 100644
--- a/lib/CaretDownOutline.js.map
+++ b/lib/CaretDownOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDownOutline.js"],"names":["CaretDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CaretDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDownOutline.js"],"names":["CaretDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CaretDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownOutline"]}
\ No newline at end of file
diff --git a/lib/CaretDownSharp.js b/lib/CaretDownSharp.js
index 3531efa1d..42466d1c7 100644
--- a/lib/CaretDownSharp.js
+++ b/lib/CaretDownSharp.js
@@ -47,7 +47,7 @@ var CaretDownSharp = function CaretDownSharp(props) {
 CaretDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretDownSharp.js.map b/lib/CaretDownSharp.js.map
index 571eb75ad..d194a6e3b 100644
--- a/lib/CaretDownSharp.js.map
+++ b/lib/CaretDownSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretDownSharp.js"],"names":["CaretDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 144l192 224 192-224H64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretDownSharp.js"],"names":["CaretDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 144l192 224 192-224H64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretDownSharp"]}
\ No newline at end of file
diff --git a/lib/CaretForward.js b/lib/CaretForward.js
index 56e632ae7..d1855dec8 100644
--- a/lib/CaretForward.js
+++ b/lib/CaretForward.js
@@ -47,7 +47,7 @@ var CaretForward = function CaretForward(props) {
 CaretForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForward.js.map b/lib/CaretForward.js.map
index 8f51021c4..08b39ac2a 100644
--- a/lib/CaretForward.js.map
+++ b/lib/CaretForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForward.js"],"names":["CaretForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CaretForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForward.js"],"names":["CaretForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CaretForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForward"]}
\ No newline at end of file
diff --git a/lib/CaretForwardCircle.js b/lib/CaretForwardCircle.js
index 43e9bd57d..71a6cb1ac 100644
--- a/lib/CaretForwardCircle.js
+++ b/lib/CaretForwardCircle.js
@@ -47,7 +47,7 @@ var CaretForwardCircle = function CaretForwardCircle(props) {
 CaretForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForwardCircle.js.map b/lib/CaretForwardCircle.js.map
index 0b9c321cd..ba8fcce6c 100644
--- a/lib/CaretForwardCircle.js.map
+++ b/lib/CaretForwardCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForwardCircle.js"],"names":["CaretForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CaretForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-252 74.14V181.86a16 16 0 0126.23-12.29l89.09 74.13a16 16 0 010 24.6l-89.09 74.13A16 16 0 01212 330.14z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForwardCircle.js"],"names":["CaretForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CaretForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-252 74.14V181.86a16 16 0 0126.23-12.29l89.09 74.13a16 16 0 010 24.6l-89.09 74.13A16 16 0 01212 330.14z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircle"]}
\ No newline at end of file
diff --git a/lib/CaretForwardCircleOutline.js b/lib/CaretForwardCircleOutline.js
index 6632a5e60..0664ef6d8 100644
--- a/lib/CaretForwardCircleOutline.js
+++ b/lib/CaretForwardCircleOutline.js
@@ -48,7 +48,7 @@ var CaretForwardCircleOutline = function CaretForwardCircleOutline(props) {
 CaretForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForwardCircleOutline.js.map b/lib/CaretForwardCircleOutline.js.map
index 7787d52de..f8da0396f 100644
--- a/lib/CaretForwardCircleOutline.js.map
+++ b/lib/CaretForwardCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForwardCircleOutline.js"],"names":["CaretForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6GAAR,GAAjK;AAAwR,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"CaretForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M238.23 342.43l89.09-74.13a16 16 0 000-24.6l-89.09-74.13A16 16 0 00212 181.86v148.28a16 16 0 0026.23 12.29z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForwardCircleOutline.js"],"names":["CaretForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6GAAR,GAAhK;AAAwR,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAxR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"CaretForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M238.23 342.43l89.09-74.13a16 16 0 000-24.6l-89.09-74.13A16 16 0 00212 181.86v148.28a16 16 0 0026.23 12.29z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CaretForwardCircleSharp.js b/lib/CaretForwardCircleSharp.js
index b5b1525cd..fe3a6846b 100644
--- a/lib/CaretForwardCircleSharp.js
+++ b/lib/CaretForwardCircleSharp.js
@@ -47,7 +47,7 @@ var CaretForwardCircleSharp = function CaretForwardCircleSharp(props) {
 CaretForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForwardCircleSharp.js.map b/lib/CaretForwardCircleSharp.js.map
index 4abd04acd..4a2be0a5d 100644
--- a/lib/CaretForwardCircleSharp.js.map
+++ b/lib/CaretForwardCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForwardCircleSharp.js"],"names":["CaretForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"CaretForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zM212 147.73L342.09 256 212 364.27z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForwardCircleSharp.js"],"names":["CaretForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"CaretForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zM212 147.73L342.09 256 212 364.27z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CaretForwardOutline.js b/lib/CaretForwardOutline.js
index 93f241c5d..53c1f9052 100644
--- a/lib/CaretForwardOutline.js
+++ b/lib/CaretForwardOutline.js
@@ -47,7 +47,7 @@ var CaretForwardOutline = function CaretForwardOutline(props) {
 CaretForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForwardOutline.js.map b/lib/CaretForwardOutline.js.map
index afabc820d..c17f3cd52 100644
--- a/lib/CaretForwardOutline.js.map
+++ b/lib/CaretForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForwardOutline.js"],"names":["CaretForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CaretForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForwardOutline.js"],"names":["CaretForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CaretForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardOutline"]}
\ No newline at end of file
diff --git a/lib/CaretForwardSharp.js b/lib/CaretForwardSharp.js
index b19544255..17f0ddd73 100644
--- a/lib/CaretForwardSharp.js
+++ b/lib/CaretForwardSharp.js
@@ -47,7 +47,7 @@ var CaretForwardSharp = function CaretForwardSharp(props) {
 CaretForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretForwardSharp.js.map b/lib/CaretForwardSharp.js.map
index 769dbe1ee..9d80e4ca8 100644
--- a/lib/CaretForwardSharp.js.map
+++ b/lib/CaretForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretForwardSharp.js"],"names":["CaretForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CaretForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 448l224-192L144 64v384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretForwardSharp.js"],"names":["CaretForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CaretForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 448l224-192L144 64v384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretForwardSharp"]}
\ No newline at end of file
diff --git a/lib/CaretUp.js b/lib/CaretUp.js
index 85c7ad87a..a1dab04e1 100644
--- a/lib/CaretUp.js
+++ b/lib/CaretUp.js
@@ -47,7 +47,7 @@ var CaretUp = function CaretUp(props) {
 CaretUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUp.js.map b/lib/CaretUp.js.map
index 6a9e2af62..e108f7382 100644
--- a/lib/CaretUp.js.map
+++ b/lib/CaretUp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUp.js"],"names":["CaretUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"CaretUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUp.js"],"names":["CaretUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"CaretUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUp"]}
\ No newline at end of file
diff --git a/lib/CaretUpCircle.js b/lib/CaretUpCircle.js
index db03ab2b6..475487e12 100644
--- a/lib/CaretUpCircle.js
+++ b/lib/CaretUpCircle.js
@@ -47,7 +47,7 @@ var CaretUpCircle = function CaretUpCircle(props) {
 CaretUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUpCircle.js.map b/lib/CaretUpCircle.js.map
index 30f9c992d..33482938c 100644
--- a/lib/CaretUpCircle.js.map
+++ b/lib/CaretUpCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUpCircle.js"],"names":["CaretUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CaretUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm74.14 252H181.86a16 16 0 01-12.29-26.23l74.13-89.09a16 16 0 0124.6 0l74.13 89.09A16 16 0 01330.14 300z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUpCircle.js"],"names":["CaretUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CaretUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm74.14 252H181.86a16 16 0 01-12.29-26.23l74.13-89.09a16 16 0 0124.6 0l74.13 89.09A16 16 0 01330.14 300z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircle"]}
\ No newline at end of file
diff --git a/lib/CaretUpCircleOutline.js b/lib/CaretUpCircleOutline.js
index 0dc6b65c8..054bd6683 100644
--- a/lib/CaretUpCircleOutline.js
+++ b/lib/CaretUpCircleOutline.js
@@ -48,7 +48,7 @@ var CaretUpCircleOutline = function CaretUpCircleOutline(props) {
 CaretUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUpCircleOutline.js.map b/lib/CaretUpCircleOutline.js.map
index eaf477160..b157caa06 100644
--- a/lib/CaretUpCircleOutline.js.map
+++ b/lib/CaretUpCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUpCircleOutline.js"],"names":["CaretUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+GAAR,GAAjK;AAA0R,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA1R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.43 273.77l-74.13-89.09a16 16 0 00-24.6 0l-74.13 89.09A16 16 0 00181.86 300h148.28a16 16 0 0012.29-26.23z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUpCircleOutline.js"],"names":["CaretUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+GAAR,GAAhK;AAA0R,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA1R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CaretUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.43 273.77l-74.13-89.09a16 16 0 00-24.6 0l-74.13 89.09A16 16 0 00181.86 300h148.28a16 16 0 0012.29-26.23z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CaretUpCircleSharp.js b/lib/CaretUpCircleSharp.js
index f7f51c0e4..4affd3db4 100644
--- a/lib/CaretUpCircleSharp.js
+++ b/lib/CaretUpCircleSharp.js
@@ -47,7 +47,7 @@ var CaretUpCircleSharp = function CaretUpCircleSharp(props) {
 CaretUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUpCircleSharp.js.map b/lib/CaretUpCircleSharp.js.map
index 748c6c6d6..537b5c5f8 100644
--- a/lib/CaretUpCircleSharp.js.map
+++ b/lib/CaretUpCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUpCircleSharp.js"],"names":["CaretUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CaretUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zM147.73 300L256 169.91 364.27 300z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUpCircleSharp.js"],"names":["CaretUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CaretUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zM147.73 300L256 169.91 364.27 300z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CaretUpOutline.js b/lib/CaretUpOutline.js
index 9d917cdac..054d6f687 100644
--- a/lib/CaretUpOutline.js
+++ b/lib/CaretUpOutline.js
@@ -47,7 +47,7 @@ var CaretUpOutline = function CaretUpOutline(props) {
 CaretUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUpOutline.js.map b/lib/CaretUpOutline.js.map
index 139e322c4..9b0a93baa 100644
--- a/lib/CaretUpOutline.js.map
+++ b/lib/CaretUpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUpOutline.js"],"names":["CaretUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUpOutline.js"],"names":["CaretUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CaretUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpOutline"]}
\ No newline at end of file
diff --git a/lib/CaretUpSharp.js b/lib/CaretUpSharp.js
index 8da87ec10..6125e3034 100644
--- a/lib/CaretUpSharp.js
+++ b/lib/CaretUpSharp.js
@@ -47,7 +47,7 @@ var CaretUpSharp = function CaretUpSharp(props) {
 CaretUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CaretUpSharp.js.map b/lib/CaretUpSharp.js.map
index 16fe3b2d7..f0e82709b 100644
--- a/lib/CaretUpSharp.js.map
+++ b/lib/CaretUpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CaretUpSharp.js"],"names":["CaretUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CaretUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 368L256 144 64 368h384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CaretUpSharp.js"],"names":["CaretUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CaretUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CaretUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 368L256 144 64 368h384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCaretUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCaretUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CaretUpSharp"]}
\ No newline at end of file
diff --git a/lib/Cart.js b/lib/Cart.js
index 8364aa518..c7289fc4d 100644
--- a/lib/Cart.js
+++ b/lib/Cart.js
@@ -49,7 +49,7 @@ var Cart = function Cart(props) {
 Cart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cart.js.map b/lib/Cart.js.map
index 20961b399..cfdd1959f 100644
--- a/lib/Cart.js.map
+++ b/lib/Cart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cart.js"],"names":["Cart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,8CAAM,GAAE,wOAAR;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"32\"/><circle cx=\"400\" cy=\"416\" r=\"32\"/><path d=\"M456.8 120.78a23.92 23.92 0 00-18.56-8.78H133.89l-6.13-34.78A16 16 0 00112 64H48a16 16 0 000 32h50.58l45.66 258.78A16 16 0 00160 368h256a16 16 0 000-32H173.42l-5.64-32h241.66A24.07 24.07 0 00433 284.71l28.8-144a24 24 0 00-5-19.93z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cart.js"],"names":["Cart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,8CAAM,GAAE,wOAAR;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"32\" /><circle cx=\"400\" cy=\"416\" r=\"32\" /><path d=\"M456.8 120.78a23.92 23.92 0 00-18.56-8.78H133.89l-6.13-34.78A16 16 0 00112 64H48a16 16 0 000 32h50.58l45.66 258.78A16 16 0 00160 368h256a16 16 0 000-32H173.42l-5.64-32h241.66A24.07 24.07 0 00433 284.71l28.8-144a24 24 0 00-5-19.93z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cart"]}
\ No newline at end of file
diff --git a/lib/CartOutline.js b/lib/CartOutline.js
index 0c57789d4..a800030aa 100644
--- a/lib/CartOutline.js
+++ b/lib/CartOutline.js
@@ -50,7 +50,7 @@ var CartOutline = function CartOutline(props) {
 CartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CartOutline.js.map b/lib/CartOutline.js.map
index af80d9b70..6b84eceab 100644
--- a/lib/CartOutline.js.map
+++ b/lib/CartOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CartOutline.js"],"names":["CartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAra;AAAqiB,8CAAM,GAAE,mEAAR,EAA4E,MAAK,MAAjF,EAAwF,QAAO,cAA/F,EAA8G,eAAc,OAA5H,EAAoI,gBAAe,OAAnJ,EAA2J,aAAY,IAAvK;AAAriB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"400\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 80h64l48 272h256\"/><path d=\"M160 288h249.44a8 8 0 007.85-6.43l28.8-144a8 8 0 00-7.85-9.57H128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCartOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CartOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CartOutline.js"],"names":["CartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAsa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAta;AAAuiB,8CAAM,GAAE,mEAAR,EAA4E,MAAK,MAAjF,EAAwF,QAAO,cAA/F,EAA8G,eAAc,OAA5H,EAAoI,gBAAe,OAAnJ,EAA2J,aAAY,IAAvK;AAAviB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"400\" cy=\"416\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 80h64l48 272h256\" /><path d=\"M160 288h249.44a8 8 0 007.85-6.43l28.8-144a8 8 0 00-7.85-9.57H128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCartOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CartOutline"]}
\ No newline at end of file
diff --git a/lib/CartSharp.js b/lib/CartSharp.js
index a2c212fc7..4548daf48 100644
--- a/lib/CartSharp.js
+++ b/lib/CartSharp.js
@@ -49,7 +49,7 @@ var CartSharp = function CartSharp(props) {
 CartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CartSharp.js.map b/lib/CartSharp.js.map
index 3b36485f3..800146a9a 100644
--- a/lib/CartSharp.js.map
+++ b/lib/CartSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CartSharp.js"],"names":["CartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,8CAAM,GAAE,yFAAR;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"32\"/><circle cx=\"400\" cy=\"416\" r=\"32\"/><path d=\"M167.78 304h261.34l38.4-192H133.89l-8.47-48H32v32h66.58l48 272H432v-32H173.42l-5.64-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCartSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CartSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CartSharp.js"],"names":["CartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,8CAAM,GAAE,yFAAR;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"176\" cy=\"416\" r=\"32\" /><circle cx=\"400\" cy=\"416\" r=\"32\" /><path d=\"M167.78 304h261.34l38.4-192H133.89l-8.47-48H32v32h66.58l48 272H432v-32H173.42l-5.64-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCartSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CartSharp"]}
\ No newline at end of file
diff --git a/lib/Cash.js b/lib/Cash.js
index 8536710a6..0dabaf295 100644
--- a/lib/Cash.js
+++ b/lib/Cash.js
@@ -50,7 +50,7 @@ var Cash = function Cash(props) {
 Cash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cash.js.map b/lib/Cash.js.map
index ff15a461e..9dac36f34 100644
--- a/lib/Cash.js.map
+++ b/lib/Cash.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cash.js"],"names":["Cash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0JAAR,GAAjK;AAAqU,8CAAM,GAAE,8LAAR,GAArU;AAA6gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7gB;AAA+iB,8CAAM,GAAE,uLAAR;AAA/iB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 400H64a16 16 0 010-32h384a16 16 0 010 32zM416 448H96a16 16 0 010-32h320a16 16 0 010 32zM32 272H16v48a32 32 0 0032 32h48v-16a64.07 64.07 0 00-64-64z\"/><path d=\"M480 240h16v-64h-16a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96zm-224 64a96 96 0 1196-96 96.11 96.11 0 01-96 96z\"/><circle cx=\"256\" cy=\"208\" r=\"64\"/><path d=\"M416 336v16h48a32 32 0 0032-32v-48h-16a64.07 64.07 0 00-64 64zM480 144h16V96a32 32 0 00-32-32h-48v16a64.07 64.07 0 0064 64zM96 80V64H48a32 32 0 00-32 32v48h16a64.07 64.07 0 0064-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCash.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cash"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cash.js"],"names":["Cash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0JAAR,GAAhK;AAAqU,8CAAM,GAAE,8LAAR,GAArU;AAA8gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA9gB;AAAijB,8CAAM,GAAE,uLAAR;AAAjjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 400H64a16 16 0 010-32h384a16 16 0 010 32zM416 448H96a16 16 0 010-32h320a16 16 0 010 32zM32 272H16v48a32 32 0 0032 32h48v-16a64.07 64.07 0 00-64-64z\" /><path d=\"M480 240h16v-64h-16a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96zm-224 64a96 96 0 1196-96 96.11 96.11 0 01-96 96z\" /><circle cx=\"256\" cy=\"208\" r=\"64\" /><path d=\"M416 336v16h48a32 32 0 0032-32v-48h-16a64.07 64.07 0 00-64 64zM480 144h16V96a32 32 0 00-32-32h-48v16a64.07 64.07 0 0064 64zM96 80V64H48a32 32 0 00-32 32v48h16a64.07 64.07 0 0064-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCash.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cash"]}
\ No newline at end of file
diff --git a/lib/CashOutline.js b/lib/CashOutline.js
index 66993e730..037e86a46 100644
--- a/lib/CashOutline.js
+++ b/lib/CashOutline.js
@@ -50,7 +50,7 @@ var CashOutline = function CashOutline(props) {
 CashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CashOutline.js.map b/lib/CashOutline.js.map
index 1b04d3ab5..951fedf4c 100644
--- a/lib/CashOutline.js.map
+++ b/lib/CashOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CashOutline.js"],"names":["CashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,WAAU,qBAAvE,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,gBAAe,OAA9I,EAAsJ,aAAY,IAAlK,GAAjK;AAAyU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG,GAAzU;AAA2c,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA3c;AAA6kB,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM;AAA7kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"80\" width=\"448\" height=\"256\" rx=\"16\" ry=\"16\" transform=\"rotate(180 256 208)\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M64 384h384M96 432h320\"/><circle cx=\"256\" cy=\"208\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M480 160a80 80 0 01-80-80M32 160a80 80 0 0080-80M480 256a80 80 0 00-80 80M32 256a80 80 0 0180 80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCashOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CashOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CashOutline.js"],"names":["CashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,WAAU,qBAAvE,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,gBAAe,OAA9I,EAAsJ,aAAY,IAAlK,GAAhK;AAAyU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG,GAAzU;AAA4c,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA5c;AAA+kB,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM;AAA/kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"80\" width=\"448\" height=\"256\" rx=\"16\" ry=\"16\" transform=\"rotate(180 256 208)\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M64 384h384M96 432h320\" /><circle cx=\"256\" cy=\"208\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M480 160a80 80 0 01-80-80M32 160a80 80 0 0080-80M480 256a80 80 0 00-80 80M32 256a80 80 0 0180 80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCashOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CashOutline"]}
\ No newline at end of file
diff --git a/lib/CashSharp.js b/lib/CashSharp.js
index a18c707a3..58daa82ed 100644
--- a/lib/CashSharp.js
+++ b/lib/CashSharp.js
@@ -49,7 +49,7 @@ var CashSharp = function CashSharp(props) {
 CashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CashSharp.js.map b/lib/CashSharp.js.map
index 79c3b6675..47122b2c2 100644
--- a/lib/CashSharp.js.map
+++ b/lib/CashSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CashSharp.js"],"names":["CashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8NAAR,GAAjK;AAAyY,8CAAM,GAAE,iLAAR,GAAzY;AAAokB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAApkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 368h416v32H48zM80 416h352v32H80zM480 176a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96h16v-64zM256 304a96 96 0 1196-96 96.11 96.11 0 01-96 96z\"/><path d=\"M96 80V64H16v80h16a64.07 64.07 0 0064-64zM32 272H16v80h80v-16a64.07 64.07 0 00-64-64zM480 144h16V64h-80v16a64.07 64.07 0 0064 64zM416 336v16h80v-80h-16a64.07 64.07 0 00-64 64z\"/><circle cx=\"256\" cy=\"208\" r=\"64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCashSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CashSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CashSharp.js"],"names":["CashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8NAAR,GAAhK;AAAyY,8CAAM,GAAE,iLAAR,GAAzY;AAAqkB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAArkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 368h416v32H48zM80 416h352v32H80zM480 176a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96h16v-64zM256 304a96 96 0 1196-96 96.11 96.11 0 01-96 96z\" /><path d=\"M96 80V64H16v80h16a64.07 64.07 0 0064-64zM32 272H16v80h80v-16a64.07 64.07 0 00-64-64zM480 144h16V64h-80v16a64.07 64.07 0 0064 64zM416 336v16h80v-80h-16a64.07 64.07 0 00-64 64z\" /><circle cx=\"256\" cy=\"208\" r=\"64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCashSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CashSharp"]}
\ No newline at end of file
diff --git a/lib/Cellular.js b/lib/Cellular.js
index c6a8041cd..91a3111d0 100644
--- a/lib/Cellular.js
+++ b/lib/Cellular.js
@@ -47,7 +47,7 @@ var Cellular = function Cellular(props) {
 Cellular.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cellular.js.map b/lib/Cellular.js.map
index 7bb3db1f3..8f089b542 100644
--- a/lib/Cellular.js.map
+++ b/lib/Cellular.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cellular.js"],"names":["Cellular","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Cellular.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cellular = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472 432h-48a24 24 0 01-24-24V104a24 24 0 0124-24h48a24 24 0 0124 24v304a24 24 0 01-24 24zM344 432h-48a24 24 0 01-24-24V184a24 24 0 0124-24h48a24 24 0 0124 24v224a24 24 0 01-24 24zM216 432h-48a24 24 0 01-24-24V248a24 24 0 0124-24h48a24 24 0 0124 24v160a24 24 0 01-24 24zM88 432H40a24 24 0 01-24-24v-96a24 24 0 0124-24h48a24 24 0 0124 24v96a24 24 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellular.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellular.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cellular"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cellular.js"],"names":["Cellular","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Cellular.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cellular = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472 432h-48a24 24 0 01-24-24V104a24 24 0 0124-24h48a24 24 0 0124 24v304a24 24 0 01-24 24zM344 432h-48a24 24 0 01-24-24V184a24 24 0 0124-24h48a24 24 0 0124 24v224a24 24 0 01-24 24zM216 432h-48a24 24 0 01-24-24V248a24 24 0 0124-24h48a24 24 0 0124 24v160a24 24 0 01-24 24zM88 432H40a24 24 0 01-24-24v-96a24 24 0 0124-24h48a24 24 0 0124 24v96a24 24 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellular.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellular.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cellular"]}
\ No newline at end of file
diff --git a/lib/CellularOutline.js b/lib/CellularOutline.js
index 8b65e8d04..c25aefb17 100644
--- a/lib/CellularOutline.js
+++ b/lib/CellularOutline.js
@@ -50,7 +50,7 @@ var CellularOutline = function CellularOutline(props) {
 CellularOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CellularOutline.js.map b/lib/CellularOutline.js.map
index 342f623e8..964a03189 100644
--- a/lib/CellularOutline.js.map
+++ b/lib/CellularOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CellularOutline.js"],"names":["CellularOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI,GAAjK;AAAuS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAvS;AAA8a,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA9a;AAAqjB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI;AAArjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CellularOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CellularOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"416\" y=\"96\" width=\"64\" height=\"320\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"288\" y=\"176\" width=\"64\" height=\"240\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"160\" y=\"240\" width=\"64\" height=\"176\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"32\" y=\"304\" width=\"64\" height=\"112\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellularOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellularOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CellularOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CellularOutline.js"],"names":["CellularOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI,GAAhK;AAAuS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAvS;AAA+a,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA/a;AAAujB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI;AAAvjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CellularOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CellularOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"416\" y=\"96\" width=\"64\" height=\"320\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"288\" y=\"176\" width=\"64\" height=\"240\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"160\" y=\"240\" width=\"64\" height=\"176\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"32\" y=\"304\" width=\"64\" height=\"112\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellularOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellularOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CellularOutline"]}
\ No newline at end of file
diff --git a/lib/CellularSharp.js b/lib/CellularSharp.js
index adf1a4213..b2b71adca 100644
--- a/lib/CellularSharp.js
+++ b/lib/CellularSharp.js
@@ -47,7 +47,7 @@ var CellularSharp = function CellularSharp(props) {
 CellularSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CellularSharp.js.map b/lib/CellularSharp.js.map
index ca31d4301..83c326e0d 100644
--- a/lib/CellularSharp.js.map
+++ b/lib/CellularSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CellularSharp.js"],"names":["CellularSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CellularSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CellularSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 432h-96V80h96zM368 432h-96V160h96zM240 432h-96V224h96zM112 432H16V288h96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellularSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellularSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CellularSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CellularSharp.js"],"names":["CellularSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CellularSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CellularSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 432h-96V80h96zM368 432h-96V160h96zM240 432h-96V224h96zM112 432H16V288h96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCellularSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCellularSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CellularSharp"]}
\ No newline at end of file
diff --git a/lib/Chatbox.js b/lib/Chatbox.js
index e5676f05e..da57e608b 100644
--- a/lib/Chatbox.js
+++ b/lib/Chatbox.js
@@ -47,7 +47,7 @@ var Chatbox = function Chatbox(props) {
 Chatbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Chatbox.js.map b/lib/Chatbox.js.map
index 5f94081d9..cd75846e9 100644
--- a/lib/Chatbox.js.map
+++ b/lib/Chatbox.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Chatbox.js"],"names":["Chatbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Chatbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 464a16 16 0 01-16-16v-64h-24a72.08 72.08 0 01-72-72V120a72.08 72.08 0 0172-72h304a72.08 72.08 0 0172 72v192a72.08 72.08 0 01-72 72H245.74l-91.49 76.29A16.05 16.05 0 01144 464z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbox.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbox"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Chatbox.js"],"names":["Chatbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Chatbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 464a16 16 0 01-16-16v-64h-24a72.08 72.08 0 01-72-72V120a72.08 72.08 0 0172-72h304a72.08 72.08 0 0172 72v192a72.08 72.08 0 01-72 72H245.74l-91.49 76.29A16.05 16.05 0 01144 464z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbox.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbox"]}
\ No newline at end of file
diff --git a/lib/ChatboxEllipses.js b/lib/ChatboxEllipses.js
index cbabbe16b..00068c289 100644
--- a/lib/ChatboxEllipses.js
+++ b/lib/ChatboxEllipses.js
@@ -47,7 +47,7 @@ var ChatboxEllipses = function ChatboxEllipses(props) {
 ChatboxEllipses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatboxEllipses.js.map b/lib/ChatboxEllipses.js.map
index 8bd1be9a8..bff307fe2 100644
--- a/lib/ChatboxEllipses.js.map
+++ b/lib/ChatboxEllipses.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatboxEllipses.js"],"names":["ChatboxEllipses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChatboxEllipses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 48H104a72.08 72.08 0 00-72 72v192a72.08 72.08 0 0072 72h24v64a16 16 0 0026.25 12.29L245.74 384H408a72.08 72.08 0 0072-72V120a72.08 72.08 0 00-72-72zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipses.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipses"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatboxEllipses.js"],"names":["ChatboxEllipses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChatboxEllipses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 48H104a72.08 72.08 0 00-72 72v192a72.08 72.08 0 0072 72h24v64a16 16 0 0026.25 12.29L245.74 384H408a72.08 72.08 0 0072-72V120a72.08 72.08 0 00-72-72zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipses.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipses"]}
\ No newline at end of file
diff --git a/lib/ChatboxEllipsesOutline.js b/lib/ChatboxEllipsesOutline.js
index dbb4ede4e..d73d7cfa5 100644
--- a/lib/ChatboxEllipsesOutline.js
+++ b/lib/ChatboxEllipsesOutline.js
@@ -50,7 +50,7 @@ var ChatboxEllipsesOutline = function ChatboxEllipsesOutline(props) {
 ChatboxEllipsesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatboxEllipsesOutline.js.map b/lib/ChatboxEllipsesOutline.js.map
index d09ff75de..76d2c853b 100644
--- a/lib/ChatboxEllipsesOutline.js.map
+++ b/lib/ChatboxEllipsesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatboxEllipsesOutline.js"],"names":["ChatboxEllipsesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wJAAR,EAAiK,MAAK,MAAtK,EAA6K,QAAO,cAApL,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO,GAAjK;AAA6Y,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7Y;AAA+a,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA/a;AAAid,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChatboxEllipsesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipsesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"160\" cy=\"216\" r=\"32\"/><circle cx=\"256\" cy=\"216\" r=\"32\"/><circle cx=\"352\" cy=\"216\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipsesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipsesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipsesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatboxEllipsesOutline.js"],"names":["ChatboxEllipsesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wJAAR,EAAiK,MAAK,MAAtK,EAA6K,QAAO,cAApL,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO,GAAhK;AAA6Y,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7Y;AAAgb,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhb;AAAmd,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAnd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChatboxEllipsesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipsesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"160\" cy=\"216\" r=\"32\" /><circle cx=\"256\" cy=\"216\" r=\"32\" /><circle cx=\"352\" cy=\"216\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipsesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipsesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipsesOutline"]}
\ No newline at end of file
diff --git a/lib/ChatboxEllipsesSharp.js b/lib/ChatboxEllipsesSharp.js
index f533dc440..6ca2f4c09 100644
--- a/lib/ChatboxEllipsesSharp.js
+++ b/lib/ChatboxEllipsesSharp.js
@@ -47,7 +47,7 @@ var ChatboxEllipsesSharp = function ChatboxEllipsesSharp(props) {
 ChatboxEllipsesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatboxEllipsesSharp.js.map b/lib/ChatboxEllipsesSharp.js.map
index 3d9f82941..143963789 100644
--- a/lib/ChatboxEllipsesSharp.js.map
+++ b/lib/ChatboxEllipsesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatboxEllipsesSharp.js"],"names":["ChatboxEllipsesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChatboxEllipsesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipsesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 48H56a24 24 0 00-24 24v288a24 24 0 0024 24h72v80l117.74-80H456a24 24 0 0024-24V72a24 24 0 00-24-24zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zM456 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipsesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipsesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipsesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatboxEllipsesSharp.js"],"names":["ChatboxEllipsesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChatboxEllipsesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxEllipsesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 48H56a24 24 0 00-24 24v288a24 24 0 0024 24h72v80l117.74-80H456a24 24 0 0024-24V72a24 24 0 00-24-24zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zM456 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxEllipsesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxEllipsesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxEllipsesSharp"]}
\ No newline at end of file
diff --git a/lib/ChatboxOutline.js b/lib/ChatboxOutline.js
index 188ef9993..c78addb30 100644
--- a/lib/ChatboxOutline.js
+++ b/lib/ChatboxOutline.js
@@ -47,7 +47,7 @@ var ChatboxOutline = function ChatboxOutline(props) {
 ChatboxOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatboxOutline.js.map b/lib/ChatboxOutline.js.map
index 83c113c96..2b3353e44 100644
--- a/lib/ChatboxOutline.js.map
+++ b/lib/ChatboxOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatboxOutline.js"],"names":["ChatboxOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wJAAR,EAAiK,MAAK,MAAtK,EAA6K,QAAO,cAApL,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChatboxOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatboxOutline.js"],"names":["ChatboxOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wJAAR,EAAiK,MAAK,MAAtK,EAA6K,QAAO,cAApL,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChatboxOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxOutline"]}
\ No newline at end of file
diff --git a/lib/ChatboxSharp.js b/lib/ChatboxSharp.js
index 33b9110ee..592d0eb8a 100644
--- a/lib/ChatboxSharp.js
+++ b/lib/ChatboxSharp.js
@@ -47,7 +47,7 @@ var ChatboxSharp = function ChatboxSharp(props) {
 ChatboxSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatboxSharp.js.map b/lib/ChatboxSharp.js.map
index ddb2040c7..6b4f4fc50 100644
--- a/lib/ChatboxSharp.js.map
+++ b/lib/ChatboxSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatboxSharp.js"],"names":["ChatboxSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ChatboxSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 464v-80H56a24 24 0 01-24-24V72a24 24 0 0124-24h400a24 24 0 0124 24v288a24 24 0 01-24 24H245.74zM456 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatboxSharp.js"],"names":["ChatboxSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ChatboxSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatboxSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 464v-80H56a24 24 0 01-24-24V72a24 24 0 0124-24h400a24 24 0 0124 24v288a24 24 0 01-24 24H245.74zM456 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatboxSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatboxSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatboxSharp"]}
\ No newline at end of file
diff --git a/lib/Chatbubble.js b/lib/Chatbubble.js
index 78f38e468..f5212175b 100644
--- a/lib/Chatbubble.js
+++ b/lib/Chatbubble.js
@@ -47,7 +47,7 @@ var Chatbubble = function Chatbubble(props) {
 Chatbubble.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Chatbubble.js.map b/lib/Chatbubble.js.map
index a2bf4d239..d7e482237 100644
--- a/lib/Chatbubble.js.map
+++ b/lib/Chatbubble.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Chatbubble.js"],"names":["Chatbubble","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kkBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Chatbubble.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbubble = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M76.83 480a25.69 25.69 0 01-25.57-25.74 29.13 29.13 0 011.2-7.63L70.88 380c.77-2.46-.1-4.94-1.23-6.9l-.22-.4c-.08-.13-.46-.66-.73-1.05s-.58-.81-.86-1.22l-.19-.27A215.66 215.66 0 0132 251.37c-.18-57.59 22.35-112 63.46-153.28C138 55.47 194.9 32 255.82 32A227.4 227.4 0 01398 81.84c39.45 31.75 66.87 76 77.21 124.68a213.5 213.5 0 014.78 45c0 58.93-22.64 114.28-63.76 155.87-41.48 42-97.18 65.06-156.83 65.06-21 0-47.87-5.36-60.77-9-15.52-4.34-30.23-10-31.85-10.6a15.12 15.12 0 00-5.37-1 14.75 14.75 0 00-5.8 1.15l-.85.33-67.48 24.38A29.44 29.44 0 0176.83 480zm-2-31.8zM87.48 380z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubble.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubble.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbubble"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Chatbubble.js"],"names":["Chatbubble","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kkBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Chatbubble.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbubble = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M76.83 480a25.69 25.69 0 01-25.57-25.74 29.13 29.13 0 011.2-7.63L70.88 380c.77-2.46-.1-4.94-1.23-6.9l-.22-.4c-.08-.13-.46-.66-.73-1.05s-.58-.81-.86-1.22l-.19-.27A215.66 215.66 0 0132 251.37c-.18-57.59 22.35-112 63.46-153.28C138 55.47 194.9 32 255.82 32A227.4 227.4 0 01398 81.84c39.45 31.75 66.87 76 77.21 124.68a213.5 213.5 0 014.78 45c0 58.93-22.64 114.28-63.76 155.87-41.48 42-97.18 65.06-156.83 65.06-21 0-47.87-5.36-60.77-9-15.52-4.34-30.23-10-31.85-10.6a15.12 15.12 0 00-5.37-1 14.75 14.75 0 00-5.8 1.15l-.85.33-67.48 24.38A29.44 29.44 0 0176.83 480zm-2-31.8zM87.48 380z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubble.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubble.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbubble"]}
\ No newline at end of file
diff --git a/lib/ChatbubbleEllipses.js b/lib/ChatbubbleEllipses.js
index e3a41c29e..8ab97d27c 100644
--- a/lib/ChatbubbleEllipses.js
+++ b/lib/ChatbubbleEllipses.js
@@ -47,7 +47,7 @@ var ChatbubbleEllipses = function ChatbubbleEllipses(props) {
 ChatbubbleEllipses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubbleEllipses.js.map b/lib/ChatbubbleEllipses.js.map
index b596e69cc..b3085efb5 100644
--- a/lib/ChatbubbleEllipses.js.map
+++ b/lib/ChatbubbleEllipses.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubbleEllipses.js"],"names":["ChatbubbleEllipses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6qBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChatbubbleEllipses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M398 81.84A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l.19.27c.28.41.57.82.86 1.22s.65.92.73 1.05l.22.4c1.13 2 2 4.44 1.23 6.9l-18.42 66.66a29.13 29.13 0 00-1.2 7.63A25.69 25.69 0 0076.83 480a29.44 29.44 0 0010.45-2.29l67.49-24.36.85-.33a14.75 14.75 0 015.8-1.15 15.12 15.12 0 015.37 1c1.62.63 16.33 6.26 31.85 10.6 12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-45c-10.34-48.62-37.76-92.9-77.22-124.65zM87.48 380zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipses.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipses"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubbleEllipses.js"],"names":["ChatbubbleEllipses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6qBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChatbubbleEllipses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M398 81.84A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l.19.27c.28.41.57.82.86 1.22s.65.92.73 1.05l.22.4c1.13 2 2 4.44 1.23 6.9l-18.42 66.66a29.13 29.13 0 00-1.2 7.63A25.69 25.69 0 0076.83 480a29.44 29.44 0 0010.45-2.29l67.49-24.36.85-.33a14.75 14.75 0 015.8-1.15 15.12 15.12 0 015.37 1c1.62.63 16.33 6.26 31.85 10.6 12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-45c-10.34-48.62-37.76-92.9-77.22-124.65zM87.48 380zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipses.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipses"]}
\ No newline at end of file
diff --git a/lib/ChatbubbleEllipsesOutline.js b/lib/ChatbubbleEllipsesOutline.js
index 0cc06bcab..dee077ebe 100644
--- a/lib/ChatbubbleEllipsesOutline.js
+++ b/lib/ChatbubbleEllipsesOutline.js
@@ -50,7 +50,7 @@ var ChatbubbleEllipsesOutline = function ChatbubbleEllipsesOutline(props) {
 ChatbubbleEllipsesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubbleEllipsesOutline.js.map b/lib/ChatbubbleEllipsesOutline.js.map
index f5fb462c8..3f4e8b8c0 100644
--- a/lib/ChatbubbleEllipsesOutline.js.map
+++ b/lib/ChatbubbleEllipsesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubbleEllipsesOutline.js"],"names":["ChatbubbleEllipsesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8ZAAR,EAAua,MAAK,MAA5a,EAAmb,QAAO,cAA1b,EAAyc,eAAc,OAAvd,EAA+d,kBAAiB,IAAhf,EAAqf,aAAY,IAAjgB,GAAjK;AAAwqB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxqB;AAA0sB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA1sB;AAA4uB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA5uB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ChatbubbleEllipsesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipsesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M87.48 380c1.2-4.38-1.43-10.47-3.94-14.86a42.63 42.63 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.64 139.09 140.72 48 255.82 48 356.2 48 440 117.54 459.57 209.85a199 199 0 014.43 41.64c0 112.41-89.49 204.93-204.59 204.93-18.31 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.14 31.14 0 00-11.13-2.07 30.7 30.7 0 00-12.08 2.43L81.5 462.78a15.92 15.92 0 01-4.66 1.22 9.61 9.61 0 01-9.58-9.74 15.85 15.85 0 01.6-3.29z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"160\" cy=\"256\" r=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"32\"/><circle cx=\"352\" cy=\"256\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipsesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipsesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipsesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubbleEllipsesOutline.js"],"names":["ChatbubbleEllipsesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8ZAAR,EAAua,MAAK,MAA5a,EAAmb,QAAO,cAA1b,EAAyc,eAAc,OAAvd,EAA+d,kBAAiB,IAAhf,EAAqf,aAAY,IAAjgB,GAAhK;AAAwqB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxqB;AAA2sB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3sB;AAA8uB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9uB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ChatbubbleEllipsesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipsesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M87.48 380c1.2-4.38-1.43-10.47-3.94-14.86a42.63 42.63 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.64 139.09 140.72 48 255.82 48 356.2 48 440 117.54 459.57 209.85a199 199 0 014.43 41.64c0 112.41-89.49 204.93-204.59 204.93-18.31 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.14 31.14 0 00-11.13-2.07 30.7 30.7 0 00-12.08 2.43L81.5 462.78a15.92 15.92 0 01-4.66 1.22 9.61 9.61 0 01-9.58-9.74 15.85 15.85 0 01.6-3.29z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"160\" cy=\"256\" r=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"32\" /><circle cx=\"352\" cy=\"256\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipsesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipsesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipsesOutline"]}
\ No newline at end of file
diff --git a/lib/ChatbubbleEllipsesSharp.js b/lib/ChatbubbleEllipsesSharp.js
index 567236520..fc2ba28ff 100644
--- a/lib/ChatbubbleEllipsesSharp.js
+++ b/lib/ChatbubbleEllipsesSharp.js
@@ -47,7 +47,7 @@ var ChatbubbleEllipsesSharp = function ChatbubbleEllipsesSharp(props) {
 ChatbubbleEllipsesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubbleEllipsesSharp.js.map b/lib/ChatbubbleEllipsesSharp.js.map
index 72ead1bdf..0179763ad 100644
--- a/lib/ChatbubbleEllipsesSharp.js.map
+++ b/lib/ChatbubbleEllipsesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubbleEllipsesSharp.js"],"names":["ChatbubbleEllipsesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,seAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"ChatbubbleEllipsesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipsesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipsesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipsesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipsesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubbleEllipsesSharp.js"],"names":["ChatbubbleEllipsesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,seAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"ChatbubbleEllipsesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleEllipsesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleEllipsesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleEllipsesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleEllipsesSharp"]}
\ No newline at end of file
diff --git a/lib/ChatbubbleOutline.js b/lib/ChatbubbleOutline.js
index c7c8e679b..62b50dba2 100644
--- a/lib/ChatbubbleOutline.js
+++ b/lib/ChatbubbleOutline.js
@@ -47,7 +47,7 @@ var ChatbubbleOutline = function ChatbubbleOutline(props) {
 ChatbubbleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubbleOutline.js.map b/lib/ChatbubbleOutline.js.map
index 50e7abd0d..699c98a6e 100644
--- a/lib/ChatbubbleOutline.js.map
+++ b/lib/ChatbubbleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubbleOutline.js"],"names":["ChatbubbleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0ZAAR,EAAma,MAAK,MAAxa,EAA+a,QAAO,cAAtb,EAAqc,eAAc,OAAnd,EAA2d,kBAAiB,IAA5e,EAAif,aAAY,IAA7f;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChatbubbleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M87.49 380c1.19-4.38-1.44-10.47-3.95-14.86a44.86 44.86 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.65 139.09 140.73 48 255.83 48 356.21 48 440 117.54 459.58 209.85a199 199 0 014.42 41.64c0 112.41-89.49 204.93-204.59 204.93-18.3 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.09 31.09 0 00-11.12-2.07 30.71 30.71 0 00-12.09 2.43l-67.83 24.48a16 16 0 01-4.67 1.22 9.6 9.6 0 01-9.57-9.74 15.85 15.85 0 01.6-3.29z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubbleOutline.js"],"names":["ChatbubbleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0ZAAR,EAAma,MAAK,MAAxa,EAA+a,QAAO,cAAtb,EAAqc,eAAc,OAAnd,EAA2d,kBAAiB,IAA5e,EAAif,aAAY,IAA7f;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChatbubbleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M87.49 380c1.19-4.38-1.44-10.47-3.95-14.86a44.86 44.86 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.65 139.09 140.73 48 255.83 48 356.21 48 440 117.54 459.58 209.85a199 199 0 014.42 41.64c0 112.41-89.49 204.93-204.59 204.93-18.3 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.09 31.09 0 00-11.12-2.07 30.71 30.71 0 00-12.09 2.43l-67.83 24.48a16 16 0 01-4.67 1.22 9.6 9.6 0 01-9.57-9.74 15.85 15.85 0 01.6-3.29z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleOutline"]}
\ No newline at end of file
diff --git a/lib/ChatbubbleSharp.js b/lib/ChatbubbleSharp.js
index 890857740..faa90754b 100644
--- a/lib/ChatbubbleSharp.js
+++ b/lib/ChatbubbleSharp.js
@@ -47,7 +47,7 @@ var ChatbubbleSharp = function ChatbubbleSharp(props) {
 ChatbubbleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubbleSharp.js.map b/lib/ChatbubbleSharp.js.map
index 39d9a8455..c91a4f8a7 100644
--- a/lib/ChatbubbleSharp.js.map
+++ b/lib/ChatbubbleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubbleSharp.js"],"names":["ChatbubbleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChatbubbleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubbleSharp.js"],"names":["ChatbubbleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChatbubbleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubbleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubbleSharp"]}
\ No newline at end of file
diff --git a/lib/Chatbubbles.js b/lib/Chatbubbles.js
index 826bb2235..3526791e8 100644
--- a/lib/Chatbubbles.js
+++ b/lib/Chatbubbles.js
@@ -48,7 +48,7 @@ var Chatbubbles = function Chatbubbles(props) {
 Chatbubbles.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Chatbubbles.js.map b/lib/Chatbubbles.js.map
index 5c49655d4..31ed6d6af 100644
--- a/lib/Chatbubbles.js.map
+++ b/lib/Chatbubbles.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Chatbubbles.js"],"names":["Chatbubbles","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wlBAAR,GAAjK;AAAmwB,8CAAM,GAAE,0eAAR;AAAnwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Chatbubbles.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbubbles = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M60.44 389.17c0 .07 0 .2-.08.38.03-.12.05-.25.08-.38zM439.9 405.6a26.77 26.77 0 01-9.59-2l-56.78-20.13-.42-.17a9.88 9.88 0 00-3.91-.76 10.32 10.32 0 00-3.62.66c-1.38.52-13.81 5.19-26.85 8.77-7.07 1.94-31.68 8.27-51.43 8.27-50.48 0-97.68-19.4-132.89-54.63A183.38 183.38 0 01100.3 215.1a175.9 175.9 0 014.06-37.58c8.79-40.62 32.07-77.57 65.55-104A194.76 194.76 0 01290.3 32c52.21 0 100.86 20 137 56.18 34.16 34.27 52.88 79.33 52.73 126.87a177.86 177.86 0 01-30.3 99.15l-.19.28-.74 1c-.17.23-.34.45-.5.68l-.15.27a21.63 21.63 0 00-1.08 2.09l15.74 55.94a26.42 26.42 0 011.12 7.11 24 24 0 01-24.03 24.03z\"/><path d=\"M299.87 425.39a15.74 15.74 0 00-10.29-8.1c-5.78-1.53-12.52-1.27-17.67-1.65a201.78 201.78 0 01-128.82-58.75A199.21 199.21 0 0186.4 244.16C85 234.42 85 232 85 232a16 16 0 00-28-10.58s-7.88 8.58-11.6 17.19a162.09 162.09 0 0011 150.06C59 393 59 395 58.42 399.5c-2.73 14.11-7.51 39-10 51.91a24 24 0 008 22.92l.46.39A24.34 24.34 0 0072 480a23.42 23.42 0 009-1.79l53.51-20.65a8.05 8.05 0 015.72 0c21.07 7.84 43 12 63.78 12a176 176 0 0074.91-16.66c5.46-2.56 14-5.34 19-11.12a15 15 0 001.95-16.39z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbles.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbles.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbubbles"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Chatbubbles.js"],"names":["Chatbubbles","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wlBAAR,GAAhK;AAAmwB,8CAAM,GAAE,0eAAR;AAAnwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Chatbubbles.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Chatbubbles = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M60.44 389.17c0 .07 0 .2-.08.38.03-.12.05-.25.08-.38zM439.9 405.6a26.77 26.77 0 01-9.59-2l-56.78-20.13-.42-.17a9.88 9.88 0 00-3.91-.76 10.32 10.32 0 00-3.62.66c-1.38.52-13.81 5.19-26.85 8.77-7.07 1.94-31.68 8.27-51.43 8.27-50.48 0-97.68-19.4-132.89-54.63A183.38 183.38 0 01100.3 215.1a175.9 175.9 0 014.06-37.58c8.79-40.62 32.07-77.57 65.55-104A194.76 194.76 0 01290.3 32c52.21 0 100.86 20 137 56.18 34.16 34.27 52.88 79.33 52.73 126.87a177.86 177.86 0 01-30.3 99.15l-.19.28-.74 1c-.17.23-.34.45-.5.68l-.15.27a21.63 21.63 0 00-1.08 2.09l15.74 55.94a26.42 26.42 0 011.12 7.11 24 24 0 01-24.03 24.03z\" /><path d=\"M299.87 425.39a15.74 15.74 0 00-10.29-8.1c-5.78-1.53-12.52-1.27-17.67-1.65a201.78 201.78 0 01-128.82-58.75A199.21 199.21 0 0186.4 244.16C85 234.42 85 232 85 232a16 16 0 00-28-10.58s-7.88 8.58-11.6 17.19a162.09 162.09 0 0011 150.06C59 393 59 395 58.42 399.5c-2.73 14.11-7.51 39-10 51.91a24 24 0 008 22.92l.46.39A24.34 24.34 0 0072 480a23.42 23.42 0 009-1.79l53.51-20.65a8.05 8.05 0 015.72 0c21.07 7.84 43 12 63.78 12a176 176 0 0074.91-16.66c5.46-2.56 14-5.34 19-11.12a15 15 0 001.95-16.39z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubbles.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubbles.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Chatbubbles"]}
\ No newline at end of file
diff --git a/lib/ChatbubblesOutline.js b/lib/ChatbubblesOutline.js
index 1a7b9d400..41e8d19f2 100644
--- a/lib/ChatbubblesOutline.js
+++ b/lib/ChatbubblesOutline.js
@@ -48,7 +48,7 @@ var ChatbubblesOutline = function ChatbubblesOutline(props) {
 ChatbubblesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubblesOutline.js.map b/lib/ChatbubblesOutline.js.map
index 21fb2911f..9401b7a62 100644
--- a/lib/ChatbubblesOutline.js.map
+++ b/lib/ChatbubblesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubblesOutline.js"],"names":["ChatbubblesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wVAAR,EAAiW,MAAK,MAAtW,EAA6W,QAAO,cAApX,EAAmY,eAAc,OAAjZ,EAAyZ,kBAAiB,IAA1a,EAA+a,aAAY,IAA3b,GAAjK;AAAkmB,8CAAM,GAAE,kPAAR,EAA2P,MAAK,MAAhQ,EAAuQ,QAAO,cAA9Q,EAA6R,eAAc,OAA3S,EAAmT,kBAAiB,IAApU,EAAyU,aAAY,IAArV;AAAlmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChatbubblesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubblesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 012.1-3.1A162 162 0 00464 215c.3-92.2-77.5-167-173.7-167-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 00-3.7 34.2c0 92.3 74.8 169.1 171 169.1 15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 019.3-1.7 26 26 0 0110.1 2l56.7 20.1a13.52 13.52 0 003.9 1 8 8 0 008-8 12.85 12.85 0 00-.5-2.7z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M66.46 232a146.23 146.23 0 006.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 002.71 7.68A8.17 8.17 0 0072 464a7.26 7.26 0 002.91-.6l56.21-22a15.7 15.7 0 0112 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 00284 432.11\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubblesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubblesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubblesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubblesOutline.js"],"names":["ChatbubblesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wVAAR,EAAiW,MAAK,MAAtW,EAA6W,QAAO,cAApX,EAAmY,eAAc,OAAjZ,EAAyZ,kBAAiB,IAA1a,EAA+a,aAAY,IAA3b,GAAhK;AAAkmB,8CAAM,GAAE,kPAAR,EAA2P,MAAK,MAAhQ,EAAuQ,QAAO,cAA9Q,EAA6R,eAAc,OAA3S,EAAmT,kBAAiB,IAApU,EAAyU,aAAY,IAArV;AAAlmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChatbubblesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubblesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 012.1-3.1A162 162 0 00464 215c.3-92.2-77.5-167-173.7-167-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 00-3.7 34.2c0 92.3 74.8 169.1 171 169.1 15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 019.3-1.7 26 26 0 0110.1 2l56.7 20.1a13.52 13.52 0 003.9 1 8 8 0 008-8 12.85 12.85 0 00-.5-2.7z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M66.46 232a146.23 146.23 0 006.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 002.71 7.68A8.17 8.17 0 0072 464a7.26 7.26 0 002.91-.6l56.21-22a15.7 15.7 0 0112 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 00284 432.11\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubblesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubblesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubblesOutline"]}
\ No newline at end of file
diff --git a/lib/ChatbubblesSharp.js b/lib/ChatbubblesSharp.js
index 309423ce5..2c0d8c48c 100644
--- a/lib/ChatbubblesSharp.js
+++ b/lib/ChatbubblesSharp.js
@@ -48,7 +48,7 @@ var ChatbubblesSharp = function ChatbubblesSharp(props) {
 ChatbubblesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChatbubblesSharp.js.map b/lib/ChatbubblesSharp.js.map
index 500853d3e..2305b60ab 100644
--- a/lib/ChatbubblesSharp.js.map
+++ b/lib/ChatbubblesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChatbubblesSharp.js"],"names":["ChatbubblesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qVAAR,GAAjK;AAAggB,8CAAM,GAAE,kZAAR;AAAhgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChatbubblesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubblesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 312.43c.77-1.11 1.51-2.26 2.27-3.34A174.55 174.55 0 00480 211.85C480.32 112.55 396.54 32 292.94 32c-90.36 0-165.74 61.49-183.4 143.12a172.81 172.81 0 00-4 36.83c0 99.4 80.56 182.11 184.16 182.11 16.47 0 38.66-4.95 50.83-8.29s24.23-7.75 27.35-8.94 8-2.41 11.89-1.29l77.42 22.38a4 4 0 005-4.86l-17.72-67.49c-1.23-5-1.39-5.94 3.53-13.14z\"/><path d=\"M312.54 415.38a165.32 165.32 0 01-23.26 2.05c-42.43 0-82.5-11.2-115-32.2a184.09 184.09 0 01-53.09-49.32c-26.08-34.57-40.3-78.51-40.3-124.49 0-3.13.11-6.14.22-9.16a4.34 4.34 0 00-7.54-3.12 158.76 158.76 0 00-14.86 195.24c2.47 3.77 3.87 6.68 3.44 8.62l-14.09 72.26a4 4 0 005.22 4.53l68-24.24a16.85 16.85 0 0112.92.22c20.35 8 42.86 12.92 65.37 12.92a169.45 169.45 0 00116.63-46 4.29 4.29 0 00-3.66-7.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubblesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubblesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubblesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChatbubblesSharp.js"],"names":["ChatbubblesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qVAAR,GAAhK;AAAggB,8CAAM,GAAE,kZAAR;AAAhgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChatbubblesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChatbubblesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 312.43c.77-1.11 1.51-2.26 2.27-3.34A174.55 174.55 0 00480 211.85C480.32 112.55 396.54 32 292.94 32c-90.36 0-165.74 61.49-183.4 143.12a172.81 172.81 0 00-4 36.83c0 99.4 80.56 182.11 184.16 182.11 16.47 0 38.66-4.95 50.83-8.29s24.23-7.75 27.35-8.94 8-2.41 11.89-1.29l77.42 22.38a4 4 0 005-4.86l-17.72-67.49c-1.23-5-1.39-5.94 3.53-13.14z\" /><path d=\"M312.54 415.38a165.32 165.32 0 01-23.26 2.05c-42.43 0-82.5-11.2-115-32.2a184.09 184.09 0 01-53.09-49.32c-26.08-34.57-40.3-78.51-40.3-124.49 0-3.13.11-6.14.22-9.16a4.34 4.34 0 00-7.54-3.12 158.76 158.76 0 00-14.86 195.24c2.47 3.77 3.87 6.68 3.44 8.62l-14.09 72.26a4 4 0 005.22 4.53l68-24.24a16.85 16.85 0 0112.92.22c20.35 8 42.86 12.92 65.37 12.92a169.45 169.45 0 00116.63-46 4.29 4.29 0 00-3.66-7.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChatbubblesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChatbubblesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChatbubblesSharp"]}
\ No newline at end of file
diff --git a/lib/Checkbox.js b/lib/Checkbox.js
index 34dbc93eb..df6ea29b2 100644
--- a/lib/Checkbox.js
+++ b/lib/Checkbox.js
@@ -47,7 +47,7 @@ var Checkbox = function Checkbox(props) {
 Checkbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Checkbox.js.map b/lib/Checkbox.js.map
index 5c369077e..eabefa8b2 100644
--- a/lib/Checkbox.js.map
+++ b/lib/Checkbox.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox.js"],"names":["Checkbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Checkbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Checkbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 48H112a64.07 64.07 0 00-64 64v288a64.07 64.07 0 0064 64h288a64.07 64.07 0 0064-64V112a64.07 64.07 0 00-64-64zm-35.75 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckbox.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Checkbox"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Checkbox.js"],"names":["Checkbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Checkbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Checkbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 48H112a64.07 64.07 0 00-64 64v288a64.07 64.07 0 0064 64h288a64.07 64.07 0 0064-64V112a64.07 64.07 0 00-64-64zm-35.75 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckbox.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Checkbox"]}
\ No newline at end of file
diff --git a/lib/CheckboxOutline.js b/lib/CheckboxOutline.js
index a93d0d34c..8dd96de7f 100644
--- a/lib/CheckboxOutline.js
+++ b/lib/CheckboxOutline.js
@@ -48,7 +48,7 @@ var CheckboxOutline = function CheckboxOutline(props) {
 CheckboxOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckboxOutline.js.map b/lib/CheckboxOutline.js.map
index 6d607ccbf..1d5835275 100644
--- a/lib/CheckboxOutline.js.map
+++ b/lib/CheckboxOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckboxOutline.js"],"names":["CheckboxOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG,GAAjK;AAAuS,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI;AAAvS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CheckboxOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckboxOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 176L217.6 336 160 272\"/><rect x=\"64\" y=\"64\" width=\"384\" height=\"384\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckboxOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckboxOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckboxOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckboxOutline.js"],"names":["CheckboxOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG,GAAhK;AAAuS,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI;AAAvS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CheckboxOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckboxOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 176L217.6 336 160 272\" /><rect x=\"64\" y=\"64\" width=\"384\" height=\"384\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckboxOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckboxOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckboxOutline"]}
\ No newline at end of file
diff --git a/lib/CheckboxSharp.js b/lib/CheckboxSharp.js
index bf052d94c..9933fb63b 100644
--- a/lib/CheckboxSharp.js
+++ b/lib/CheckboxSharp.js
@@ -47,7 +47,7 @@ var CheckboxSharp = function CheckboxSharp(props) {
 CheckboxSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckboxSharp.js.map b/lib/CheckboxSharp.js.map
index 9a252708a..0a17391f7 100644
--- a/lib/CheckboxSharp.js.map
+++ b/lib/CheckboxSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckboxSharp.js"],"names":["CheckboxSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CheckboxSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckboxSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 48v416h416V48zm170 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckboxSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckboxSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckboxSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckboxSharp.js"],"names":["CheckboxSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CheckboxSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckboxSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 48v416h416V48zm170 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckboxSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckboxSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckboxSharp"]}
\ No newline at end of file
diff --git a/lib/Checkmark.js b/lib/Checkmark.js
index 5dc36c4f5..7307fe523 100644
--- a/lib/Checkmark.js
+++ b/lib/Checkmark.js
@@ -47,7 +47,7 @@ var Checkmark = function Checkmark(props) {
 Checkmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Checkmark.js.map b/lib/Checkmark.js.map
index 6b277ca6b..9037b4cbf 100644
--- a/lib/Checkmark.js.map
+++ b/lib/Checkmark.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkmark.js"],"names":["Checkmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Checkmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Checkmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M416 128L192 384l-96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmark.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Checkmark"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Checkmark.js"],"names":["Checkmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Checkmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Checkmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M416 128L192 384l-96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmark.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Checkmark"]}
\ No newline at end of file
diff --git a/lib/CheckmarkCircle.js b/lib/CheckmarkCircle.js
index abc13365b..919b42e66 100644
--- a/lib/CheckmarkCircle.js
+++ b/lib/CheckmarkCircle.js
@@ -47,7 +47,7 @@ var CheckmarkCircle = function CheckmarkCircle(props) {
 CheckmarkCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkCircle.js.map b/lib/CheckmarkCircle.js.map
index 419ab8d1e..8288c6c37 100644
--- a/lib/CheckmarkCircle.js.map
+++ b/lib/CheckmarkCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkCircle.js"],"names":["CheckmarkCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CheckmarkCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkCircle.js"],"names":["CheckmarkCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"CheckmarkCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircle"]}
\ No newline at end of file
diff --git a/lib/CheckmarkCircleOutline.js b/lib/CheckmarkCircleOutline.js
index 5f0c26629..59c382b08 100644
--- a/lib/CheckmarkCircleOutline.js
+++ b/lib/CheckmarkCircleOutline.js
@@ -48,7 +48,7 @@ var CheckmarkCircleOutline = function CheckmarkCircleOutline(props) {
 CheckmarkCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkCircleOutline.js.map b/lib/CheckmarkCircleOutline.js.map
index cdc22587c..5c63c889e 100644
--- a/lib/CheckmarkCircleOutline.js.map
+++ b/lib/CheckmarkCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkCircleOutline.js"],"names":["CheckmarkCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CheckmarkCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 176L217.6 336 160 272\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkCircleOutline.js"],"names":["CheckmarkCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"CheckmarkCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 176L217.6 336 160 272\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CheckmarkCircleSharp.js b/lib/CheckmarkCircleSharp.js
index 91ff560b9..21a9a7109 100644
--- a/lib/CheckmarkCircleSharp.js
+++ b/lib/CheckmarkCircleSharp.js
@@ -47,7 +47,7 @@ var CheckmarkCircleSharp = function CheckmarkCircleSharp(props) {
 CheckmarkCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkCircleSharp.js.map b/lib/CheckmarkCircleSharp.js.map
index 15662a809..d897b310a 100644
--- a/lib/CheckmarkCircleSharp.js.map
+++ b/lib/CheckmarkCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkCircleSharp.js"],"names":["CheckmarkCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6JAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CheckmarkCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-38 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkCircleSharp.js"],"names":["CheckmarkCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6JAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CheckmarkCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-38 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDone.js b/lib/CheckmarkDone.js
index abce5e170..9de357554 100644
--- a/lib/CheckmarkDone.js
+++ b/lib/CheckmarkDone.js
@@ -47,7 +47,7 @@ var CheckmarkDone = function CheckmarkDone(props) {
 CheckmarkDone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDone.js.map b/lib/CheckmarkDone.js.map
index c958815a2..f08b2b61c 100644
--- a/lib/CheckmarkDone.js.map
+++ b/lib/CheckmarkDone.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDone.js"],"names":["CheckmarkDone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CheckmarkDone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDone.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDone"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDone.js"],"names":["CheckmarkDone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CheckmarkDone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDone.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDone"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDoneCircle.js b/lib/CheckmarkDoneCircle.js
index 30e9197d5..228cbd6c3 100644
--- a/lib/CheckmarkDoneCircle.js
+++ b/lib/CheckmarkDoneCircle.js
@@ -47,7 +47,7 @@ var CheckmarkDoneCircle = function CheckmarkDoneCircle(props) {
 CheckmarkDoneCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDoneCircle.js.map b/lib/CheckmarkDoneCircle.js.map
index cdcf54bb5..2fc196edf 100644
--- a/lib/CheckmarkDoneCircle.js.map
+++ b/lib/CheckmarkDoneCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDoneCircle.js"],"names":["CheckmarkDoneCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0eAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CheckmarkDoneCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-16.79 192.47l51.55-59a16 16 0 0124.1 21.06l-51.55 59a16 16 0 11-24.1-21.06zm-38.86 90.85a16 16 0 01-22.62 0l-47.95-48a16 16 0 1122.64-22.62l48 48a16 16 0 01-.07 22.62zm176.8-128.79l-111.88 128a16 16 0 01-11.51 5.47h-.54a16 16 0 01-11.32-4.69l-47.94-48a16 16 0 1122.64-22.62l29.8 29.83a8 8 0 0011.68-.39l95-108.66a16 16 0 0124.1 21.06z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDoneCircle.js"],"names":["CheckmarkDoneCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0eAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CheckmarkDoneCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-16.79 192.47l51.55-59a16 16 0 0124.1 21.06l-51.55 59a16 16 0 11-24.1-21.06zm-38.86 90.85a16 16 0 01-22.62 0l-47.95-48a16 16 0 1122.64-22.62l48 48a16 16 0 01-.07 22.62zm176.8-128.79l-111.88 128a16 16 0 01-11.51 5.47h-.54a16 16 0 01-11.32-4.69l-47.94-48a16 16 0 1122.64-22.62l29.8 29.83a8 8 0 0011.68-.39l95-108.66a16 16 0 0124.1 21.06z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircle"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDoneCircleOutline.js b/lib/CheckmarkDoneCircleOutline.js
index 465033fe5..c803f7fdd 100644
--- a/lib/CheckmarkDoneCircleOutline.js
+++ b/lib/CheckmarkDoneCircleOutline.js
@@ -48,7 +48,7 @@ var CheckmarkDoneCircleOutline = function CheckmarkDoneCircleOutline(props) {
 CheckmarkDoneCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDoneCircleOutline.js.map b/lib/CheckmarkDoneCircleOutline.js.map
index 4e3a34e21..e0d679c99 100644
--- a/lib/CheckmarkDoneCircleOutline.js.map
+++ b/lib/CheckmarkDoneCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDoneCircleOutline.js"],"names":["CheckmarkDoneCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uEAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"CheckmarkDoneCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 192L256.13 320l-47.95-48M191.95 320L144 272M305.71 192l-51.55 59\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDoneCircleOutline.js"],"names":["CheckmarkDoneCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uEAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"CheckmarkDoneCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 192L256.13 320l-47.95-48M191.95 320L144 272M305.71 192l-51.55 59\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDoneCircleSharp.js b/lib/CheckmarkDoneCircleSharp.js
index b9dc30921..1ec409f40 100644
--- a/lib/CheckmarkDoneCircleSharp.js
+++ b/lib/CheckmarkDoneCircleSharp.js
@@ -47,7 +47,7 @@ var CheckmarkDoneCircleSharp = function CheckmarkDoneCircleSharp(props) {
 CheckmarkDoneCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDoneCircleSharp.js.map b/lib/CheckmarkDoneCircleSharp.js.map
index 126928106..8497ce7e9 100644
--- a/lib/CheckmarkDoneCircleSharp.js.map
+++ b/lib/CheckmarkDoneCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDoneCircleSharp.js"],"names":["CheckmarkDoneCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"CheckmarkDoneCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48.19 121.42l24.1 21.06-73.61 84.1-24.1-23.06zM191.93 342.63L121.37 272 144 249.37 214.57 320zm65 .79L185.55 272l22.64-22.62 47.16 47.21 111.13-127.17 24.1 21.06z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDoneCircleSharp.js"],"names":["CheckmarkDoneCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"CheckmarkDoneCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48.19 121.42l24.1 21.06-73.61 84.1-24.1-23.06zM191.93 342.63L121.37 272 144 249.37 214.57 320zm65 .79L185.55 272l22.64-22.62 47.16 47.21 111.13-127.17 24.1 21.06z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDoneOutline.js b/lib/CheckmarkDoneOutline.js
index dc02703da..1ceeb9475 100644
--- a/lib/CheckmarkDoneOutline.js
+++ b/lib/CheckmarkDoneOutline.js
@@ -47,7 +47,7 @@ var CheckmarkDoneOutline = function CheckmarkDoneOutline(props) {
 CheckmarkDoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDoneOutline.js.map b/lib/CheckmarkDoneOutline.js.map
index 6e27aff2c..0aa745bf2 100644
--- a/lib/CheckmarkDoneOutline.js.map
+++ b/lib/CheckmarkDoneOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDoneOutline.js"],"names":["CheckmarkDoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CheckmarkDoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDoneOutline.js"],"names":["CheckmarkDoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CheckmarkDoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneOutline"]}
\ No newline at end of file
diff --git a/lib/CheckmarkDoneSharp.js b/lib/CheckmarkDoneSharp.js
index efd495f19..60f4923d0 100644
--- a/lib/CheckmarkDoneSharp.js
+++ b/lib/CheckmarkDoneSharp.js
@@ -47,7 +47,7 @@ var CheckmarkDoneSharp = function CheckmarkDoneSharp(props) {
 CheckmarkDoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkDoneSharp.js.map b/lib/CheckmarkDoneSharp.js.map
index 28e4426fd..9ea01d6b2 100644
--- a/lib/CheckmarkDoneSharp.js.map
+++ b/lib/CheckmarkDoneSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkDoneSharp.js"],"names":["CheckmarkDoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CheckmarkDoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M465 127L241 384l-92-92M140 385l-93-93M363 127L236 273\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkDoneSharp.js"],"names":["CheckmarkDoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CheckmarkDoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkDoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M465 127L241 384l-92-92M140 385l-93-93M363 127L236 273\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkDoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkDoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkDoneSharp"]}
\ No newline at end of file
diff --git a/lib/CheckmarkOutline.js b/lib/CheckmarkOutline.js
index 3ed1e068d..0b7b4a98c 100644
--- a/lib/CheckmarkOutline.js
+++ b/lib/CheckmarkOutline.js
@@ -47,7 +47,7 @@ var CheckmarkOutline = function CheckmarkOutline(props) {
 CheckmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkOutline.js.map b/lib/CheckmarkOutline.js.map
index 0c317219c..97ad13c93 100644
--- a/lib/CheckmarkOutline.js.map
+++ b/lib/CheckmarkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkOutline.js"],"names":["CheckmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CheckmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M416 128L192 384l-96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkOutline.js"],"names":["CheckmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CheckmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M416 128L192 384l-96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkOutline"]}
\ No newline at end of file
diff --git a/lib/CheckmarkSharp.js b/lib/CheckmarkSharp.js
index b298856ce..69f544fa7 100644
--- a/lib/CheckmarkSharp.js
+++ b/lib/CheckmarkSharp.js
@@ -47,7 +47,7 @@ var CheckmarkSharp = function CheckmarkSharp(props) {
 CheckmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CheckmarkSharp.js.map b/lib/CheckmarkSharp.js.map
index 21bbd0b52..6cbe5888d 100644
--- a/lib/CheckmarkSharp.js.map
+++ b/lib/CheckmarkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CheckmarkSharp.js"],"names":["CheckmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CheckmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M416 128L192 384l-96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CheckmarkSharp.js"],"names":["CheckmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CheckmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CheckmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M416 128L192 384l-96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCheckmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCheckmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CheckmarkSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronBack.js b/lib/ChevronBack.js
index 42b081c22..8b02f7247 100644
--- a/lib/ChevronBack.js
+++ b/lib/ChevronBack.js
@@ -47,7 +47,7 @@ var ChevronBack = function ChevronBack(props) {
 ChevronBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBack.js.map b/lib/ChevronBack.js.map
index 71cd75db3..f0989876a 100644
--- a/lib/ChevronBack.js.map
+++ b/lib/ChevronBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBack.js"],"names":["ChevronBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ChevronBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBack.js"],"names":["ChevronBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ChevronBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBack"]}
\ No newline at end of file
diff --git a/lib/ChevronBackCircle.js b/lib/ChevronBackCircle.js
index 025866d3b..d0989bf2b 100644
--- a/lib/ChevronBackCircle.js
+++ b/lib/ChevronBackCircle.js
@@ -47,7 +47,7 @@ var ChevronBackCircle = function ChevronBackCircle(props) {
 ChevronBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBackCircle.js.map b/lib/ChevronBackCircle.js.map
index f56cc7bcc..c182cc0a0 100644
--- a/lib/ChevronBackCircle.js.map
+++ b/lib/ChevronBackCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBackCircle.js"],"names":["ChevronBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChevronBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm35.31 292.69a16 16 0 11-22.62 22.62l-96-96a16 16 0 010-22.62l96-96a16 16 0 0122.62 22.62L206.63 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBackCircle.js"],"names":["ChevronBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChevronBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm35.31 292.69a16 16 0 11-22.62 22.62l-96-96a16 16 0 010-22.62l96-96a16 16 0 0122.62 22.62L206.63 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircle"]}
\ No newline at end of file
diff --git a/lib/ChevronBackCircleOutline.js b/lib/ChevronBackCircleOutline.js
index f770312f9..2befd7ad9 100644
--- a/lib/ChevronBackCircleOutline.js
+++ b/lib/ChevronBackCircleOutline.js
@@ -48,7 +48,7 @@ var ChevronBackCircleOutline = function ChevronBackCircleOutline(props) {
 ChevronBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBackCircleOutline.js.map b/lib/ChevronBackCircleOutline.js.map
index b28342781..9924cb9e2 100644
--- a/lib/ChevronBackCircleOutline.js.map
+++ b/lib/ChevronBackCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBackCircleOutline.js"],"names":["ChevronBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ChevronBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M296 352l-96-96 96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBackCircleOutline.js"],"names":["ChevronBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ChevronBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M296 352l-96-96 96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronBackCircleSharp.js b/lib/ChevronBackCircleSharp.js
index 7aa015c5c..69b6766f6 100644
--- a/lib/ChevronBackCircleSharp.js
+++ b/lib/ChevronBackCircleSharp.js
@@ -47,7 +47,7 @@ var ChevronBackCircleSharp = function ChevronBackCircleSharp(props) {
 ChevronBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBackCircleSharp.js.map b/lib/ChevronBackCircleSharp.js.map
index 6c2038cb2..2322ba6a7 100644
--- a/lib/ChevronBackCircleSharp.js.map
+++ b/lib/ChevronBackCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBackCircleSharp.js"],"names":["ChevronBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm62.63 304L296 374.63 177.37 256 296 137.37 318.63 160l-96 96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBackCircleSharp.js"],"names":["ChevronBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm62.63 304L296 374.63 177.37 256 296 137.37 318.63 160l-96 96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronBackOutline.js b/lib/ChevronBackOutline.js
index 495dde4a0..68a12f7df 100644
--- a/lib/ChevronBackOutline.js
+++ b/lib/ChevronBackOutline.js
@@ -47,7 +47,7 @@ var ChevronBackOutline = function ChevronBackOutline(props) {
 ChevronBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBackOutline.js.map b/lib/ChevronBackOutline.js.map
index 1cf522cac..05fbba18f 100644
--- a/lib/ChevronBackOutline.js.map
+++ b/lib/ChevronBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBackOutline.js"],"names":["ChevronBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChevronBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBackOutline.js"],"names":["ChevronBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChevronBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronBackSharp.js b/lib/ChevronBackSharp.js
index dad428a63..98c23207a 100644
--- a/lib/ChevronBackSharp.js
+++ b/lib/ChevronBackSharp.js
@@ -47,7 +47,7 @@ var ChevronBackSharp = function ChevronBackSharp(props) {
 ChevronBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronBackSharp.js.map b/lib/ChevronBackSharp.js.map
index 57e7ee19a..3bbfb2b4d 100644
--- a/lib/ChevronBackSharp.js.map
+++ b/lib/ChevronBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronBackSharp.js"],"names":["ChevronBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronBackSharp.js"],"names":["ChevronBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M328 112L184 256l144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronBackSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronDown.js b/lib/ChevronDown.js
index afabeada6..c2fd11f5d 100644
--- a/lib/ChevronDown.js
+++ b/lib/ChevronDown.js
@@ -47,7 +47,7 @@ var ChevronDown = function ChevronDown(props) {
 ChevronDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDown.js.map b/lib/ChevronDown.js.map
index 795f937e7..cc55cd04f 100644
--- a/lib/ChevronDown.js.map
+++ b/lib/ChevronDown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDown.js"],"names":["ChevronDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ChevronDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDown.js"],"names":["ChevronDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ChevronDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDown"]}
\ No newline at end of file
diff --git a/lib/ChevronDownCircle.js b/lib/ChevronDownCircle.js
index dba8948b2..15d0e0b7b 100644
--- a/lib/ChevronDownCircle.js
+++ b/lib/ChevronDownCircle.js
@@ -47,7 +47,7 @@ var ChevronDownCircle = function ChevronDownCircle(props) {
 ChevronDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDownCircle.js.map b/lib/ChevronDownCircle.js.map
index 4a7ea2683..34e2c4d0d 100644
--- a/lib/ChevronDownCircle.js.map
+++ b/lib/ChevronDownCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDownCircle.js"],"names":["ChevronDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8MAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChevronDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-100.69-28.69l-96 96a16 16 0 01-22.62 0l-96-96a16 16 0 0122.62-22.62L256 289.37l84.69-84.68a16 16 0 0122.62 22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDownCircle.js"],"names":["ChevronDownCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8MAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ChevronDownCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-100.69-28.69l-96 96a16 16 0 01-22.62 0l-96-96a16 16 0 0122.62-22.62L256 289.37l84.69-84.68a16 16 0 0122.62 22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircle"]}
\ No newline at end of file
diff --git a/lib/ChevronDownCircleOutline.js b/lib/ChevronDownCircleOutline.js
index 460520b0b..8a90fe344 100644
--- a/lib/ChevronDownCircleOutline.js
+++ b/lib/ChevronDownCircleOutline.js
@@ -48,7 +48,7 @@ var ChevronDownCircleOutline = function ChevronDownCircleOutline(props) {
 ChevronDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDownCircleOutline.js.map b/lib/ChevronDownCircleOutline.js.map
index 5d8269045..673d8fe9e 100644
--- a/lib/ChevronDownCircleOutline.js.map
+++ b/lib/ChevronDownCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDownCircleOutline.js"],"names":["ChevronDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ChevronDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 216l-96 96-96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDownCircleOutline.js"],"names":["ChevronDownCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ChevronDownCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 216l-96 96-96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronDownCircleSharp.js b/lib/ChevronDownCircleSharp.js
index 025dd0597..9ed1fe45e 100644
--- a/lib/ChevronDownCircleSharp.js
+++ b/lib/ChevronDownCircleSharp.js
@@ -47,7 +47,7 @@ var ChevronDownCircleSharp = function ChevronDownCircleSharp(props) {
 ChevronDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDownCircleSharp.js.map b/lib/ChevronDownCircleSharp.js.map
index fc988ce49..43f3aeac8 100644
--- a/lib/ChevronDownCircleSharp.js.map
+++ b/lib/ChevronDownCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDownCircleSharp.js"],"names":["ChevronDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-96-270.63l96 96 96-96L374.63 216 256 334.63 137.37 216z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDownCircleSharp.js"],"names":["ChevronDownCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronDownCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-96-270.63l96 96 96-96L374.63 216 256 334.63 137.37 216z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronDownOutline.js b/lib/ChevronDownOutline.js
index ad73cadeb..7ea1bad72 100644
--- a/lib/ChevronDownOutline.js
+++ b/lib/ChevronDownOutline.js
@@ -47,7 +47,7 @@ var ChevronDownOutline = function ChevronDownOutline(props) {
 ChevronDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDownOutline.js.map b/lib/ChevronDownOutline.js.map
index 43780b661..1b440d400 100644
--- a/lib/ChevronDownOutline.js.map
+++ b/lib/ChevronDownOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDownOutline.js"],"names":["ChevronDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChevronDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDownOutline.js"],"names":["ChevronDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ChevronDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronDownSharp.js b/lib/ChevronDownSharp.js
index 850ffdb0b..65e8f7baa 100644
--- a/lib/ChevronDownSharp.js
+++ b/lib/ChevronDownSharp.js
@@ -47,7 +47,7 @@ var ChevronDownSharp = function ChevronDownSharp(props) {
 ChevronDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronDownSharp.js.map b/lib/ChevronDownSharp.js.map
index 116180bfe..fb2d05b9e 100644
--- a/lib/ChevronDownSharp.js.map
+++ b/lib/ChevronDownSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronDownSharp.js"],"names":["ChevronDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronDownSharp.js"],"names":["ChevronDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 184l144 144 144-144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronDownSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronForward.js b/lib/ChevronForward.js
index 91505200f..f49df4685 100644
--- a/lib/ChevronForward.js
+++ b/lib/ChevronForward.js
@@ -47,7 +47,7 @@ var ChevronForward = function ChevronForward(props) {
 ChevronForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForward.js.map b/lib/ChevronForward.js.map
index be6524a5c..982e54cf5 100644
--- a/lib/ChevronForward.js.map
+++ b/lib/ChevronForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForward.js"],"names":["ChevronForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChevronForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForward.js"],"names":["ChevronForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChevronForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForward"]}
\ No newline at end of file
diff --git a/lib/ChevronForwardCircle.js b/lib/ChevronForwardCircle.js
index e184bf693..49d834878 100644
--- a/lib/ChevronForwardCircle.js
+++ b/lib/ChevronForwardCircle.js
@@ -47,7 +47,7 @@ var ChevronForwardCircle = function ChevronForwardCircle(props) {
 ChevronForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForwardCircle.js.map b/lib/ChevronForwardCircle.js.map
index 67abdba18..460827631 100644
--- a/lib/ChevronForwardCircle.js.map
+++ b/lib/ChevronForwardCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForwardCircle.js"],"names":["ChevronForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChevronForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm257.37 0l-84.68-84.69a16 16 0 0122.62-22.62l96 96a16 16 0 010 22.62l-96 96a16 16 0 01-22.62-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForwardCircle.js"],"names":["ChevronForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChevronForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm257.37 0l-84.68-84.69a16 16 0 0122.62-22.62l96 96a16 16 0 010 22.62l-96 96a16 16 0 01-22.62-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircle"]}
\ No newline at end of file
diff --git a/lib/ChevronForwardCircleOutline.js b/lib/ChevronForwardCircleOutline.js
index eed04f4cf..a85b19085 100644
--- a/lib/ChevronForwardCircleOutline.js
+++ b/lib/ChevronForwardCircleOutline.js
@@ -48,7 +48,7 @@ var ChevronForwardCircleOutline = function ChevronForwardCircleOutline(props) {
 ChevronForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForwardCircleOutline.js.map b/lib/ChevronForwardCircleOutline.js.map
index 0f584c7cc..4abeadbd5 100644
--- a/lib/ChevronForwardCircleOutline.js.map
+++ b/lib/ChevronForwardCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForwardCircleOutline.js"],"names":["ChevronForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAAjK;AAA8T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG;AAA9T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"ChevronForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M216 352l96-96-96-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForwardCircleOutline.js"],"names":["ChevronForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,kBAAiB,IAAtI,EAA2I,aAAY,IAAvJ,GAAhK;AAA8T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG;AAA9T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"ChevronForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M216 352l96-96-96-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronForwardCircleSharp.js b/lib/ChevronForwardCircleSharp.js
index c9890816b..90f7431b9 100644
--- a/lib/ChevronForwardCircleSharp.js
+++ b/lib/ChevronForwardCircleSharp.js
@@ -47,7 +47,7 @@ var ChevronForwardCircleSharp = function ChevronForwardCircleSharp(props) {
 ChevronForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForwardCircleSharp.js.map b/lib/ChevronForwardCircleSharp.js.map
index e96e0d968..4df979874 100644
--- a/lib/ChevronForwardCircleSharp.js.map
+++ b/lib/ChevronForwardCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForwardCircleSharp.js"],"names":["ChevronForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ChevronForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-40 326.63L193.37 352l96-96-96-96L216 137.37 334.63 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForwardCircleSharp.js"],"names":["ChevronForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"ChevronForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-40 326.63L193.37 352l96-96-96-96L216 137.37 334.63 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronForwardOutline.js b/lib/ChevronForwardOutline.js
index 6f06f0a62..81dd0b105 100644
--- a/lib/ChevronForwardOutline.js
+++ b/lib/ChevronForwardOutline.js
@@ -47,7 +47,7 @@ var ChevronForwardOutline = function ChevronForwardOutline(props) {
 ChevronForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForwardOutline.js.map b/lib/ChevronForwardOutline.js.map
index f037a8834..b7f4bf549 100644
--- a/lib/ChevronForwardOutline.js.map
+++ b/lib/ChevronForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForwardOutline.js"],"names":["ChevronForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"ChevronForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForwardOutline.js"],"names":["ChevronForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"ChevronForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronForwardSharp.js b/lib/ChevronForwardSharp.js
index bec62a9a4..644536389 100644
--- a/lib/ChevronForwardSharp.js
+++ b/lib/ChevronForwardSharp.js
@@ -47,7 +47,7 @@ var ChevronForwardSharp = function ChevronForwardSharp(props) {
 ChevronForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronForwardSharp.js.map b/lib/ChevronForwardSharp.js.map
index a86fd4710..526f52f66 100644
--- a/lib/ChevronForwardSharp.js.map
+++ b/lib/ChevronForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronForwardSharp.js"],"names":["ChevronForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ChevronForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronForwardSharp.js"],"names":["ChevronForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ChevronForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M184 112l144 144-144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronForwardSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronUp.js b/lib/ChevronUp.js
index 490f8fba2..b57cc36d2 100644
--- a/lib/ChevronUp.js
+++ b/lib/ChevronUp.js
@@ -47,7 +47,7 @@ var ChevronUp = function ChevronUp(props) {
 ChevronUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUp.js.map b/lib/ChevronUp.js.map
index 16178e492..359f741fa 100644
--- a/lib/ChevronUp.js.map
+++ b/lib/ChevronUp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUp.js"],"names":["ChevronUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ChevronUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUp.js"],"names":["ChevronUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ChevronUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUp"]}
\ No newline at end of file
diff --git a/lib/ChevronUpCircle.js b/lib/ChevronUpCircle.js
index c494c8120..e0531d503 100644
--- a/lib/ChevronUpCircle.js
+++ b/lib/ChevronUpCircle.js
@@ -47,7 +47,7 @@ var ChevronUpCircle = function ChevronUpCircle(props) {
 ChevronUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUpCircle.js.map b/lib/ChevronUpCircle.js.map
index 17ef219e4..74857cc93 100644
--- a/lib/ChevronUpCircle.js.map
+++ b/lib/ChevronUpCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUpCircle.js"],"names":["ChevronUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChevronUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm107.31 259.31a16 16 0 01-22.62 0L256 222.63l-84.69 84.68a16 16 0 01-22.62-22.62l96-96a16 16 0 0122.62 0l96 96a16 16 0 010 22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUpCircle.js"],"names":["ChevronUpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ChevronUpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm107.31 259.31a16 16 0 01-22.62 0L256 222.63l-84.69 84.68a16 16 0 01-22.62-22.62l96-96a16 16 0 0122.62 0l96 96a16 16 0 010 22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircle"]}
\ No newline at end of file
diff --git a/lib/ChevronUpCircleOutline.js b/lib/ChevronUpCircleOutline.js
index 24c0bf9f3..6bfc95193 100644
--- a/lib/ChevronUpCircleOutline.js
+++ b/lib/ChevronUpCircleOutline.js
@@ -48,7 +48,7 @@ var ChevronUpCircleOutline = function ChevronUpCircleOutline(props) {
 ChevronUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUpCircleOutline.js.map b/lib/ChevronUpCircleOutline.js.map
index 5f3ebe6c8..e5095bda0 100644
--- a/lib/ChevronUpCircleOutline.js.map
+++ b/lib/ChevronUpCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUpCircleOutline.js"],"names":["ChevronUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 296l-96-96-96 96\"/><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUpCircleOutline.js"],"names":["ChevronUpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ChevronUpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 296l-96-96-96 96\" /><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronUpCircleSharp.js b/lib/ChevronUpCircleSharp.js
index 1fe3b85d6..993b41be5 100644
--- a/lib/ChevronUpCircleSharp.js
+++ b/lib/ChevronUpCircleSharp.js
@@ -47,7 +47,7 @@ var ChevronUpCircleSharp = function ChevronUpCircleSharp(props) {
 ChevronUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUpCircleSharp.js.map b/lib/ChevronUpCircleSharp.js.map
index a367e92d2..a865e3ed3 100644
--- a/lib/ChevronUpCircleSharp.js.map
+++ b/lib/ChevronUpCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUpCircleSharp.js"],"names":["ChevronUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChevronUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 270.63l-96-96-96 96L137.37 296 256 177.37 374.63 296z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUpCircleSharp.js"],"names":["ChevronUpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ChevronUpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 270.63l-96-96-96 96L137.37 296 256 177.37 374.63 296z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ChevronUpOutline.js b/lib/ChevronUpOutline.js
index ca2769ea3..4019fad4e 100644
--- a/lib/ChevronUpOutline.js
+++ b/lib/ChevronUpOutline.js
@@ -47,7 +47,7 @@ var ChevronUpOutline = function ChevronUpOutline(props) {
 ChevronUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUpOutline.js.map b/lib/ChevronUpOutline.js.map
index e8d72ae0d..cd3a926a7 100644
--- a/lib/ChevronUpOutline.js.map
+++ b/lib/ChevronUpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUpOutline.js"],"names":["ChevronUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUpOutline.js"],"names":["ChevronUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ChevronUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpOutline"]}
\ No newline at end of file
diff --git a/lib/ChevronUpSharp.js b/lib/ChevronUpSharp.js
index 73f41e01b..aba0e81ce 100644
--- a/lib/ChevronUpSharp.js
+++ b/lib/ChevronUpSharp.js
@@ -47,7 +47,7 @@ var ChevronUpSharp = function ChevronUpSharp(props) {
 ChevronUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ChevronUpSharp.js.map b/lib/ChevronUpSharp.js.map
index 42657df7a..99dbb1823 100644
--- a/lib/ChevronUpSharp.js.map
+++ b/lib/ChevronUpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ChevronUpSharp.js"],"names":["ChevronUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChevronUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ChevronUpSharp.js"],"names":["ChevronUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ChevronUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ChevronUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M112 328l144-144 144 144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nChevronUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nChevronUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ChevronUpSharp"]}
\ No newline at end of file
diff --git a/lib/Clipboard.js b/lib/Clipboard.js
index 9a1e00ac5..e344468bc 100644
--- a/lib/Clipboard.js
+++ b/lib/Clipboard.js
@@ -47,7 +47,7 @@ var Clipboard = function Clipboard(props) {
 Clipboard.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Clipboard.js.map b/lib/Clipboard.js.map
index 6e1124b0d..3826eed34 100644
--- a/lib/Clipboard.js.map
+++ b/lib/Clipboard.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Clipboard.js"],"names":["Clipboard","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Clipboard.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Clipboard = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 48h-11.41a8 8 0 01-7.44-5.08A42.18 42.18 0 00309.87 16H202.13a42.18 42.18 0 00-39.28 26.92 8 8 0 01-7.44 5.08H144a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V112a64 64 0 00-64-64zm-48.13 64H192.13a16 16 0 010-32h127.74a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboard.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboard.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Clipboard"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Clipboard.js"],"names":["Clipboard","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Clipboard.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Clipboard = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 48h-11.41a8 8 0 01-7.44-5.08A42.18 42.18 0 00309.87 16H202.13a42.18 42.18 0 00-39.28 26.92 8 8 0 01-7.44 5.08H144a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V112a64 64 0 00-64-64zm-48.13 64H192.13a16 16 0 010-32h127.74a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboard.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboard.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Clipboard"]}
\ No newline at end of file
diff --git a/lib/ClipboardOutline.js b/lib/ClipboardOutline.js
index bbf29b010..221a94fef 100644
--- a/lib/ClipboardOutline.js
+++ b/lib/ClipboardOutline.js
@@ -48,7 +48,7 @@ var ClipboardOutline = function ClipboardOutline(props) {
 ClipboardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ClipboardOutline.js.map b/lib/ClipboardOutline.js.map
index a68034915..14d3e0302 100644
--- a/lib/ClipboardOutline.js.map
+++ b/lib/ClipboardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ClipboardOutline.js"],"names":["ClipboardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6FAAR,EAAsG,MAAK,MAA3G,EAAkH,QAAO,cAAzH,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K,GAAjK;AAAkV,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI;AAAlV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ClipboardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ClipboardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 64h32a48 48 0 0148 48v320a48 48 0 01-48 48H144a48 48 0 01-48-48V112a48 48 0 0148-48h32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"176\" y=\"32\" width=\"160\" height=\"64\" rx=\"26.13\" ry=\"26.13\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ClipboardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ClipboardOutline.js"],"names":["ClipboardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6FAAR,EAAsG,MAAK,MAA3G,EAAkH,QAAO,cAAzH,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K,GAAhK;AAAkV,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI;AAAlV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ClipboardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ClipboardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 64h32a48 48 0 0148 48v320a48 48 0 01-48 48H144a48 48 0 01-48-48V112a48 48 0 0148-48h32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"176\" y=\"32\" width=\"160\" height=\"64\" rx=\"26.13\" ry=\"26.13\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ClipboardOutline"]}
\ No newline at end of file
diff --git a/lib/ClipboardSharp.js b/lib/ClipboardSharp.js
index 0425faf2c..682d93690 100644
--- a/lib/ClipboardSharp.js
+++ b/lib/ClipboardSharp.js
@@ -47,7 +47,7 @@ var ClipboardSharp = function ClipboardSharp(props) {
 ClipboardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ClipboardSharp.js.map b/lib/ClipboardSharp.js.map
index f6d8336c6..637e0fd6c 100644
--- a/lib/ClipboardSharp.js.map
+++ b/lib/ClipboardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ClipboardSharp.js"],"names":["ClipboardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ClipboardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ClipboardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 48h-68V28a12 12 0 00-12-12H172a12 12 0 00-12 12v20H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V60a12 12 0 00-12-12zm-84.13 64H176.13V80h159.74z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ClipboardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ClipboardSharp.js"],"names":["ClipboardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ClipboardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ClipboardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 48h-68V28a12 12 0 00-12-12H172a12 12 0 00-12 12v20H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V60a12 12 0 00-12-12zm-84.13 64H176.13V80h159.74z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nClipboardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClipboardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ClipboardSharp"]}
\ No newline at end of file
diff --git a/lib/Close.js b/lib/Close.js
index a41e6140f..73011d7a6 100644
--- a/lib/Close.js
+++ b/lib/Close.js
@@ -47,7 +47,7 @@ var Close = function Close(props) {
 Close.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Close.js.map b/lib/Close.js.map
index 3edf764e1..5dc4cabd9 100644
--- a/lib/Close.js.map
+++ b/lib/Close.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Close.js"],"names":["Close","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Close.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Close = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nClose.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClose.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Close"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Close.js"],"names":["Close","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Close.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Close = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nClose.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nClose.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Close"]}
\ No newline at end of file
diff --git a/lib/CloseCircle.js b/lib/CloseCircle.js
index 2bb4d5e7a..01cdc0621 100644
--- a/lib/CloseCircle.js
+++ b/lib/CloseCircle.js
@@ -47,7 +47,7 @@ var CloseCircle = function CloseCircle(props) {
 CloseCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloseCircle.js.map b/lib/CloseCircle.js.map
index 1b089e25e..031a1f0e4 100644
--- a/lib/CloseCircle.js.map
+++ b/lib/CloseCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloseCircle.js"],"names":["CloseCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloseCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloseCircle.js"],"names":["CloseCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloseCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircle"]}
\ No newline at end of file
diff --git a/lib/CloseCircleOutline.js b/lib/CloseCircleOutline.js
index e1786f2aa..b48888c92 100644
--- a/lib/CloseCircleOutline.js
+++ b/lib/CloseCircleOutline.js
@@ -48,7 +48,7 @@ var CloseCircleOutline = function CloseCircleOutline(props) {
 CloseCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloseCircleOutline.js.map b/lib/CloseCircleOutline.js.map
index 0e9ffb992..5f6fcfe3b 100644
--- a/lib/CloseCircleOutline.js.map
+++ b/lib/CloseCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloseCircleOutline.js"],"names":["CloseCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloseCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 320L192 192M192 320l128-128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloseCircleOutline.js"],"names":["CloseCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloseCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 320L192 192M192 320l128-128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CloseCircleSharp.js b/lib/CloseCircleSharp.js
index 2d4ec906f..5688d37cf 100644
--- a/lib/CloseCircleSharp.js
+++ b/lib/CloseCircleSharp.js
@@ -47,7 +47,7 @@ var CloseCircleSharp = function CloseCircleSharp(props) {
 CloseCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloseCircleSharp.js.map b/lib/CloseCircleSharp.js.map
index cb836d10c..ef79d85e1 100644
--- a/lib/CloseCircleSharp.js.map
+++ b/lib/CloseCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloseCircleSharp.js"],"names":["CloseCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloseCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloseCircleSharp.js"],"names":["CloseCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloseCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CloseOutline.js b/lib/CloseOutline.js
index c46545695..bf86c6802 100644
--- a/lib/CloseOutline.js
+++ b/lib/CloseOutline.js
@@ -47,7 +47,7 @@ var CloseOutline = function CloseOutline(props) {
 CloseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloseOutline.js.map b/lib/CloseOutline.js.map
index ce31a5b18..6208a8c1a 100644
--- a/lib/CloseOutline.js.map
+++ b/lib/CloseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloseOutline.js"],"names":["CloseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloseOutline.js"],"names":["CloseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 368L144 144M368 144L144 368\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseOutline"]}
\ No newline at end of file
diff --git a/lib/CloseSharp.js b/lib/CloseSharp.js
index 74681e21c..0d7aca51f 100644
--- a/lib/CloseSharp.js
+++ b/lib/CloseSharp.js
@@ -47,7 +47,7 @@ var CloseSharp = function CloseSharp(props) {
 CloseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloseSharp.js.map b/lib/CloseSharp.js.map
index 3a2b24058..097bcaffa 100644
--- a/lib/CloseSharp.js.map
+++ b/lib/CloseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloseSharp.js"],"names":["CloseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CloseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloseSharp.js"],"names":["CloseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CloseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloseSharp"]}
\ No newline at end of file
diff --git a/lib/Cloud.js b/lib/Cloud.js
index d1e9acdd9..2b3cb06b0 100644
--- a/lib/Cloud.js
+++ b/lib/Cloud.js
@@ -47,7 +47,7 @@ var Cloud = function Cloud(props) {
 Cloud.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cloud.js.map b/lib/Cloud.js.map
index 85e6122bd..e2016d49d 100644
--- a/lib/Cloud.js.map
+++ b/lib/Cloud.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cloud.js"],"names":["Cloud","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6YAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Cloud.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cloud = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 18.11-16.53 42.22-28.25 69.18-33.87a16 16 0 0011.37-9.15 156.24 156.24 0 0142.05-56C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c24.73 23.81 41.5 55.28 49.18 92a16 16 0 0012.12 12.39C470 237.42 512 270.43 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloud.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloud.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cloud"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cloud.js"],"names":["Cloud","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6YAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Cloud.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cloud = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 18.11-16.53 42.22-28.25 69.18-33.87a16 16 0 0011.37-9.15 156.24 156.24 0 0142.05-56C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c24.73 23.81 41.5 55.28 49.18 92a16 16 0 0012.12 12.39C470 237.42 512 270.43 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloud.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloud.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cloud"]}
\ No newline at end of file
diff --git a/lib/CloudCircle.js b/lib/CloudCircle.js
index 7634fb50f..e34df48cf 100644
--- a/lib/CloudCircle.js
+++ b/lib/CloudCircle.js
@@ -47,7 +47,7 @@ var CloudCircle = function CloudCircle(props) {
 CloudCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudCircle.js.map b/lib/CloudCircle.js.map
index 29d25a291..333bc55fa 100644
--- a/lib/CloudCircle.js.map
+++ b/lib/CloudCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudCircle.js"],"names":["CloudCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H193.05c-31.53 0-57.56-25.58-57-57.11.53-31.74 23.68-49.95 51.35-54.3a7.92 7.92 0 006.16-5C202.07 189.22 223.63 168 256 168c33.17 0 61.85 22.49 70.14 60.21a17.75 17.75 0 0013.18 13.43C357.79 246.05 376 259.21 376 284c0 30.28-22.5 44-50 44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudCircle.js"],"names":["CloudCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H193.05c-31.53 0-57.56-25.58-57-57.11.53-31.74 23.68-49.95 51.35-54.3a7.92 7.92 0 006.16-5C202.07 189.22 223.63 168 256 168c33.17 0 61.85 22.49 70.14 60.21a17.75 17.75 0 0013.18 13.43C357.79 246.05 376 259.21 376 284c0 30.28-22.5 44-50 44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircle"]}
\ No newline at end of file
diff --git a/lib/CloudCircleOutline.js b/lib/CloudCircleOutline.js
index c8ec11e91..a075077d6 100644
--- a/lib/CloudCircleOutline.js
+++ b/lib/CloudCircleOutline.js
@@ -48,7 +48,7 @@ var CloudCircleOutline = function CloudCircleOutline(props) {
 CloudCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudCircleOutline.js.map b/lib/CloudCircleOutline.js.map
index cf1a5cb93..2e9dc9de9 100644
--- a/lib/CloudCircleOutline.js.map
+++ b/lib/CloudCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudCircleOutline.js"],"names":["CloudCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oPAAR,GAAjK;AAA+Z,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA/Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M333.88 240.59a8 8 0 01-6.66-6.66C320.68 192.78 290.82 168 256 168c-32.37 0-53.93 21.22-62.48 43.58a7.92 7.92 0 01-6.16 5c-27.67 4.35-50.82 22.56-51.35 54.3-.52 31.53 25.51 57.11 57 57.11H326c27.5 0 50-13.72 50-44 0-27.22-22-40.41-42.12-43.4z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudCircleOutline.js"],"names":["CloudCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oPAAR,GAAhK;AAA+Z,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA/Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M333.88 240.59a8 8 0 01-6.66-6.66C320.68 192.78 290.82 168 256 168c-32.37 0-53.93 21.22-62.48 43.58a7.92 7.92 0 01-6.16 5c-27.67 4.35-50.82 22.56-51.35 54.3-.52 31.53 25.51 57.11 57 57.11H326c27.5 0 50-13.72 50-44 0-27.22-22-40.41-42.12-43.4z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircleOutline"]}
\ No newline at end of file
diff --git a/lib/CloudCircleSharp.js b/lib/CloudCircleSharp.js
index 0690b2ccc..adae5a593 100644
--- a/lib/CloudCircleSharp.js
+++ b/lib/CloudCircleSharp.js
@@ -47,7 +47,7 @@ var CloudCircleSharp = function CloudCircleSharp(props) {
 CloudCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudCircleSharp.js.map b/lib/CloudCircleSharp.js.map
index c4daaa58f..28703d9a3 100644
--- a/lib/CloudCircleSharp.js.map
+++ b/lib/CloudCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudCircleSharp.js"],"names":["CloudCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H196c-33 0-60-23-60-56 0-34.21 26-53 56-56 7.28-23.9 29.5-48 64-48 36.5 0 67.55 27.23 72 72 21.49 1.12 48 14.09 48 44 0 30.28-22.5 44-50 44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudCircleSharp.js"],"names":["CloudCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H196c-33 0-60-23-60-56 0-34.21 26-53 56-56 7.28-23.9 29.5-48 64-48 36.5 0 67.55 27.23 72 72 21.49 1.12 48 14.09 48 44 0 30.28-22.5 44-50 44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudCircleSharp"]}
\ No newline at end of file
diff --git a/lib/CloudDone.js b/lib/CloudDone.js
index f13d8e386..2443b99fa 100644
--- a/lib/CloudDone.js
+++ b/lib/CloudDone.js
@@ -47,7 +47,7 @@ var CloudDone = function CloudDone(props) {
 CloudDone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDone.js.map b/lib/CloudDone.js.map
index 0e2329178..03f96e36b 100644
--- a/lib/CloudDone.js.map
+++ b/lib/CloudDone.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDone.js"],"names":["CloudDone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ojBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CloudDone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.44 227.25a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.24 156.24 0 00-42 56 16 16 0 01-11.37 9.15c-27 5.62-51.07 17.34-69.18 33.87C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-57.57-42-90.58-87.56-100.75zm-95.2-8.94l-107.8 128a16 16 0 01-12 5.69h-.27a16 16 0 01-11.88-5.28l-45.9-50.87c-5.77-6.39-5.82-16.33.3-22.4a16 16 0 0123.16.63l33.9 37.58 96-114a16 16 0 1124.48 20.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDone.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDone"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDone.js"],"names":["CloudDone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ojBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CloudDone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.44 227.25a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.24 156.24 0 00-42 56 16 16 0 01-11.37 9.15c-27 5.62-51.07 17.34-69.18 33.87C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-57.57-42-90.58-87.56-100.75zm-95.2-8.94l-107.8 128a16 16 0 01-12 5.69h-.27a16 16 0 01-11.88-5.28l-45.9-50.87c-5.77-6.39-5.82-16.33.3-22.4a16 16 0 0123.16.63l33.9 37.58 96-114a16 16 0 1124.48 20.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDone.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDone"]}
\ No newline at end of file
diff --git a/lib/CloudDoneOutline.js b/lib/CloudDoneOutline.js
index 1c6755c20..5dd8f5c13 100644
--- a/lib/CloudDoneOutline.js
+++ b/lib/CloudDoneOutline.js
@@ -48,7 +48,7 @@ var CloudDoneOutline = function CloudDoneOutline(props) {
 CloudDoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDoneOutline.js.map b/lib/CloudDoneOutline.js.map
index fd3d49a4e..648f4cbc0 100644
--- a/lib/CloudDoneOutline.js.map
+++ b/lib/CloudDoneOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDoneOutline.js"],"names":["CloudDoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,gBAAe,OAApN,EAA4N,aAAY,IAAxO,GAAjK;AAA+Y,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG;AAA/Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudDoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M317 208L209.2 336 163 284.8\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDoneOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDoneOutline.js"],"names":["CloudDoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,gBAAe,OAApN,EAA4N,aAAY,IAAxO,GAAhK;AAA+Y,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG;AAA/Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudDoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M317 208L209.2 336 163 284.8\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDoneOutline"]}
\ No newline at end of file
diff --git a/lib/CloudDoneSharp.js b/lib/CloudDoneSharp.js
index c93cd35a2..f717f5505 100644
--- a/lib/CloudDoneSharp.js
+++ b/lib/CloudDoneSharp.js
@@ -47,7 +47,7 @@ var CloudDoneSharp = function CloudDoneSharp(props) {
 CloudDoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDoneSharp.js.map b/lib/CloudDoneSharp.js.map
index 6ee4493b2..ffdabbc3e 100644
--- a/lib/CloudDoneSharp.js.map
+++ b/lib/CloudDoneSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDoneSharp.js"],"names":["CloudDoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ubAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CloudDoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.25 225.36c-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.42 156.42 0 00-45.22 63.61c-30.26 4.81-57.45 17.18-77.38 35.37C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64zm-204.63 135l-69.22-76.7 23.76-21.44 44.62 49.46 106.29-126.2 24.47 20.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDoneSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDoneSharp.js"],"names":["CloudDoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ubAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CloudDoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.25 225.36c-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.42 156.42 0 00-45.22 63.61c-30.26 4.81-57.45 17.18-77.38 35.37C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64zm-204.63 135l-69.22-76.7 23.76-21.44 44.62 49.46 106.29-126.2 24.47 20.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDoneSharp"]}
\ No newline at end of file
diff --git a/lib/CloudDownload.js b/lib/CloudDownload.js
index 768ace5de..8e897a063 100644
--- a/lib/CloudDownload.js
+++ b/lib/CloudDownload.js
@@ -47,7 +47,7 @@ var CloudDownload = function CloudDownload(props) {
 CloudDownload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDownload.js.map b/lib/CloudDownload.js.map
index ddc6dc281..b03799f9e 100644
--- a/lib/CloudDownload.js.map
+++ b/lib/CloudDownload.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDownload.js"],"names":["CloudDownload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uiBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CloudDownload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.7 189.5c-13.26-8.43-29.83-14.56-48.08-17.93A16 16 0 01412 159.28c-7.86-34.51-24.6-64.13-49.15-86.58C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a150.13 150.13 0 00-41.95 52.83A16.05 16.05 0 01108 125.8c-27.13 4.9-50.53 14.68-68.41 28.7C13.7 174.83 0 203.56 0 237.6 0 305 55.93 352 136 352h104V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v128h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 425.42l-36.7-36.64a16 16 0 00-22.6 22.65l64 63.89a16 16 0 0022.6 0l64-63.89a16 16 0 00-22.6-22.65L272 425.42V352h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownload.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownload"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDownload.js"],"names":["CloudDownload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uiBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CloudDownload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.7 189.5c-13.26-8.43-29.83-14.56-48.08-17.93A16 16 0 01412 159.28c-7.86-34.51-24.6-64.13-49.15-86.58C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a150.13 150.13 0 00-41.95 52.83A16.05 16.05 0 01108 125.8c-27.13 4.9-50.53 14.68-68.41 28.7C13.7 174.83 0 203.56 0 237.6 0 305 55.93 352 136 352h104V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v128h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 425.42l-36.7-36.64a16 16 0 00-22.6 22.65l64 63.89a16 16 0 0022.6 0l64-63.89a16 16 0 00-22.6-22.65L272 425.42V352h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownload.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownload"]}
\ No newline at end of file
diff --git a/lib/CloudDownloadOutline.js b/lib/CloudDownloadOutline.js
index c3d1ad0e6..eac681aad 100644
--- a/lib/CloudDownloadOutline.js
+++ b/lib/CloudDownloadOutline.js
@@ -47,7 +47,7 @@ var CloudDownloadOutline = function CloudDownloadOutline(props) {
 CloudDownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDownloadOutline.js.map b/lib/CloudDownloadOutline.js.map
index cb78a40a8..6ec865ad0 100644
--- a/lib/CloudDownloadOutline.js.map
+++ b/lib/CloudDownloadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDownloadOutline.js"],"names":["CloudDownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,eAAc,OAA5P,EAAoQ,gBAAe,OAAnR,EAA2R,aAAY,IAAvS;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CloudDownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownloadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDownloadOutline.js"],"names":["CloudDownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,eAAc,OAA5P,EAAoQ,gBAAe,OAAnR,EAA2R,aAAY,IAAvS;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"CloudDownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownloadOutline"]}
\ No newline at end of file
diff --git a/lib/CloudDownloadSharp.js b/lib/CloudDownloadSharp.js
index 6ed4f8ed9..1cb9b94d5 100644
--- a/lib/CloudDownloadSharp.js
+++ b/lib/CloudDownloadSharp.js
@@ -47,7 +47,7 @@ var CloudDownloadSharp = function CloudDownloadSharp(props) {
 CloudDownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudDownloadSharp.js.map b/lib/CloudDownloadSharp.js.map
index 135cb8b4c..648068cc0 100644
--- a/lib/CloudDownloadSharp.js.map
+++ b/lib/CloudDownloadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudDownloadSharp.js"],"names":["CloudDownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4ZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudDownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.7 189.5c-15.76-10-36.21-16.79-58.59-19.54-6.65-39.1-24.22-72.52-51.27-97.26C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a149.7 149.7 0 00-45.29 60.42c-30.67 4.32-57 14.61-76.71 30C13.7 174.83 0 203.56 0 237.6 0 305 55.92 352 136 352h104V208h32v144h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 419.42L191.98 371l-22.61 23L256 480l86.63-86-22.61-23L272 419.42V352h-32v67.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownloadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudDownloadSharp.js"],"names":["CloudDownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4ZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudDownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudDownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.7 189.5c-15.76-10-36.21-16.79-58.59-19.54-6.65-39.1-24.22-72.52-51.27-97.26C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a149.7 149.7 0 00-45.29 60.42c-30.67 4.32-57 14.61-76.71 30C13.7 174.83 0 203.56 0 237.6 0 305 55.92 352 136 352h104V208h32v144h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 419.42L191.98 371l-22.61 23L256 480l86.63-86-22.61-23L272 419.42V352h-32v67.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudDownloadSharp"]}
\ No newline at end of file
diff --git a/lib/CloudOffline.js b/lib/CloudOffline.js
index 7cc5003b8..a676fcc28 100644
--- a/lib/CloudOffline.js
+++ b/lib/CloudOffline.js
@@ -47,7 +47,7 @@ var CloudOffline = function CloudOffline(props) {
 CloudOffline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudOffline.js.map b/lib/CloudOffline.js.map
index fdc4223c9..1a9268e71 100644
--- a/lib/CloudOffline.js.map
+++ b/lib/CloudOffline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudOffline.js"],"names":["CloudOffline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4hBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloudOffline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOffline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM38.72 196.78C13.39 219.88 0 251.42 0 288c0 36 14.38 68.88 40.49 92.59C65.64 403.43 99.56 416 136 416h192.8a8 8 0 005.66-13.66L100.88 168.76a8 8 0 00-8-2C72 173.15 53.4 183.38 38.72 196.78zM476.59 391.23C499.76 372.78 512 345.39 512 312c0-57.57-42-90.58-87.56-100.75a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 64c-31.12 0-60.12 9-84.62 26.1a8 8 0 00-1.14 12.26L461.68 393.8a8 8 0 0010.2.93q2.43-1.68 4.71-3.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOffline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOffline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOffline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudOffline.js"],"names":["CloudOffline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4hBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloudOffline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOffline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM38.72 196.78C13.39 219.88 0 251.42 0 288c0 36 14.38 68.88 40.49 92.59C65.64 403.43 99.56 416 136 416h192.8a8 8 0 005.66-13.66L100.88 168.76a8 8 0 00-8-2C72 173.15 53.4 183.38 38.72 196.78zM476.59 391.23C499.76 372.78 512 345.39 512 312c0-57.57-42-90.58-87.56-100.75a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 64c-31.12 0-60.12 9-84.62 26.1a8 8 0 00-1.14 12.26L461.68 393.8a8 8 0 0010.2.93q2.43-1.68 4.71-3.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOffline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOffline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOffline"]}
\ No newline at end of file
diff --git a/lib/CloudOfflineOutline.js b/lib/CloudOfflineOutline.js
index a3a3028ac..ec11c5972 100644
--- a/lib/CloudOfflineOutline.js
+++ b/lib/CloudOfflineOutline.js
@@ -48,7 +48,7 @@ var CloudOfflineOutline = function CloudOfflineOutline(props) {
 CloudOfflineOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudOfflineOutline.js.map b/lib/CloudOfflineOutline.js.map
index 59b861d77..6345db1ca 100644
--- a/lib/CloudOfflineOutline.js.map
+++ b/lib/CloudOfflineOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudOfflineOutline.js"],"names":["CloudOfflineOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oMAAR,EAA6M,MAAK,MAAlN,EAAyN,QAAO,cAAhO,EAA+O,eAAc,OAA7P,EAAqQ,gBAAe,OAApR,EAA4R,aAAY,IAAxS,GAAjK;AAA+c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAA/c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CloudOfflineOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOfflineOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37M467.82 377.74C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88-8.89-89.54-71-144-144-144-26.16 0-48.79 6.93-67.6 18.14\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 448L64 64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOfflineOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOfflineOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOfflineOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudOfflineOutline.js"],"names":["CloudOfflineOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oMAAR,EAA6M,MAAK,MAAlN,EAAyN,QAAO,cAAhO,EAA+O,eAAc,OAA7P,EAAqQ,gBAAe,OAApR,EAA4R,aAAY,IAAxS,GAAhK;AAA+c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAA/c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CloudOfflineOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOfflineOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37M467.82 377.74C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88-8.89-89.54-71-144-144-144-26.16 0-48.79 6.93-67.6 18.14\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 448L64 64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOfflineOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOfflineOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOfflineOutline"]}
\ No newline at end of file
diff --git a/lib/CloudOfflineSharp.js b/lib/CloudOfflineSharp.js
index 46fedb8ba..a8954c653 100644
--- a/lib/CloudOfflineSharp.js
+++ b/lib/CloudOfflineSharp.js
@@ -47,7 +47,7 @@ var CloudOfflineSharp = function CloudOfflineSharp(props) {
 CloudOfflineSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudOfflineSharp.js.map b/lib/CloudOfflineSharp.js.map
index 43d141351..e9328632b 100644
--- a/lib/CloudOfflineSharp.js.map
+++ b/lib/CloudOfflineSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudOfflineSharp.js"],"names":["CloudOfflineSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iaAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CloudOfflineSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOfflineSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM38.72 212.78C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h228.12L110.51 178.39c-28.01 5.39-53.09 17.33-71.79 34.39zM476.59 407.23C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-30.47 0-58.9 8.62-83.07 25l302.82 302.86c.25-.21.57-.41.84-.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOfflineSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOfflineSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOfflineSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudOfflineSharp.js"],"names":["CloudOfflineSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iaAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CloudOfflineSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOfflineSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM38.72 212.78C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h228.12L110.51 178.39c-28.01 5.39-53.09 17.33-71.79 34.39zM476.59 407.23C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-30.47 0-58.9 8.62-83.07 25l302.82 302.86c.25-.21.57-.41.84-.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOfflineSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOfflineSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOfflineSharp"]}
\ No newline at end of file
diff --git a/lib/CloudOutline.js b/lib/CloudOutline.js
index c19381f0b..2ad37237e 100644
--- a/lib/CloudOutline.js
+++ b/lib/CloudOutline.js
@@ -47,7 +47,7 @@ var CloudOutline = function CloudOutline(props) {
 CloudOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudOutline.js.map b/lib/CloudOutline.js.map
index 559d382e4..621dcdfb8 100644
--- a/lib/CloudOutline.js.map
+++ b/lib/CloudOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudOutline.js"],"names":["CloudOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,gBAAe,OAApN,EAA4N,aAAY,IAAxO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloudOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudOutline.js"],"names":["CloudOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,gBAAe,OAApN,EAA4N,aAAY,IAAxO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CloudOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudOutline"]}
\ No newline at end of file
diff --git a/lib/CloudSharp.js b/lib/CloudSharp.js
index d967569a0..2457a08e5 100644
--- a/lib/CloudSharp.js
+++ b/lib/CloudSharp.js
@@ -47,7 +47,7 @@ var CloudSharp = function CloudSharp(props) {
 CloudSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudSharp.js.map b/lib/CloudSharp.js.map
index 87993e150..0fabfba98 100644
--- a/lib/CloudSharp.js.map
+++ b/lib/CloudSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudSharp.js"],"names":["CloudSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CloudSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 19.93-18.19 47.12-30.56 77.38-35.37a156.42 156.42 0 0145.22-63.61C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c27.06 26.06 44.59 61.28 51.11 102.46C463.56 232.66 512 266.15 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudSharp.js"],"names":["CloudSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CloudSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 19.93-18.19 47.12-30.56 77.38-35.37a156.42 156.42 0 0145.22-63.61C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c27.06 26.06 44.59 61.28 51.11 102.46C463.56 232.66 512 266.15 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudSharp"]}
\ No newline at end of file
diff --git a/lib/CloudUpload.js b/lib/CloudUpload.js
index a32b2884d..ffb45ea06 100644
--- a/lib/CloudUpload.js
+++ b/lib/CloudUpload.js
@@ -47,7 +47,7 @@ var CloudUpload = function CloudUpload(props) {
 CloudUpload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudUpload.js.map b/lib/CloudUpload.js.map
index 0ecc2130d..dc8e7eddc 100644
--- a/lib/CloudUpload.js.map
+++ b/lib/CloudUpload.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudUpload.js"],"names":["CloudUpload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gqBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudUpload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUpload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.66 210c-14-10.38-31.2-18-49.36-22.11a16.11 16.11 0 01-12.19-12.22c-7.8-34.75-24.59-64.55-49.27-87.13C334.15 62.25 296.21 47.79 256 47.79c-35.35 0-68 11.08-94.37 32.05a150.07 150.07 0 00-42.06 53 16 16 0 01-11.31 8.87c-26.75 5.4-50.9 16.87-69.34 33.12C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-36.69 36.69a16 16 0 01-23.16-.56c-5.8-6.37-5.24-16.3.85-22.39l63.69-63.68a16 16 0 0122.62 0L331 244.14c6.28 6.29 6.64 16.6.39 22.91a16 16 0 01-22.68.06L272 230.42v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 448.21a16 16 0 1032 0v-64.42h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUpload.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUpload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUpload"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudUpload.js"],"names":["CloudUpload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gqBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudUpload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUpload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.66 210c-14-10.38-31.2-18-49.36-22.11a16.11 16.11 0 01-12.19-12.22c-7.8-34.75-24.59-64.55-49.27-87.13C334.15 62.25 296.21 47.79 256 47.79c-35.35 0-68 11.08-94.37 32.05a150.07 150.07 0 00-42.06 53 16 16 0 01-11.31 8.87c-26.75 5.4-50.9 16.87-69.34 33.12C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-36.69 36.69a16 16 0 01-23.16-.56c-5.8-6.37-5.24-16.3.85-22.39l63.69-63.68a16 16 0 0122.62 0L331 244.14c6.28 6.29 6.64 16.6.39 22.91a16 16 0 01-22.68.06L272 230.42v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 448.21a16 16 0 1032 0v-64.42h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUpload.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUpload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUpload"]}
\ No newline at end of file
diff --git a/lib/CloudUploadOutline.js b/lib/CloudUploadOutline.js
index c3a08b2a2..afc0abfa3 100644
--- a/lib/CloudUploadOutline.js
+++ b/lib/CloudUploadOutline.js
@@ -48,7 +48,7 @@ var CloudUploadOutline = function CloudUploadOutline(props) {
 CloudUploadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudUploadOutline.js.map b/lib/CloudUploadOutline.js.map
index 49fa42505..1e9c15207 100644
--- a/lib/CloudUploadOutline.js.map
+++ b/lib/CloudUploadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudUploadOutline.js"],"names":["CloudUploadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qKAAR,EAA8K,MAAK,MAAnL,EAA0L,QAAO,cAAjM,EAAgN,eAAc,OAA9N,EAAsO,gBAAe,OAArP,EAA6P,aAAY,IAAzQ,GAAjK;AAAgb,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudUploadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUploadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8-69 0-113.44 45.79-128 91.2-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 255.79l-64-64-64 64M256 448.21V207.79\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUploadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUploadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUploadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudUploadOutline.js"],"names":["CloudUploadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qKAAR,EAA8K,MAAK,MAAnL,EAA0L,QAAO,cAAjM,EAAgN,eAAc,OAA9N,EAAsO,gBAAe,OAArP,EAA6P,aAAY,IAAzQ,GAAhK;AAAgb,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudUploadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUploadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8-69 0-113.44 45.79-128 91.2-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 255.79l-64-64-64 64M256 448.21V207.79\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUploadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUploadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUploadOutline"]}
\ No newline at end of file
diff --git a/lib/CloudUploadSharp.js b/lib/CloudUploadSharp.js
index 7f7f07ad8..ad618739c 100644
--- a/lib/CloudUploadSharp.js
+++ b/lib/CloudUploadSharp.js
@@ -47,7 +47,7 @@ var CloudUploadSharp = function CloudUploadSharp(props) {
 CloudUploadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudUploadSharp.js.map b/lib/CloudUploadSharp.js.map
index 0f016bdcc..b4665aec6 100644
--- a/lib/CloudUploadSharp.js.map
+++ b/lib/CloudUploadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudUploadSharp.js"],"names":["CloudUploadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4fAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudUploadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUploadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.66 210c-16.56-12.3-37.7-20.75-59.52-24-6.62-39.18-24.21-72.67-51.3-97.45-28.69-26.3-66.63-40.76-106.84-40.76-35.35 0-68 11.08-94.37 32.05a149.61 149.61 0 00-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 383.79h32v80.41h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUploadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUploadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUploadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudUploadSharp.js"],"names":["CloudUploadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4fAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudUploadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudUploadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.66 210c-16.56-12.3-37.7-20.75-59.52-24-6.62-39.18-24.21-72.67-51.3-97.45-28.69-26.3-66.63-40.76-106.84-40.76-35.35 0-68 11.08-94.37 32.05a149.61 149.61 0 00-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 383.79h32v80.41h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudUploadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudUploadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudUploadSharp"]}
\ No newline at end of file
diff --git a/lib/Cloudy.js b/lib/Cloudy.js
index 843002e50..21fda1793 100644
--- a/lib/Cloudy.js
+++ b/lib/Cloudy.js
@@ -47,7 +47,7 @@ var Cloudy = function Cloudy(props) {
 Cloudy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cloudy.js.map b/lib/Cloudy.js.map
index 8fd02ee9a..52ed53593 100644
--- a/lib/Cloudy.js.map
+++ b/lib/Cloudy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cloudy.js"],"names":["Cloudy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Cloudy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cloudy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-57.57 42-90.58 87.56-100.75a16 16 0 0012.12-12.39c7.68-36.68 24.45-68.15 49.18-92A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.24 156.24 0 0142.05 56 16 16 0 0011.37 9.16c27 5.61 51.07 17.33 69.18 33.85C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cloudy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cloudy.js"],"names":["Cloudy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Cloudy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cloudy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-57.57 42-90.58 87.56-100.75a16 16 0 0012.12-12.39c7.68-36.68 24.45-68.15 49.18-92A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.24 156.24 0 0142.05 56 16 16 0 0011.37 9.16c27 5.61 51.07 17.33 69.18 33.85C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cloudy"]}
\ No newline at end of file
diff --git a/lib/CloudyNight.js b/lib/CloudyNight.js
index 835a83054..ee3080bcc 100644
--- a/lib/CloudyNight.js
+++ b/lib/CloudyNight.js
@@ -47,7 +47,7 @@ var CloudyNight = function CloudyNight(props) {
 CloudyNight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudyNight.js.map b/lib/CloudyNight.js.map
index 961ae90c7..1444d56f2 100644
--- a/lib/CloudyNight.js.map
+++ b/lib/CloudyNight.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudyNight.js"],"names":["CloudyNight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,02BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudyNight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 12.1-9.26 27.2-16.17 43.33-20.05a16 16 0 0011.81-12.21c7.15-32.54 22.25-60.49 44.33-81.75A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.22 142.22 0 0137.65 49.54 16.06 16.06 0 0011.12 9c24 5.22 45.42 15.78 61.62 30.56C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM510.53 209.79a16.34 16.34 0 00-1.35-15.8 16 16 0 00-19.57-5.58c-10.7 4.65-24.48 7.17-39.92 7.28-55.3.4-101.38-45-101.38-100.31 0-15.75 2.48-29.84 7.18-40.76a16.3 16.3 0 00-1.85-16.33 16 16 0 00-19.1-5c-38.63 16.82-66.18 51.51-75.27 92.54a4 4 0 003.19 4.79 162.54 162.54 0 0176.31 35.59 172.58 172.58 0 0139.64 47.84 16.35 16.35 0 009.54 7.64c23.89 7.17 45.1 18.9 62.25 34.54q4.44 4.07 8.48 8.42a4 4 0 005.16.57 129.12 129.12 0 0046.69-55.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNight.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNight"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudyNight.js"],"names":["CloudyNight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,02BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudyNight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 12.1-9.26 27.2-16.17 43.33-20.05a16 16 0 0011.81-12.21c7.15-32.54 22.25-60.49 44.33-81.75A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.22 142.22 0 0137.65 49.54 16.06 16.06 0 0011.12 9c24 5.22 45.42 15.78 61.62 30.56C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM510.53 209.79a16.34 16.34 0 00-1.35-15.8 16 16 0 00-19.57-5.58c-10.7 4.65-24.48 7.17-39.92 7.28-55.3.4-101.38-45-101.38-100.31 0-15.75 2.48-29.84 7.18-40.76a16.3 16.3 0 00-1.85-16.33 16 16 0 00-19.1-5c-38.63 16.82-66.18 51.51-75.27 92.54a4 4 0 003.19 4.79 162.54 162.54 0 0176.31 35.59 172.58 172.58 0 0139.64 47.84 16.35 16.35 0 009.54 7.64c23.89 7.17 45.1 18.9 62.25 34.54q4.44 4.07 8.48 8.42a4 4 0 005.16.57 129.12 129.12 0 0046.69-55.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNight.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNight"]}
\ No newline at end of file
diff --git a/lib/CloudyNightOutline.js b/lib/CloudyNightOutline.js
index 9711beb89..372b7d87e 100644
--- a/lib/CloudyNightOutline.js
+++ b/lib/CloudyNightOutline.js
@@ -48,7 +48,7 @@ var CloudyNightOutline = function CloudyNightOutline(props) {
 CloudyNightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudyNightOutline.js.map b/lib/CloudyNightOutline.js.map
index d5bc53576..e5a802d91 100644
--- a/lib/CloudyNightOutline.js.map
+++ b/lib/CloudyNightOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudyNightOutline.js"],"names":["CloudyNightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2MAAR,EAAoN,MAAK,MAAzN,EAAgO,QAAO,cAAvO,EAAsP,eAAc,OAApQ,EAA4Q,gBAAe,OAA3R,EAAmS,aAAY,IAA/S,GAAjK;AAAsd,8CAAM,GAAE,2PAAR,EAAoQ,MAAK,MAAzQ,EAAgR,QAAO,cAAvR,EAAsS,gBAAe,OAArT,EAA6T,aAAY,IAAzU;AAAtd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudyNightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388.31 272c47.75 0 89.77-27.77 107.69-68.92-14.21 6.18-30.9 8.61-47.38 8.61A116.31 116.31 0 01332.31 95.38c0-16.48 2.43-33.17 8.61-47.38C299.77 65.92 272 107.94 272 155.69a116.31 116.31 0 003.44 28.18\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNightOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNightOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudyNightOutline.js"],"names":["CloudyNightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2MAAR,EAAoN,MAAK,MAAzN,EAAgO,QAAO,cAAvO,EAAsP,eAAc,OAApQ,EAA4Q,gBAAe,OAA3R,EAAmS,aAAY,IAA/S,GAAhK;AAAsd,8CAAM,GAAE,2PAAR,EAAoQ,MAAK,MAAzQ,EAAgR,QAAO,cAAvR,EAAsS,gBAAe,OAArT,EAA6T,aAAY,IAAzU;AAAtd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CloudyNightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388.31 272c47.75 0 89.77-27.77 107.69-68.92-14.21 6.18-30.9 8.61-47.38 8.61A116.31 116.31 0 01332.31 95.38c0-16.48 2.43-33.17 8.61-47.38C299.77 65.92 272 107.94 272 155.69a116.31 116.31 0 003.44 28.18\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNightOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNightOutline"]}
\ No newline at end of file
diff --git a/lib/CloudyNightSharp.js b/lib/CloudyNightSharp.js
index 0c4951810..369e672b6 100644
--- a/lib/CloudyNightSharp.js
+++ b/lib/CloudyNightSharp.js
@@ -47,7 +47,7 @@ var CloudyNightSharp = function CloudyNightSharp(props) {
 CloudyNightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudyNightSharp.js.map b/lib/CloudyNightSharp.js.map
index 7a7adc0f2..fbd010289 100644
--- a/lib/CloudyNightSharp.js.map
+++ b/lib/CloudyNightSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudyNightSharp.js"],"names":["CloudyNightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+pBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudyNightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 14.55-11.13 33.41-18.87 53.2-22 6.06-36.92 21.92-68.53 46.29-92A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.41 142.41 0 0140.83 57.05c27.18 4.48 51.59 15.68 69.56 32.08C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM381.55 219.93c26.5 6.93 50 19.32 68.65 36.34q3.89 3.56 7.47 7.34c25.41-18.4 45.47-44.92 54.33-71.38-16.24 7.07-35.31 9.85-54.15 9.85-73.42 0-115.93-42.51-115.93-115.93 0-18.84 2.78-37.91 9.85-54.15-40.41 13.53-81 53.19-92.52 98.13a162.61 162.61 0 0179.52 36.12 173 173 0 0142.78 53.68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNightSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNightSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudyNightSharp.js"],"names":["CloudyNightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+pBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CloudyNightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyNightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 14.55-11.13 33.41-18.87 53.2-22 6.06-36.92 21.92-68.53 46.29-92A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.41 142.41 0 0140.83 57.05c27.18 4.48 51.59 15.68 69.56 32.08C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM381.55 219.93c26.5 6.93 50 19.32 68.65 36.34q3.89 3.56 7.47 7.34c25.41-18.4 45.47-44.92 54.33-71.38-16.24 7.07-35.31 9.85-54.15 9.85-73.42 0-115.93-42.51-115.93-115.93 0-18.84 2.78-37.91 9.85-54.15-40.41 13.53-81 53.19-92.52 98.13a162.61 162.61 0 0179.52 36.12 173 173 0 0142.78 53.68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyNightSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyNightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyNightSharp"]}
\ No newline at end of file
diff --git a/lib/CloudyOutline.js b/lib/CloudyOutline.js
index 8722beeb0..11ec0dbfb 100644
--- a/lib/CloudyOutline.js
+++ b/lib/CloudyOutline.js
@@ -47,7 +47,7 @@ var CloudyOutline = function CloudyOutline(props) {
 CloudyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudyOutline.js.map b/lib/CloudyOutline.js.map
index 3d8756789..d37be4050 100644
--- a/lib/CloudyOutline.js.map
+++ b/lib/CloudyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudyOutline.js"],"names":["CloudyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sPAAR,EAA+P,MAAK,MAApQ,EAA2Q,QAAO,cAAlR,EAAiS,gBAAe,OAAhT,EAAwT,aAAY,IAApU;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CloudyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M100.18 241.19a15.93 15.93 0 0013.37-13.25C126.6 145.59 186.34 96 256 96c64.69 0 107.79 42.36 124.92 87a16.11 16.11 0 0012.53 10.18C449.36 202.06 496 239.21 496 304c0 66-54 112-120 112H116c-55 0-100-27.44-100-88 0-54.43 43.89-80.81 84.18-86.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudyOutline.js"],"names":["CloudyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sPAAR,EAA+P,MAAK,MAApQ,EAA2Q,QAAO,cAAlR,EAAiS,gBAAe,OAAhT,EAAwT,aAAY,IAApU;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CloudyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M100.18 241.19a15.93 15.93 0 0013.37-13.25C126.6 145.59 186.34 96 256 96c64.69 0 107.79 42.36 124.92 87a16.11 16.11 0 0012.53 10.18C449.36 202.06 496 239.21 496 304c0 66-54 112-120 112H116c-55 0-100-27.44-100-88 0-54.43 43.89-80.81 84.18-86.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudyOutline"]}
\ No newline at end of file
diff --git a/lib/CloudySharp.js b/lib/CloudySharp.js
index 5bae6e0fd..55a9fce44 100644
--- a/lib/CloudySharp.js
+++ b/lib/CloudySharp.js
@@ -47,7 +47,7 @@ var CloudySharp = function CloudySharp(props) {
 CloudySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CloudySharp.js.map b/lib/CloudySharp.js.map
index 7a558c06c..f11621453 100644
--- a/lib/CloudySharp.js.map
+++ b/lib/CloudySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CloudySharp.js"],"names":["CloudySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-61.85 48.44-95.34 97.75-102.64 6.52-41.18 24-76.4 51.11-102.46A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.42 156.42 0 0145.22 63.61c30.26 4.81 57.45 17.18 77.38 35.36C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CloudySharp.js"],"names":["CloudySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CloudySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CloudySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-61.85 48.44-95.34 97.75-102.64 6.52-41.18 24-76.4 51.11-102.46A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.42 156.42 0 0145.22 63.61c30.26 4.81 57.45 17.18 77.38 35.36C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCloudySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCloudySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CloudySharp"]}
\ No newline at end of file
diff --git a/lib/Code.js b/lib/Code.js
index 06b158b75..4929f9619 100644
--- a/lib/Code.js
+++ b/lib/Code.js
@@ -47,7 +47,7 @@ var Code = function Code(props) {
 Code.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Code.js.map b/lib/Code.js.map
index 0e01c4a4c..04602d1ed 100644
--- a/lib/Code.js.map
+++ b/lib/Code.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Code.js"],"names":["Code","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Code.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Code = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCode.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Code"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Code.js"],"names":["Code","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Code.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Code = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCode.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Code"]}
\ No newline at end of file
diff --git a/lib/CodeDownload.js b/lib/CodeDownload.js
index ba021843e..fba593ce0 100644
--- a/lib/CodeDownload.js
+++ b/lib/CodeDownload.js
@@ -47,7 +47,7 @@ var CodeDownload = function CodeDownload(props) {
 CodeDownload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeDownload.js.map b/lib/CodeDownload.js.map
index 076dadafc..fb48d9365 100644
--- a/lib/CodeDownload.js.map
+++ b/lib/CodeDownload.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeDownload.js"],"names":["CodeDownload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CodeDownload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownload.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownload"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeDownload.js"],"names":["CodeDownload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CodeDownload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownload.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownload"]}
\ No newline at end of file
diff --git a/lib/CodeDownloadOutline.js b/lib/CodeDownloadOutline.js
index 2a50474b4..421b0f7b8 100644
--- a/lib/CodeDownloadOutline.js
+++ b/lib/CodeDownloadOutline.js
@@ -47,7 +47,7 @@ var CodeDownloadOutline = function CodeDownloadOutline(props) {
 CodeDownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeDownloadOutline.js.map b/lib/CodeDownloadOutline.js.map
index 12672d486..74c5f696e 100644
--- a/lib/CodeDownloadOutline.js.map
+++ b/lib/CodeDownloadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeDownloadOutline.js"],"names":["CodeDownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CodeDownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownloadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeDownloadOutline.js"],"names":["CodeDownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"CodeDownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownloadOutline"]}
\ No newline at end of file
diff --git a/lib/CodeDownloadSharp.js b/lib/CodeDownloadSharp.js
index e3d405920..d35e897a4 100644
--- a/lib/CodeDownloadSharp.js
+++ b/lib/CodeDownloadSharp.js
@@ -47,7 +47,7 @@ var CodeDownloadSharp = function CodeDownloadSharp(props) {
 CodeDownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeDownloadSharp.js.map b/lib/CodeDownloadSharp.js.map
index 8da0d54d8..6a30e1402 100644
--- a/lib/CodeDownloadSharp.js.map
+++ b/lib/CodeDownloadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeDownloadSharp.js"],"names":["CodeDownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CodeDownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownloadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeDownloadSharp.js"],"names":["CodeDownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0FAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"CodeDownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeDownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeDownloadSharp"]}
\ No newline at end of file
diff --git a/lib/CodeOutline.js b/lib/CodeOutline.js
index cf6fcd45c..fd4f4c9d2 100644
--- a/lib/CodeOutline.js
+++ b/lib/CodeOutline.js
@@ -47,7 +47,7 @@ var CodeOutline = function CodeOutline(props) {
 CodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeOutline.js.map b/lib/CodeOutline.js.map
index 11af31f93..cd196af4f 100644
--- a/lib/CodeOutline.js.map
+++ b/lib/CodeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeOutline.js"],"names":["CodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeOutline.js"],"names":["CodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeOutline"]}
\ No newline at end of file
diff --git a/lib/CodeSharp.js b/lib/CodeSharp.js
index 8471fe44d..38496ae21 100644
--- a/lib/CodeSharp.js
+++ b/lib/CodeSharp.js
@@ -47,7 +47,7 @@ var CodeSharp = function CodeSharp(props) {
 CodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeSharp.js.map b/lib/CodeSharp.js.map
index d40ceb08a..bb5743f06 100644
--- a/lib/CodeSharp.js.map
+++ b/lib/CodeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeSharp.js"],"names":["CodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeSharp.js"],"names":["CodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSharp"]}
\ No newline at end of file
diff --git a/lib/CodeSlash.js b/lib/CodeSlash.js
index 06c1c17b5..f08ae7ed0 100644
--- a/lib/CodeSlash.js
+++ b/lib/CodeSlash.js
@@ -47,7 +47,7 @@ var CodeSlash = function CodeSlash(props) {
 CodeSlash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeSlash.js.map b/lib/CodeSlash.js.map
index ceec00b63..f6eef38a1 100644
--- a/lib/CodeSlash.js.map
+++ b/lib/CodeSlash.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeSlash.js"],"names":["CodeSlash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CodeSlash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389zM208 437a21 21 0 01-20.12-27l96-320a21 21 0 1140.23 12l-96 320A21 21 0 01208 437z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlash.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlash"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeSlash.js"],"names":["CodeSlash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CodeSlash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389zM208 437a21 21 0 01-20.12-27l96-320a21 21 0 1140.23 12l-96 320A21 21 0 01208 437z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlash.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlash"]}
\ No newline at end of file
diff --git a/lib/CodeSlashOutline.js b/lib/CodeSlashOutline.js
index d10a885b9..8bb03ce3c 100644
--- a/lib/CodeSlashOutline.js
+++ b/lib/CodeSlashOutline.js
@@ -47,7 +47,7 @@ var CodeSlashOutline = function CodeSlashOutline(props) {
 CodeSlashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeSlashOutline.js.map b/lib/CodeSlashOutline.js.map
index 3a037ae9c..ba172714c 100644
--- a/lib/CodeSlashOutline.js.map
+++ b/lib/CodeSlashOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeSlashOutline.js"],"names":["CodeSlashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gEAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CodeSlashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlashOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlashOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeSlashOutline.js"],"names":["CodeSlashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gEAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CodeSlashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlashOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlashOutline"]}
\ No newline at end of file
diff --git a/lib/CodeSlashSharp.js b/lib/CodeSlashSharp.js
index 4a5030672..8ac21f6f8 100644
--- a/lib/CodeSlashSharp.js
+++ b/lib/CodeSlashSharp.js
@@ -47,7 +47,7 @@ var CodeSlashSharp = function CodeSlashSharp(props) {
 CodeSlashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeSlashSharp.js.map b/lib/CodeSlashSharp.js.map
index 021d08b41..8efaf8f99 100644
--- a/lib/CodeSlashSharp.js.map
+++ b/lib/CodeSlashSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeSlashSharp.js"],"names":["CodeSlashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CodeSlashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63zM222.15 442L182 430.08 289.85 70 330 81.92 222.15 442z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlashSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlashSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeSlashSharp.js"],"names":["CodeSlashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CodeSlashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeSlashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63zM222.15 442L182 430.08 289.85 70 330 81.92 222.15 442z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeSlashSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeSlashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeSlashSharp"]}
\ No newline at end of file
diff --git a/lib/CodeWorking.js b/lib/CodeWorking.js
index b95ad8640..c4d66f19f 100644
--- a/lib/CodeWorking.js
+++ b/lib/CodeWorking.js
@@ -50,7 +50,7 @@ var CodeWorking = function CodeWorking(props) {
 CodeWorking.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeWorking.js.map b/lib/CodeWorking.js.map
index a6537cb13..eafd3b6c6 100644
--- a/lib/CodeWorking.js.map
+++ b/lib/CodeWorking.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeWorking.js"],"names":["CodeWorking","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAAjK;AAAgQ,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAAhQ;AAA+V,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAA/V;AAA8b,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAA9b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CodeWorking.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorking = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><circle cx=\"346\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><circle cx=\"166\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorking.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorking.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorking"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeWorking.js"],"names":["CodeWorking","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAAhK;AAAgQ,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAAhQ;AAAgW,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,kBAAiB,IAAxE,EAA6E,aAAY,IAAzF,GAAhW;AAAgc,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAhc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CodeWorking.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorking = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><circle cx=\"346\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><circle cx=\"166\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorking.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorking.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorking"]}
\ No newline at end of file
diff --git a/lib/CodeWorkingOutline.js b/lib/CodeWorkingOutline.js
index 9d07df79d..e80397c29 100644
--- a/lib/CodeWorkingOutline.js
+++ b/lib/CodeWorkingOutline.js
@@ -50,7 +50,7 @@ var CodeWorkingOutline = function CodeWorkingOutline(props) {
 CodeWorkingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeWorkingOutline.js.map b/lib/CodeWorkingOutline.js.map
index 71ef67349..0fb0c9900 100644
--- a/lib/CodeWorkingOutline.js.map
+++ b/lib/CodeWorkingOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeWorkingOutline.js"],"names":["CodeWorkingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArO;AAAuQ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAvQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CodeWorkingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorkingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\"/><circle cx=\"346\" cy=\"256\" r=\"26\"/><circle cx=\"166\" cy=\"256\" r=\"26\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorkingOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorkingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorkingOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeWorkingOutline.js"],"names":["CodeWorkingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtO;AAAyQ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"CodeWorkingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorkingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" /><circle cx=\"346\" cy=\"256\" r=\"26\" /><circle cx=\"166\" cy=\"256\" r=\"26\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorkingOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorkingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorkingOutline"]}
\ No newline at end of file
diff --git a/lib/CodeWorkingSharp.js b/lib/CodeWorkingSharp.js
index 4fde082ff..1be8b4b51 100644
--- a/lib/CodeWorkingSharp.js
+++ b/lib/CodeWorkingSharp.js
@@ -50,7 +50,7 @@ var CodeWorkingSharp = function CodeWorkingSharp(props) {
 CodeWorkingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CodeWorkingSharp.js.map b/lib/CodeWorkingSharp.js.map
index 8d7880681..7d31cf807 100644
--- a/lib/CodeWorkingSharp.js.map
+++ b/lib/CodeWorkingSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CodeWorkingSharp.js"],"names":["CodeWorkingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAAjK;AAAuR,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAAvR;AAA6Y,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAA7Y;AAAmgB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAAngB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CodeWorkingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorkingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><circle cx=\"346\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><circle cx=\"166\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorkingSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorkingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorkingSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CodeWorkingSharp.js"],"names":["CodeWorkingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAAhK;AAAuR,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAAvR;AAA8Y,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,QAAO,cAAxC,EAAuD,eAAc,QAArE,EAA8E,kBAAiB,IAA/F,EAAoG,aAAY,IAAhH,GAA9Y;AAAqgB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAArgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"CodeWorkingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CodeWorkingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><circle cx=\"346\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><circle cx=\"166\" cy=\"256\" r=\"26\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"10\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"42\" d=\"M160 368L32 256l128-112M352 368l128-112-128-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCodeWorkingSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCodeWorkingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CodeWorkingSharp"]}
\ No newline at end of file
diff --git a/lib/Cog.js b/lib/Cog.js
index bf153e8a9..0662e8317 100644
--- a/lib/Cog.js
+++ b/lib/Cog.js
@@ -47,7 +47,7 @@ var Cog = function Cog(props) {
 Cog.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cog.js.map b/lib/Cog.js.map
index a3c6e9bd4..d5b55086a 100644
--- a/lib/Cog.js.map
+++ b/lib/Cog.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cog.js"],"names":["Cog","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gwGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Cog.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cog = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.51 5.51 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.64a10.42 10.42 0 00.39-13.76l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-5-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.09-5.89a10.3 10.3 0 00-13.45 2.83L325 96.28a4.6 4.6 0 01-5.6 1.72c-.61-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.46 5.46 0 01-5.36 3.65h-9.75a5.5 5.5 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.47 2a10.46 10.46 0 00-8.56 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.29.89-7.26 2.79-9.52 3.63-2 .72-4.18-.07-5.94-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.4 10.4 0 00-13.61 2L93 126.63a10.31 10.31 0 00.37 13.75L110.45 160a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.38 10.38 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.24 1.27c-.52 2.79-1 5.43-1.46 8.24a5.48 5.48 0 01-4.46 4.64l-25.69 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.49 5.49 0 015.82 2.81c1.5 2.8 3.11 5.63 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.63a10.41 10.41 0 00-.5 13.77l7.41 8.91a10.23 10.23 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.47 5.47 0 011.73 6.21l-9.27 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.4-1.73 3.6-2.5 5.23-1.84 3.48 1.44 5.81 2.25 9.94 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.43 10.43 0 0011.75-7.17l8.5-24.77a5.45 5.45 0 015.36-3.65h9.75a5.49 5.49 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.54-2.33 8.91-3.25l.6-.23c3.1-1.07 4.6.23 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.55 5.55 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.37 10.37 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.24-1.27c.52-2.79 1-5.43 1.46-8.24a5.48 5.48 0 014.46-4.64l25.69-4.14a10.43 10.43 0 009.18-10.28v-11.71zm-282.45 94a15.8 15.8 0 01-25.47 2.66 135.06 135.06 0 01.42-181.65 15.81 15.81 0 0125.5 2.77l45.65 80.35a15.85 15.85 0 010 15.74zM256 391.11a134.75 134.75 0 01-28.31-3 15.81 15.81 0 01-10.23-23.36l46-80a15.79 15.79 0 0113.7-7.93h92.14a15.8 15.8 0 0115.1 20.53c-17.49 54.32-68.4 93.76-128.4 93.76zm7.51-163.9L218 147.07a15.81 15.81 0 0110.31-23.3 134 134 0 0127.69-2.88c60 0 110.91 39.44 128.37 93.79a15.8 15.8 0 01-15.1 20.53h-92a15.78 15.78 0 01-13.76-8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCog.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCog.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cog"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cog.js"],"names":["Cog","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gwGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Cog.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cog = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.51 5.51 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.64a10.42 10.42 0 00.39-13.76l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-5-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.09-5.89a10.3 10.3 0 00-13.45 2.83L325 96.28a4.6 4.6 0 01-5.6 1.72c-.61-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.46 5.46 0 01-5.36 3.65h-9.75a5.5 5.5 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.47 2a10.46 10.46 0 00-8.56 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.29.89-7.26 2.79-9.52 3.63-2 .72-4.18-.07-5.94-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.4 10.4 0 00-13.61 2L93 126.63a10.31 10.31 0 00.37 13.75L110.45 160a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.38 10.38 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.24 1.27c-.52 2.79-1 5.43-1.46 8.24a5.48 5.48 0 01-4.46 4.64l-25.69 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.49 5.49 0 015.82 2.81c1.5 2.8 3.11 5.63 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.63a10.41 10.41 0 00-.5 13.77l7.41 8.91a10.23 10.23 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.47 5.47 0 011.73 6.21l-9.27 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.4-1.73 3.6-2.5 5.23-1.84 3.48 1.44 5.81 2.25 9.94 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.43 10.43 0 0011.75-7.17l8.5-24.77a5.45 5.45 0 015.36-3.65h9.75a5.49 5.49 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.54-2.33 8.91-3.25l.6-.23c3.1-1.07 4.6.23 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.55 5.55 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.37 10.37 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.24-1.27c.52-2.79 1-5.43 1.46-8.24a5.48 5.48 0 014.46-4.64l25.69-4.14a10.43 10.43 0 009.18-10.28v-11.71zm-282.45 94a15.8 15.8 0 01-25.47 2.66 135.06 135.06 0 01.42-181.65 15.81 15.81 0 0125.5 2.77l45.65 80.35a15.85 15.85 0 010 15.74zM256 391.11a134.75 134.75 0 01-28.31-3 15.81 15.81 0 01-10.23-23.36l46-80a15.79 15.79 0 0113.7-7.93h92.14a15.8 15.8 0 0115.1 20.53c-17.49 54.32-68.4 93.76-128.4 93.76zm7.51-163.9L218 147.07a15.81 15.81 0 0110.31-23.3 134 134 0 0127.69-2.88c60 0 110.91 39.44 128.37 93.79a15.8 15.8 0 01-15.1 20.53h-92a15.78 15.78 0 01-13.76-8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCog.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCog.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cog"]}
\ No newline at end of file
diff --git a/lib/CogOutline.js b/lib/CogOutline.js
index 1f91377f9..bc32310ea 100644
--- a/lib/CogOutline.js
+++ b/lib/CogOutline.js
@@ -47,7 +47,7 @@ var CogOutline = function CogOutline(props) {
 CogOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CogOutline.js.map b/lib/CogOutline.js.map
index 788113def..1b157053f 100644
--- a/lib/CogOutline.js.map
+++ b/lib/CogOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CogOutline.js"],"names":["CogOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+wFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CogOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CogOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCogOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCogOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CogOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CogOutline.js"],"names":["CogOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+wFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CogOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CogOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCogOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCogOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CogOutline"]}
\ No newline at end of file
diff --git a/lib/CogSharp.js b/lib/CogSharp.js
index 9cbcbc1f9..56f57056f 100644
--- a/lib/CogSharp.js
+++ b/lib/CogSharp.js
@@ -47,7 +47,7 @@ var CogSharp = function CogSharp(props) {
 CogSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CogSharp.js.map b/lib/CogSharp.js.map
index ba9721f03..f9ad393cb 100644
--- a/lib/CogSharp.js.map
+++ b/lib/CogSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CogSharp.js"],"names":["CogSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4iGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CogSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CogSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.5 5.5 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.63a10.44 10.44 0 00.39-13.77l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-4.95-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.08-5.85a10.31 10.31 0 00-13.46 2.83L325 96.28a4.58 4.58 0 01-5.6 1.72c-.62-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.42 5.42 0 01-5.36 3.65h-9.75a5.53 5.53 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.46 2a10.46 10.46 0 00-8.57 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.28.89-7.26 2.78-9.51 3.63-2 .72-4.19-.07-6-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.39 10.39 0 00-13.61 2l-7.4 8.9a10.32 10.32 0 00.37 13.76l17.09 19.6a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.37 10.37 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.23 1.24c-.53 2.8-1 5.45-1.47 8.27a5.48 5.48 0 01-4.46 4.64l-25.7 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.5 5.5 0 015.82 2.81c1.5 2.8 3.12 5.64 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.64a10.41 10.41 0 00-.5 13.76l7.41 8.91a10.24 10.24 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.45 5.45 0 011.72 6.21l-9.26 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.39-1.73 3.6-2.5 5.24-1.84 3.47 1.44 5.8 2.25 9.93 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.44 10.44 0 0011.75-7.17l8.5-24.77a5.48 5.48 0 015.36-3.65h9.75a5.52 5.52 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.53-2.33 8.91-3.24l.6-.24c3.06-1.06 4.53.14 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.56 5.56 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.36 10.36 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.23-1.25c.53-2.8 1-5.44 1.47-8.26a5.48 5.48 0 014.46-4.64l25.7-4.14a10.43 10.43 0 009.17-10.28v-11.71zM171.59 361.27a135.12 135.12 0 01.5-210.94l60 105.61zM256 391.11a133.75 133.75 0 01-48.49-9.05L268 276.79h121.22C379.21 341.45 323.29 391.11 256 391.11zm12.06-155.9l-59.95-105.5a133.87 133.87 0 0147.89-8.82c67.29 0 123.21 49.66 133.22 114.32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCogSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCogSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CogSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CogSharp.js"],"names":["CogSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4iGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CogSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CogSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.5 5.5 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.63a10.44 10.44 0 00.39-13.77l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-4.95-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.08-5.85a10.31 10.31 0 00-13.46 2.83L325 96.28a4.58 4.58 0 01-5.6 1.72c-.62-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.42 5.42 0 01-5.36 3.65h-9.75a5.53 5.53 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.46 2a10.46 10.46 0 00-8.57 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.28.89-7.26 2.78-9.51 3.63-2 .72-4.19-.07-6-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.39 10.39 0 00-13.61 2l-7.4 8.9a10.32 10.32 0 00.37 13.76l17.09 19.6a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.37 10.37 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.23 1.24c-.53 2.8-1 5.45-1.47 8.27a5.48 5.48 0 01-4.46 4.64l-25.7 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.5 5.5 0 015.82 2.81c1.5 2.8 3.12 5.64 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.64a10.41 10.41 0 00-.5 13.76l7.41 8.91a10.24 10.24 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.45 5.45 0 011.72 6.21l-9.26 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.39-1.73 3.6-2.5 5.24-1.84 3.47 1.44 5.8 2.25 9.93 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.44 10.44 0 0011.75-7.17l8.5-24.77a5.48 5.48 0 015.36-3.65h9.75a5.52 5.52 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.53-2.33 8.91-3.24l.6-.24c3.06-1.06 4.53.14 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.56 5.56 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.36 10.36 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.23-1.25c.53-2.8 1-5.44 1.47-8.26a5.48 5.48 0 014.46-4.64l25.7-4.14a10.43 10.43 0 009.17-10.28v-11.71zM171.59 361.27a135.12 135.12 0 01.5-210.94l60 105.61zM256 391.11a133.75 133.75 0 01-48.49-9.05L268 276.79h121.22C379.21 341.45 323.29 391.11 256 391.11zm12.06-155.9l-59.95-105.5a133.87 133.87 0 0147.89-8.82c67.29 0 123.21 49.66 133.22 114.32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCogSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCogSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CogSharp"]}
\ No newline at end of file
diff --git a/lib/ColorFill.js b/lib/ColorFill.js
index e61d0e3c2..394456cbd 100644
--- a/lib/ColorFill.js
+++ b/lib/ColorFill.js
@@ -47,7 +47,7 @@ var ColorFill = function ColorFill(props) {
 ColorFill.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFill.js.map b/lib/ColorFill.js.map
index 2d5d6f6da..82d97566d 100644
--- a/lib/ColorFill.js.map
+++ b/lib/ColorFill.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFill.js"],"names":["ColorFill","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mmBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ColorFill.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFill = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 480c-35.29 0-64-29.11-64-64.88 0-33.29 28.67-65.4 44.08-82.64 1.87-2.1 3.49-3.91 4.68-5.31a19.94 19.94 0 0130.55 0c1.13 1.31 2.63 3 4.36 4.93 15.5 17.3 44.33 49.51 44.33 83.05 0 35.74-28.71 64.85-64 64.85zM398.23 276.64L166.89 47.22a52.1 52.1 0 00-73.6 0l-4.51 4.51a53.2 53.2 0 00-15.89 37.33A51.66 51.66 0 0088.14 126l41.51 41.5L45 252a44.52 44.52 0 00-13 32 42.81 42.81 0 0013.5 30.84l131.24 126a44 44 0 0061.08-.18l124.11-120.28a15.6 15.6 0 018.23-4.29 69.21 69.21 0 0111.93-.86h.3a22.53 22.53 0 0015.84-38.59zM152.29 144.85l-41.53-41.52a20 20 0 010-28.34l5.16-5.15a20.07 20.07 0 0128.39 0L186 111.21z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFill.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFill.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFill"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFill.js"],"names":["ColorFill","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mmBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ColorFill.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFill = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 480c-35.29 0-64-29.11-64-64.88 0-33.29 28.67-65.4 44.08-82.64 1.87-2.1 3.49-3.91 4.68-5.31a19.94 19.94 0 0130.55 0c1.13 1.31 2.63 3 4.36 4.93 15.5 17.3 44.33 49.51 44.33 83.05 0 35.74-28.71 64.85-64 64.85zM398.23 276.64L166.89 47.22a52.1 52.1 0 00-73.6 0l-4.51 4.51a53.2 53.2 0 00-15.89 37.33A51.66 51.66 0 0088.14 126l41.51 41.5L45 252a44.52 44.52 0 00-13 32 42.81 42.81 0 0013.5 30.84l131.24 126a44 44 0 0061.08-.18l124.11-120.28a15.6 15.6 0 018.23-4.29 69.21 69.21 0 0111.93-.86h.3a22.53 22.53 0 0015.84-38.59zM152.29 144.85l-41.53-41.52a20 20 0 010-28.34l5.16-5.15a20.07 20.07 0 0128.39 0L186 111.21z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFill.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFill.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFill"]}
\ No newline at end of file
diff --git a/lib/ColorFillOutline.js b/lib/ColorFillOutline.js
index 1c22f8535..2201411a7 100644
--- a/lib/ColorFillOutline.js
+++ b/lib/ColorFillOutline.js
@@ -47,7 +47,7 @@ var ColorFillOutline = function ColorFillOutline(props) {
 ColorFillOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFillOutline.js.map b/lib/ColorFillOutline.js.map
index 0c230ae63..9e08b3b91 100644
--- a/lib/ColorFillOutline.js.map
+++ b/lib/ColorFillOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFillOutline.js"],"names":["ColorFillOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0XAAR,EAAmY,MAAK,MAAxY,EAA+Y,QAAO,cAAtZ,EAAqa,kBAAiB,IAAtb,EAA2b,aAAY,IAAvc;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorFillOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFillOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M419.1 337.45a3.94 3.94 0 00-6.1 0c-10.5 12.4-45 46.55-45 77.66 0 27 21.5 48.89 48 48.89h0c26.5 0 48-22 48-48.89 0-31.11-34.3-65.26-44.9-77.66zM387 287.9L155.61 58.36a36 36 0 00-51 0l-5.15 5.15a36 36 0 000 51l52.89 52.89 57-57L56.33 263.2a28 28 0 00.3 40l131.2 126a28.05 28.05 0 0038.9-.1c37.8-36.6 118.3-114.5 126.7-122.9 5.8-5.8 18.2-7.1 28.7-7.1h.3a6.53 6.53 0 004.57-11.2z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFillOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFillOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFillOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFillOutline.js"],"names":["ColorFillOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0XAAR,EAAmY,MAAK,MAAxY,EAA+Y,QAAO,cAAtZ,EAAqa,kBAAiB,IAAtb,EAA2b,aAAY,IAAvc;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorFillOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFillOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M419.1 337.45a3.94 3.94 0 00-6.1 0c-10.5 12.4-45 46.55-45 77.66 0 27 21.5 48.89 48 48.89h0c26.5 0 48-22 48-48.89 0-31.11-34.3-65.26-44.9-77.66zM387 287.9L155.61 58.36a36 36 0 00-51 0l-5.15 5.15a36 36 0 000 51l52.89 52.89 57-57L56.33 263.2a28 28 0 00.3 40l131.2 126a28.05 28.05 0 0038.9-.1c37.8-36.6 118.3-114.5 126.7-122.9 5.8-5.8 18.2-7.1 28.7-7.1h.3a6.53 6.53 0 004.57-11.2z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFillOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFillOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFillOutline"]}
\ No newline at end of file
diff --git a/lib/ColorFillSharp.js b/lib/ColorFillSharp.js
index 0c4910e2c..ce5926490 100644
--- a/lib/ColorFillSharp.js
+++ b/lib/ColorFillSharp.js
@@ -47,7 +47,7 @@ var ColorFillSharp = function ColorFillSharp(props) {
 ColorFillSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFillSharp.js.map b/lib/ColorFillSharp.js.map
index c2bca403d..2e75ade84 100644
--- a/lib/ColorFillSharp.js.map
+++ b/lib/ColorFillSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFillSharp.js"],"names":["ColorFillSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ColorFillSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFillSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 320s-64 48-64 99.84c0 33.28 28.67 60.16 64 60.16s64-27 64-60.16C480 368 416 320 416 320zM144 32l-76 76 70 70L32 280l176 184 152.8-148.3L416 304zm24 116l-39.6-41 15.88-15.89L184 132z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFillSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFillSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFillSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFillSharp.js"],"names":["ColorFillSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ColorFillSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFillSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 320s-64 48-64 99.84c0 33.28 28.67 60.16 64 60.16s64-27 64-60.16C480 368 416 320 416 320zM144 32l-76 76 70 70L32 280l176 184 152.8-148.3L416 304zm24 116l-39.6-41 15.88-15.89L184 132z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFillSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFillSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFillSharp"]}
\ No newline at end of file
diff --git a/lib/ColorFilter.js b/lib/ColorFilter.js
index ee7a9d53e..969912930 100644
--- a/lib/ColorFilter.js
+++ b/lib/ColorFilter.js
@@ -49,7 +49,7 @@ var ColorFilter = function ColorFilter(props) {
 ColorFilter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFilter.js.map b/lib/ColorFilter.js.map
index 654e21651..d6c8b52da 100644
--- a/lib/ColorFilter.js.map
+++ b/lib/ColorFilter.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFilter.js"],"names":["ColorFilter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,waAAR,GAAjK;AAAmlB,8CAAM,GAAE,0YAAR,GAAnlB;AAAu+B,8CAAM,GAAE,2fAAR;AAAv+B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ColorFilter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M253.72 202.53a4 4 0 004.56 0 151.88 151.88 0 01128.44-20.41 4 4 0 005.15-4C388.8 105.86 329 48 256 48s-132.8 57.86-135.87 130.15a4 4 0 005.15 4 151.88 151.88 0 01128.44 20.41zM405.31 212.56a152.53 152.53 0 01-83.08 108.23 4 4 0 00-2.28 3.69c0 1.17.05 2.34.05 3.52a151.58 151.58 0 01-47.15 109.94 4 4 0 00.64 6.31A135.24 135.24 0 00344 464c72.07 0 134.1-60.28 136-132.34a136.07 136.07 0 00-68.76-121.87 4 4 0 00-5.93 2.77z\"/><path d=\"M390.57 203.67a4 4 0 00-2.69-4.4 135.84 135.84 0 00-114.4 12.49 4 4 0 00-.64 6.29 151.92 151.92 0 0144.47 81.4 4 4 0 005.94 2.72 136.29 136.29 0 0067.32-98.5zM192 328c0-1.18 0-2.35.05-3.52a4 4 0 00-2.28-3.69 152.53 152.53 0 01-83.08-108.23 4 4 0 00-5.88-2.77 136.07 136.07 0 00-68.76 121.87C34 403.72 96 464 168.05 464a135.24 135.24 0 0070.46-19.75 4 4 0 00.64-6.31A151.58 151.58 0 01192 328z\"/><path d=\"M168 192a135.34 135.34 0 00-43.88 7.27 4 4 0 00-2.69 4.4 136.29 136.29 0 0067.32 98.5 4 4 0 005.94-2.72 151.92 151.92 0 0144.47-81.4 4 4 0 00-.64-6.29A135.18 135.18 0 00168 192zM256 336a151.44 151.44 0 01-42.72-6.12 4 4 0 00-5.15 4 135.69 135.69 0 0045.18 95.4 4 4 0 005.38 0 135.69 135.69 0 0045.18-95.4 4 4 0 00-5.15-4A151.44 151.44 0 01256 336zM302.57 308.33a135.94 135.94 0 00-43.87-81.58 4.06 4.06 0 00-5.4 0 135.94 135.94 0 00-43.87 81.58 4 4 0 002.69 4.4 136.06 136.06 0 0087.76 0 4 4 0 002.69-4.4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilter.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilter"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFilter.js"],"names":["ColorFilter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,waAAR,GAAhK;AAAmlB,8CAAM,GAAE,0YAAR,GAAnlB;AAAw+B,8CAAM,GAAE,2fAAR;AAAx+B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ColorFilter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M253.72 202.53a4 4 0 004.56 0 151.88 151.88 0 01128.44-20.41 4 4 0 005.15-4C388.8 105.86 329 48 256 48s-132.8 57.86-135.87 130.15a4 4 0 005.15 4 151.88 151.88 0 01128.44 20.41zM405.31 212.56a152.53 152.53 0 01-83.08 108.23 4 4 0 00-2.28 3.69c0 1.17.05 2.34.05 3.52a151.58 151.58 0 01-47.15 109.94 4 4 0 00.64 6.31A135.24 135.24 0 00344 464c72.07 0 134.1-60.28 136-132.34a136.07 136.07 0 00-68.76-121.87 4 4 0 00-5.93 2.77z\" /><path d=\"M390.57 203.67a4 4 0 00-2.69-4.4 135.84 135.84 0 00-114.4 12.49 4 4 0 00-.64 6.29 151.92 151.92 0 0144.47 81.4 4 4 0 005.94 2.72 136.29 136.29 0 0067.32-98.5zM192 328c0-1.18 0-2.35.05-3.52a4 4 0 00-2.28-3.69 152.53 152.53 0 01-83.08-108.23 4 4 0 00-5.88-2.77 136.07 136.07 0 00-68.76 121.87C34 403.72 96 464 168.05 464a135.24 135.24 0 0070.46-19.75 4 4 0 00.64-6.31A151.58 151.58 0 01192 328z\" /><path d=\"M168 192a135.34 135.34 0 00-43.88 7.27 4 4 0 00-2.69 4.4 136.29 136.29 0 0067.32 98.5 4 4 0 005.94-2.72 151.92 151.92 0 0144.47-81.4 4 4 0 00-.64-6.29A135.18 135.18 0 00168 192zM256 336a151.44 151.44 0 01-42.72-6.12 4 4 0 00-5.15 4 135.69 135.69 0 0045.18 95.4 4 4 0 005.38 0 135.69 135.69 0 0045.18-95.4 4 4 0 00-5.15-4A151.44 151.44 0 01256 336zM302.57 308.33a135.94 135.94 0 00-43.87-81.58 4.06 4.06 0 00-5.4 0 135.94 135.94 0 00-43.87 81.58 4 4 0 002.69 4.4 136.06 136.06 0 0087.76 0 4 4 0 002.69-4.4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilter.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilter"]}
\ No newline at end of file
diff --git a/lib/ColorFilterOutline.js b/lib/ColorFilterOutline.js
index 4796522f5..ef417f606 100644
--- a/lib/ColorFilterOutline.js
+++ b/lib/ColorFilterOutline.js
@@ -49,7 +49,7 @@ var ColorFilterOutline = function ColorFilterOutline(props) {
 ColorFilterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFilterOutline.js.map b/lib/ColorFilterOutline.js.map
index 0060ed2b1..67083a036 100644
--- a/lib/ColorFilterOutline.js.map
+++ b/lib/ColorFilterOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFilterOutline.js"],"names":["ColorFilterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAjK;AAA8Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAA9Q;AAA2X,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ColorFilterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"184\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"344\" cy=\"328\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"168\" cy=\"328\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilterOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilterOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFilterOutline.js"],"names":["ColorFilterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAhK;AAA8Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAA9Q;AAA4X,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG;AAA5X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ColorFilterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"184\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"344\" cy=\"328\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"168\" cy=\"328\" r=\"120\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilterOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilterOutline"]}
\ No newline at end of file
diff --git a/lib/ColorFilterSharp.js b/lib/ColorFilterSharp.js
index fcea9659d..ec9fe8551 100644
--- a/lib/ColorFilterSharp.js
+++ b/lib/ColorFilterSharp.js
@@ -47,7 +47,7 @@ var ColorFilterSharp = function ColorFilterSharp(props) {
 ColorFilterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorFilterSharp.js.map b/lib/ColorFilterSharp.js.map
index cb983bcc3..ac9f579fa 100644
--- a/lib/ColorFilterSharp.js.map
+++ b/lib/ColorFilterSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorFilterSharp.js"],"names":["ColorFilterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mxBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorFilterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 185a167.85 167.85 0 01134.9-18.28C382.36 99.83 325.12 48 256 48S129.64 99.83 121.1 166.67A167.85 167.85 0 01256 185zM336 331.73a167.51 167.51 0 01-52.37 118.08A135 135 0 00344 464c75 0 136-61 136-136a136 136 0 00-59.06-112.08A168.53 168.53 0 01336 331.73zM283.58 206.19a167.87 167.87 0 0149.36 89.89 136.14 136.14 0 0058.06-95.7 135.87 135.87 0 00-107.43 5.81zM176.05 331.73a168.53 168.53 0 01-85-115.81A136 136 0 0032 328c0 75 61 136 136 136a135 135 0 0060.42-14.19 167.51 167.51 0 01-52.37-118.08zM179.06 296.08a167.87 167.87 0 0149.36-89.89A135.87 135.87 0 00121 200.38a136.14 136.14 0 0058.06 95.7zM302.9 345.33a168.22 168.22 0 01-93.8 0A135.9 135.9 0 00256 431.6a135.9 135.9 0 0046.9-86.27zM209 311.62a136 136 0 0094 0 135.93 135.93 0 00-47-87.22 135.93 135.93 0 00-47 87.22z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilterSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilterSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorFilterSharp.js"],"names":["ColorFilterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mxBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorFilterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorFilterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 185a167.85 167.85 0 01134.9-18.28C382.36 99.83 325.12 48 256 48S129.64 99.83 121.1 166.67A167.85 167.85 0 01256 185zM336 331.73a167.51 167.51 0 01-52.37 118.08A135 135 0 00344 464c75 0 136-61 136-136a136 136 0 00-59.06-112.08A168.53 168.53 0 01336 331.73zM283.58 206.19a167.87 167.87 0 0149.36 89.89 136.14 136.14 0 0058.06-95.7 135.87 135.87 0 00-107.43 5.81zM176.05 331.73a168.53 168.53 0 01-85-115.81A136 136 0 0032 328c0 75 61 136 136 136a135 135 0 0060.42-14.19 167.51 167.51 0 01-52.37-118.08zM179.06 296.08a167.87 167.87 0 0149.36-89.89A135.87 135.87 0 00121 200.38a136.14 136.14 0 0058.06 95.7zM302.9 345.33a168.22 168.22 0 01-93.8 0A135.9 135.9 0 00256 431.6a135.9 135.9 0 0046.9-86.27zM209 311.62a136 136 0 0094 0 135.93 135.93 0 00-47-87.22 135.93 135.93 0 00-47 87.22z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorFilterSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorFilterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorFilterSharp"]}
\ No newline at end of file
diff --git a/lib/ColorPalette.js b/lib/ColorPalette.js
index 3bdac26bc..b3ce1c9e8 100644
--- a/lib/ColorPalette.js
+++ b/lib/ColorPalette.js
@@ -47,7 +47,7 @@ var ColorPalette = function ColorPalette(props) {
 ColorPalette.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorPalette.js.map b/lib/ColorPalette.js.map
index 7cfe7e8c7..615908843 100644
--- a/lib/ColorPalette.js.map
+++ b/lib/ColorPalette.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorPalette.js"],"names":["ColorPalette","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6rBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ColorPalette.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPalette = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441 336.2l-.06-.05c-9.93-9.18-22.78-11.34-32.16-12.92l-.69-.12c-9.05-1.49-10.48-2.5-14.58-6.17-2.44-2.17-5.35-5.65-5.35-9.94s2.91-7.77 5.34-9.94l30.28-26.87c25.92-22.91 40.2-53.66 40.2-86.59s-14.25-63.68-40.2-86.6c-35.89-31.59-85-49-138.37-49C223.72 48 162 71.37 116 112.11c-43.87 38.77-68 90.71-68 146.24s24.16 107.47 68 146.23c21.75 19.24 47.49 34.18 76.52 44.42a266.17 266.17 0 0086.87 15h1.81c61 0 119.09-20.57 159.39-56.4 9.7-8.56 15.15-20.83 15.34-34.56.21-14.17-5.37-27.95-14.93-36.84zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPalette.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPalette.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPalette"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorPalette.js"],"names":["ColorPalette","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6rBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ColorPalette.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPalette = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441 336.2l-.06-.05c-9.93-9.18-22.78-11.34-32.16-12.92l-.69-.12c-9.05-1.49-10.48-2.5-14.58-6.17-2.44-2.17-5.35-5.65-5.35-9.94s2.91-7.77 5.34-9.94l30.28-26.87c25.92-22.91 40.2-53.66 40.2-86.59s-14.25-63.68-40.2-86.6c-35.89-31.59-85-49-138.37-49C223.72 48 162 71.37 116 112.11c-43.87 38.77-68 90.71-68 146.24s24.16 107.47 68 146.23c21.75 19.24 47.49 34.18 76.52 44.42a266.17 266.17 0 0086.87 15h1.81c61 0 119.09-20.57 159.39-56.4 9.7-8.56 15.15-20.83 15.34-34.56.21-14.17-5.37-27.95-14.93-36.84zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPalette.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPalette.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPalette"]}
\ No newline at end of file
diff --git a/lib/ColorPaletteOutline.js b/lib/ColorPaletteOutline.js
index f8017b73b..489a74716 100644
--- a/lib/ColorPaletteOutline.js
+++ b/lib/ColorPaletteOutline.js
@@ -52,7 +52,7 @@ var ColorPaletteOutline = function ColorPaletteOutline(props) {
 ColorPaletteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorPaletteOutline.js.map b/lib/ColorPaletteOutline.js.map
index 6c5d2069f..130e8adf0 100644
--- a/lib/ColorPaletteOutline.js.map
+++ b/lib/ColorPaletteOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorPaletteOutline.js"],"names":["ColorPaletteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8SAAR,EAAuT,MAAK,MAA5T,EAAmU,QAAO,cAA1U,EAAyV,kBAAiB,IAA1W,EAA+W,aAAY,IAA3X,GAAjK;AAAkiB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAliB;AAAokB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAApkB;AAAsmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtmB;AAAwoB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxoB;AAA0qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA1qB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ColorPaletteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPaletteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"144\" cy=\"208\" r=\"32\"/><circle cx=\"152\" cy=\"311\" r=\"32\"/><circle cx=\"224\" cy=\"144\" r=\"32\"/><circle cx=\"256\" cy=\"367\" r=\"48\"/><circle cx=\"328\" cy=\"144\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPaletteOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPaletteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPaletteOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorPaletteOutline.js"],"names":["ColorPaletteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8SAAR,EAAuT,MAAK,MAA5T,EAAmU,QAAO,cAA1U,EAAyV,kBAAiB,IAA1W,EAA+W,aAAY,IAA3X,GAAhK;AAAkiB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAliB;AAAqkB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArkB;AAAwmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxmB;AAA2oB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3oB;AAA8qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9qB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ColorPaletteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPaletteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"144\" cy=\"208\" r=\"32\" /><circle cx=\"152\" cy=\"311\" r=\"32\" /><circle cx=\"224\" cy=\"144\" r=\"32\" /><circle cx=\"256\" cy=\"367\" r=\"48\" /><circle cx=\"328\" cy=\"144\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPaletteOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPaletteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPaletteOutline"]}
\ No newline at end of file
diff --git a/lib/ColorPaletteSharp.js b/lib/ColorPaletteSharp.js
index 2723df9e6..26889fa66 100644
--- a/lib/ColorPaletteSharp.js
+++ b/lib/ColorPaletteSharp.js
@@ -47,7 +47,7 @@ var ColorPaletteSharp = function ColorPaletteSharp(props) {
 ColorPaletteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorPaletteSharp.js.map b/lib/ColorPaletteSharp.js.map
index 2214118cd..73ad457ab 100644
--- a/lib/ColorPaletteSharp.js.map
+++ b/lib/ColorPaletteSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorPaletteSharp.js"],"names":["ColorPaletteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wgBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ColorPaletteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPaletteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 352c-12.6-.84-21-4-28-12-14-16-14-36 5.49-52.48l32.82-29.14c50.27-44.41 50.27-117.21 0-161.63C389.26 64.14 339.54 48 287.86 48c-60.34 0-123.39 22-172 65.11-90.46 80-90.46 210.92 0 290.87 45 39.76 105.63 59.59 165.64 60h1.84c60 0 119.07-19.5 161.2-56.77C464 390 464 385 444.62 355.56 440 348 431 353 416 352zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPaletteSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPaletteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPaletteSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorPaletteSharp.js"],"names":["ColorPaletteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wgBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ColorPaletteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorPaletteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 352c-12.6-.84-21-4-28-12-14-16-14-36 5.49-52.48l32.82-29.14c50.27-44.41 50.27-117.21 0-161.63C389.26 64.14 339.54 48 287.86 48c-60.34 0-123.39 22-172 65.11-90.46 80-90.46 210.92 0 290.87 45 39.76 105.63 59.59 165.64 60h1.84c60 0 119.07-19.5 161.2-56.77C464 390 464 385 444.62 355.56 440 348 431 353 416 352zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorPaletteSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorPaletteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorPaletteSharp"]}
\ No newline at end of file
diff --git a/lib/ColorWand.js b/lib/ColorWand.js
index cb0d36f4d..d3704f6dd 100644
--- a/lib/ColorWand.js
+++ b/lib/ColorWand.js
@@ -47,7 +47,7 @@ var ColorWand = function ColorWand(props) {
 ColorWand.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorWand.js.map b/lib/ColorWand.js.map
index 14f44d0ee..90d0d8404 100644
--- a/lib/ColorWand.js.map
+++ b/lib/ColorWand.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorWand.js"],"names":["ColorWand","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,23BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ColorWand.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWand = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 208H48c-8.8 0-16-7.2-16-16s7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16zM124.1 140.1c-4.2 0-8.3-1.7-11.3-4.7l-33.9-33.9c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l33.9 33.9c6.3 6.2 6.3 16.4 0 22.6-3 3-7 4.7-11.3 4.7zM192 112c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16s16 7.2 16 16v48c0 8.8-7.2 16-16 16zM259.9 140.1c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM90.2 309.8c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM234.2 167c-18.4-18.7-48.5-19-67.2-.7s-19 48.5-.7 67.2l.7.7 39.5 39.5c3.1 3.1 8.2 3.1 11.3 0l55.9-55.9c3.1-3.1 3.1-8.2 0-11.3L234.2 167zM457 389.8L307.6 240.4c-3.1-3.1-8.2-3.1-11.3 0l-55.9 55.9c-3.1 3.1-3.1 8.2 0 11.3L389.8 457c18.4 18.7 48.5 19 67.2.7 18.7-18.4 19-48.5.7-67.2-.2-.2-.4-.5-.7-.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWand.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWand.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWand"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorWand.js"],"names":["ColorWand","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,23BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ColorWand.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWand = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 208H48c-8.8 0-16-7.2-16-16s7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16zM124.1 140.1c-4.2 0-8.3-1.7-11.3-4.7l-33.9-33.9c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l33.9 33.9c6.3 6.2 6.3 16.4 0 22.6-3 3-7 4.7-11.3 4.7zM192 112c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16s16 7.2 16 16v48c0 8.8-7.2 16-16 16zM259.9 140.1c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM90.2 309.8c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM234.2 167c-18.4-18.7-48.5-19-67.2-.7s-19 48.5-.7 67.2l.7.7 39.5 39.5c3.1 3.1 8.2 3.1 11.3 0l55.9-55.9c3.1-3.1 3.1-8.2 0-11.3L234.2 167zM457 389.8L307.6 240.4c-3.1-3.1-8.2-3.1-11.3 0l-55.9 55.9c-3.1 3.1-3.1 8.2 0 11.3L389.8 457c18.4 18.7 48.5 19 67.2.7 18.7-18.4 19-48.5.7-67.2-.2-.2-.4-.5-.7-.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWand.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWand.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWand"]}
\ No newline at end of file
diff --git a/lib/ColorWandOutline.js b/lib/ColorWandOutline.js
index 5e5871eed..26ffcb58d 100644
--- a/lib/ColorWandOutline.js
+++ b/lib/ColorWandOutline.js
@@ -49,7 +49,7 @@ var ColorWandOutline = function ColorWandOutline(props) {
 ColorWandOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorWandOutline.js.map b/lib/ColorWandOutline.js.map
index fb0b79426..25c4d805b 100644
--- a/lib/ColorWandOutline.js.map
+++ b/lib/ColorWandOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorWandOutline.js"],"names":["ColorWandOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,QAAjF,EAA0F,GAAE,OAA5F,EAAoG,OAAM,OAA1G,EAAkH,QAAO,OAAzH,EAAiI,IAAG,OAApI,EAA4I,WAAU,6BAAtJ,GAAjK;AAAsV,8CAAM,GAAE,qGAAR,GAAtV;AAAqc,8CAAM,QAAO,cAAb,EAA4B,kBAAiB,IAA7C,EAAkD,aAAY,IAA9D,EAAmE,eAAc,OAAjF,EAAyF,GAAE,mGAA3F;AAArc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorWandOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWandOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" x=\"280.48\" y=\"122.9\" width=\"63.03\" height=\"378.2\" rx=\"31.52\" transform=\"rotate(-45 312.002 311.994)\"/><path d=\"M178.38 178.38a31.64 31.64 0 000 44.75L223.25 268 268 223.25l-44.87-44.87a31.64 31.64 0 00-44.75 0z\"/><path stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M48 192h48M90.18 90.18l33.94 33.94M192 48v48M293.82 90.18l-33.94 33.94M124.12 259.88l-33.94 33.94\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWandOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWandOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWandOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorWandOutline.js"],"names":["ColorWandOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,QAAjF,EAA0F,GAAE,OAA5F,EAAoG,OAAM,OAA1G,EAAkH,QAAO,OAAzH,EAAiI,IAAG,OAApI,EAA4I,WAAU,6BAAtJ,GAAhK;AAAsV,8CAAM,GAAE,qGAAR,GAAtV;AAAsc,8CAAM,QAAO,cAAb,EAA4B,kBAAiB,IAA7C,EAAkD,aAAY,IAA9D,EAAmE,eAAc,OAAjF,EAAyF,GAAE,mGAA3F;AAAtc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ColorWandOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWandOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" x=\"280.48\" y=\"122.9\" width=\"63.03\" height=\"378.2\" rx=\"31.52\" transform=\"rotate(-45 312.002 311.994)\" /><path d=\"M178.38 178.38a31.64 31.64 0 000 44.75L223.25 268 268 223.25l-44.87-44.87a31.64 31.64 0 00-44.75 0z\" /><path stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M48 192h48M90.18 90.18l33.94 33.94M192 48v48M293.82 90.18l-33.94 33.94M124.12 259.88l-33.94 33.94\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWandOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWandOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWandOutline"]}
\ No newline at end of file
diff --git a/lib/ColorWandSharp.js b/lib/ColorWandSharp.js
index c1723f050..0029c3848 100644
--- a/lib/ColorWandSharp.js
+++ b/lib/ColorWandSharp.js
@@ -47,7 +47,7 @@ var ColorWandSharp = function ColorWandSharp(props) {
 ColorWandSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ColorWandSharp.js.map b/lib/ColorWandSharp.js.map
index 601309057..fec4b1e13 100644
--- a/lib/ColorWandSharp.js.map
+++ b/lib/ColorWandSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ColorWandSharp.js"],"names":["ColorWandSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kUAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ColorWandSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWandSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M133.441 200.647l67.197-67.196 78.142 78.142-67.196 67.196zM301.41 234.21l-67.19 67.2L412 480l68-68-178.59-177.79zM32 176h80v32H32zM67.624 90.25l22.627-22.628 56.569 56.569-22.627 22.627zM176 32h32v80h-32zM237.32 124.195l56.569-56.569 22.627 22.627-56.569 56.569zM67.62 293.887l56.569-56.569 22.627 22.627-56.569 56.569z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWandSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWandSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWandSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ColorWandSharp.js"],"names":["ColorWandSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kUAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ColorWandSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ColorWandSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M133.441 200.647l67.197-67.196 78.142 78.142-67.196 67.196zM301.41 234.21l-67.19 67.2L412 480l68-68-178.59-177.79zM32 176h80v32H32zM67.624 90.25l22.627-22.628 56.569 56.569-22.627 22.627zM176 32h32v80h-32zM237.32 124.195l56.569-56.569 22.627 22.627-56.569 56.569zM67.62 293.887l56.569-56.569 22.627 22.627-56.569 56.569z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nColorWandSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nColorWandSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ColorWandSharp"]}
\ No newline at end of file
diff --git a/lib/Compass.js b/lib/Compass.js
index 27a8559e7..7bf76c4c7 100644
--- a/lib/Compass.js
+++ b/lib/Compass.js
@@ -48,7 +48,7 @@ var Compass = function Compass(props) {
 Compass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Compass.js.map b/lib/Compass.js.map
index 059f47db8..7fef660f8 100644
--- a/lib/Compass.js.map
+++ b/lib/Compass.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Compass.js"],"names":["Compass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,6OAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Compass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Compass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"24\"/><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm105.07 113.33l-46.88 117.2a64 64 0 01-35.66 35.66l-117.2 46.88a8 8 0 01-10.4-10.4l46.88-117.2a64 64 0 0135.66-35.66l117.2-46.88a8 8 0 0110.4 10.4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompass.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Compass"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Compass.js"],"names":["Compass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,6OAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Compass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Compass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"24\" /><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm105.07 113.33l-46.88 117.2a64 64 0 01-35.66 35.66l-117.2 46.88a8 8 0 01-10.4-10.4l46.88-117.2a64 64 0 0135.66-35.66l117.2-46.88a8 8 0 0110.4 10.4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompass.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Compass"]}
\ No newline at end of file
diff --git a/lib/CompassOutline.js b/lib/CompassOutline.js
index 7d25b30d2..d91ec8992 100644
--- a/lib/CompassOutline.js
+++ b/lib/CompassOutline.js
@@ -48,7 +48,7 @@ var CompassOutline = function CompassOutline(props) {
 CompassOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CompassOutline.js.map b/lib/CompassOutline.js.map
index 9ee4c3427..2527355e1 100644
--- a/lib/CompassOutline.js.map
+++ b/lib/CompassOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CompassOutline.js"],"names":["CompassOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,+LAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CompassOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CompassOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M350.67 150.93l-117.2 46.88a64 64 0 00-35.66 35.66l-46.88 117.2a8 8 0 0010.4 10.4l117.2-46.88a64 64 0 0035.66-35.66l46.88-117.2a8 8 0 00-10.4-10.4zM256 280a24 24 0 1124-24 24 24 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompassOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompassOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CompassOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CompassOutline.js"],"names":["CompassOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,+LAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"CompassOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CompassOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M350.67 150.93l-117.2 46.88a64 64 0 00-35.66 35.66l-46.88 117.2a8 8 0 0010.4 10.4l117.2-46.88a64 64 0 0035.66-35.66l46.88-117.2a8 8 0 00-10.4-10.4zM256 280a24 24 0 1124-24 24 24 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompassOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompassOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CompassOutline"]}
\ No newline at end of file
diff --git a/lib/CompassSharp.js b/lib/CompassSharp.js
index 215324bae..df4323fc5 100644
--- a/lib/CompassSharp.js
+++ b/lib/CompassSharp.js
@@ -48,7 +48,7 @@ var CompassSharp = function CompassSharp(props) {
 CompassSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CompassSharp.js.map b/lib/CompassSharp.js.map
index 78f778ce6..2a9593768 100644
--- a/lib/CompassSharp.js.map
+++ b/lib/CompassSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CompassSharp.js"],"names":["CompassSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,wHAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CompassSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CompassSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"24\"/><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 256l-160 64 64-160 160-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompassSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompassSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CompassSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CompassSharp.js"],"names":["CompassSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,wHAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"CompassSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CompassSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"24\" /><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 256l-160 64 64-160 160-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCompassSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCompassSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CompassSharp"]}
\ No newline at end of file
diff --git a/lib/Construct.js b/lib/Construct.js
index 680ca3c31..40b5cc786 100644
--- a/lib/Construct.js
+++ b/lib/Construct.js
@@ -48,7 +48,7 @@ var Construct = function Construct(props) {
 Construct.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Construct.js.map b/lib/Construct.js.map
index 57bb0f779..3adb1a046 100644
--- a/lib/Construct.js.map
+++ b/lib/Construct.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Construct.js"],"names":["Construct","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0YAAR,GAAjK;AAAqjB,8CAAM,GAAE,+gCAAR;AAArjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Construct.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Construct = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M503.58 126.2a16.85 16.85 0 00-27.07-4.55l-51.15 51.15a11.15 11.15 0 01-15.66 0l-22.48-22.48a11.17 11.17 0 010-15.67l50.88-50.89a16.85 16.85 0 00-5.27-27.4c-39.71-17-89.08-7.45-120 23.29-26.81 26.61-34.83 68-22 113.7a11 11 0 01-3.16 11.1L114.77 365.1a56.76 56.76 0 1080.14 80.18L357 272.08a11 11 0 0110.9-3.17c45 12 86 4 112.43-22 15.2-15 25.81-36.17 29.89-59.71 3.83-22.2 1.41-44.44-6.64-61z\"/><path d=\"M437.33 378.41c-13.94-11.59-43.72-38.4-74.07-66.22l-66.07 70.61c28.24 30 53.8 57.85 65 70.88l.07.08A30 30 0 00383.72 464h1.1a30.11 30.11 0 0021-8.62l.07-.07 33.43-33.37a29.46 29.46 0 00-2-43.53zM118.54 214.55a20.48 20.48 0 00-3-10.76 2.76 2.76 0 012.62-4.22h.06c.84.09 5.33.74 11.7 4.61 4.73 2.87 18.23 12.08 41.73 35.54a34.23 34.23 0 007.22 22.12l66.23-61.55a33.73 33.73 0 00-21.6-9.2 2.65 2.65 0 01-.21-.26l-.65-.69-24.54-33.84a28.45 28.45 0 01-4-26.11 35.23 35.23 0 0111.78-16.35c5.69-4.41 18.53-9.72 29.44-10.62a52.92 52.92 0 0115.19.94 65.57 65.57 0 017.06 2.13 15.46 15.46 0 002.15.63 16 16 0 0016.38-25.06c-.26-.35-1.32-1.79-2.89-3.73a91.85 91.85 0 00-9.6-10.36c-8.15-7.36-29.27-19.77-57-19.77a123.13 123.13 0 00-46.3 9c-38.37 15.45-63.47 36.58-75.01 47.79l-.09.09A222.14 222.14 0 0063.7 129.5a27 27 0 00-4.7 11.77 7.33 7.33 0 01-7.71 6.17H50.2a20.65 20.65 0 00-14.59 5.9L6.16 182.05l-.32.32a20.89 20.89 0 00-.24 28.72c.19.2.37.39.57.58L53.67 258a21 21 0 0014.65 6 20.65 20.65 0 0014.59-5.9l29.46-28.79a20.51 20.51 0 006.17-14.76z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstruct.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstruct.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Construct"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Construct.js"],"names":["Construct","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0YAAR,GAAhK;AAAqjB,8CAAM,GAAE,+gCAAR;AAArjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Construct.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Construct = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M503.58 126.2a16.85 16.85 0 00-27.07-4.55l-51.15 51.15a11.15 11.15 0 01-15.66 0l-22.48-22.48a11.17 11.17 0 010-15.67l50.88-50.89a16.85 16.85 0 00-5.27-27.4c-39.71-17-89.08-7.45-120 23.29-26.81 26.61-34.83 68-22 113.7a11 11 0 01-3.16 11.1L114.77 365.1a56.76 56.76 0 1080.14 80.18L357 272.08a11 11 0 0110.9-3.17c45 12 86 4 112.43-22 15.2-15 25.81-36.17 29.89-59.71 3.83-22.2 1.41-44.44-6.64-61z\" /><path d=\"M437.33 378.41c-13.94-11.59-43.72-38.4-74.07-66.22l-66.07 70.61c28.24 30 53.8 57.85 65 70.88l.07.08A30 30 0 00383.72 464h1.1a30.11 30.11 0 0021-8.62l.07-.07 33.43-33.37a29.46 29.46 0 00-2-43.53zM118.54 214.55a20.48 20.48 0 00-3-10.76 2.76 2.76 0 012.62-4.22h.06c.84.09 5.33.74 11.7 4.61 4.73 2.87 18.23 12.08 41.73 35.54a34.23 34.23 0 007.22 22.12l66.23-61.55a33.73 33.73 0 00-21.6-9.2 2.65 2.65 0 01-.21-.26l-.65-.69-24.54-33.84a28.45 28.45 0 01-4-26.11 35.23 35.23 0 0111.78-16.35c5.69-4.41 18.53-9.72 29.44-10.62a52.92 52.92 0 0115.19.94 65.57 65.57 0 017.06 2.13 15.46 15.46 0 002.15.63 16 16 0 0016.38-25.06c-.26-.35-1.32-1.79-2.89-3.73a91.85 91.85 0 00-9.6-10.36c-8.15-7.36-29.27-19.77-57-19.77a123.13 123.13 0 00-46.3 9c-38.37 15.45-63.47 36.58-75.01 47.79l-.09.09A222.14 222.14 0 0063.7 129.5a27 27 0 00-4.7 11.77 7.33 7.33 0 01-7.71 6.17H50.2a20.65 20.65 0 00-14.59 5.9L6.16 182.05l-.32.32a20.89 20.89 0 00-.24 28.72c.19.2.37.39.57.58L53.67 258a21 21 0 0014.65 6 20.65 20.65 0 0014.59-5.9l29.46-28.79a20.51 20.51 0 006.17-14.76z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstruct.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstruct.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Construct"]}
\ No newline at end of file
diff --git a/lib/ConstructOutline.js b/lib/ConstructOutline.js
index 57e190591..f5a5ef5ae 100644
--- a/lib/ConstructOutline.js
+++ b/lib/ConstructOutline.js
@@ -49,7 +49,7 @@ var ConstructOutline = function ConstructOutline(props) {
 ConstructOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ConstructOutline.js.map b/lib/ConstructOutline.js.map
index e6f3a7304..aa7582c15 100644
--- a/lib/ConstructOutline.js.map
+++ b/lib/ConstructOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ConstructOutline.js"],"names":["ConstructOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4WAAR,EAAqX,MAAK,MAA1X,EAAiY,QAAO,cAAxY,EAAuZ,eAAc,OAAra,EAA6a,kBAAiB,IAA9b,EAAmc,aAAY,IAA/c,GAAjK;AAAsnB,8CAAM,GAAE,sUAAR,EAA+U,MAAK,MAApV,EAA2V,QAAO,cAAlW,EAAiX,eAAc,OAA/X,EAAuY,gBAAe,OAAtZ,EAA8Z,aAAY,IAA1a,GAAtnB;AAAsiC,8CAAM,GAAE,6uBAAR,EAAsvB,MAAK,MAA3vB,EAAkwB,QAAO,cAAzwB,EAAwxB,eAAc,OAAtyB,EAA8yB,gBAAe,OAA7zB,EAAq0B,aAAY,IAAj1B;AAAtiC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ConstructOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ConstructOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M436.67 184.11a27.17 27.17 0 01-38.3 0l-22.48-22.49a27.15 27.15 0 010-38.29l50.89-50.89a.85.85 0 00-.26-1.38C393.68 57 351.09 64.15 324.05 91c-25.88 25.69-27.35 64.27-17.87 98a27 27 0 01-7.67 27.14l-173 160.76a40.76 40.76 0 1057.57 57.54l162.15-173.3a27 27 0 0126.77-7.7c33.46 8.94 71.49 7.26 97.07-17.94 27.49-27.08 33.42-74.94 20.1-102.33a.85.85 0 00-1.36-.22z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M224 284c-17.48-17-25.49-24.91-31-30.29a18.24 18.24 0 01-3.33-21.35 20.76 20.76 0 013.5-4.62l15.68-15.29a18.66 18.66 0 015.63-3.87 18.11 18.11 0 0120 3.62c5.45 5.29 15.43 15 33.41 32.52M317.07 291.3c40.95 38.1 90.62 83.27 110 99.41a13.46 13.46 0 01.94 19.92L394.63 444a14 14 0 01-20.29-.76c-16.53-19.18-61.09-67.11-99.27-107\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M17.34 193.5l29.41-28.74a4.71 4.71 0 013.41-1.35 4.85 4.85 0 013.41 1.35h0a9.86 9.86 0 008.19 2.77c3.83-.42 7.92-1.6 10.57-4.12 6-5.8-.94-17.23 4.34-24.54a207 207 0 0119.78-22.6c6-5.88 29.84-28.32 69.9-44.45A107.31 107.31 0 01206.67 64c22.59 0 40 10 46.26 15.67a89.54 89.54 0 0110.28 11.64 78.92 78.92 0 00-9.21-2.77 68.82 68.82 0 00-20-1.26c-13.33 1.09-29.41 7.26-38 14-13.9 11-19.87 25.72-20.81 44.71-.68 14.12 2.72 22.1 36.1 55.49a6.6 6.6 0 01-.34 9.16l-18.22 18a6.88 6.88 0 01-9.54.09c-21.94-21.94-36.65-33.09-45-38.16s-15.07-6.5-18.3-6.85a30.85 30.85 0 00-18.27 3.87 11.39 11.39 0 00-2.64 2 14.14 14.14 0 00.42 20.08l1.71 1.6a4.63 4.63 0 010 6.64L71.73 246.6a4.71 4.71 0 01-3.41 1.4 4.86 4.86 0 01-3.41-1.35l-47.57-46.43a4.88 4.88 0 010-6.72z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstructOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstructOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ConstructOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ConstructOutline.js"],"names":["ConstructOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4WAAR,EAAqX,MAAK,MAA1X,EAAiY,QAAO,cAAxY,EAAuZ,eAAc,OAAra,EAA6a,kBAAiB,IAA9b,EAAmc,aAAY,IAA/c,GAAhK;AAAsnB,8CAAM,GAAE,sUAAR,EAA+U,MAAK,MAApV,EAA2V,QAAO,cAAlW,EAAiX,eAAc,OAA/X,EAAuY,gBAAe,OAAtZ,EAA8Z,aAAY,IAA1a,GAAtnB;AAAuiC,8CAAM,GAAE,6uBAAR,EAAsvB,MAAK,MAA3vB,EAAkwB,QAAO,cAAzwB,EAAwxB,eAAc,OAAtyB,EAA8yB,gBAAe,OAA7zB,EAAq0B,aAAY,IAAj1B;AAAviC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ConstructOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ConstructOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M436.67 184.11a27.17 27.17 0 01-38.3 0l-22.48-22.49a27.15 27.15 0 010-38.29l50.89-50.89a.85.85 0 00-.26-1.38C393.68 57 351.09 64.15 324.05 91c-25.88 25.69-27.35 64.27-17.87 98a27 27 0 01-7.67 27.14l-173 160.76a40.76 40.76 0 1057.57 57.54l162.15-173.3a27 27 0 0126.77-7.7c33.46 8.94 71.49 7.26 97.07-17.94 27.49-27.08 33.42-74.94 20.1-102.33a.85.85 0 00-1.36-.22z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M224 284c-17.48-17-25.49-24.91-31-30.29a18.24 18.24 0 01-3.33-21.35 20.76 20.76 0 013.5-4.62l15.68-15.29a18.66 18.66 0 015.63-3.87 18.11 18.11 0 0120 3.62c5.45 5.29 15.43 15 33.41 32.52M317.07 291.3c40.95 38.1 90.62 83.27 110 99.41a13.46 13.46 0 01.94 19.92L394.63 444a14 14 0 01-20.29-.76c-16.53-19.18-61.09-67.11-99.27-107\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M17.34 193.5l29.41-28.74a4.71 4.71 0 013.41-1.35 4.85 4.85 0 013.41 1.35h0a9.86 9.86 0 008.19 2.77c3.83-.42 7.92-1.6 10.57-4.12 6-5.8-.94-17.23 4.34-24.54a207 207 0 0119.78-22.6c6-5.88 29.84-28.32 69.9-44.45A107.31 107.31 0 01206.67 64c22.59 0 40 10 46.26 15.67a89.54 89.54 0 0110.28 11.64 78.92 78.92 0 00-9.21-2.77 68.82 68.82 0 00-20-1.26c-13.33 1.09-29.41 7.26-38 14-13.9 11-19.87 25.72-20.81 44.71-.68 14.12 2.72 22.1 36.1 55.49a6.6 6.6 0 01-.34 9.16l-18.22 18a6.88 6.88 0 01-9.54.09c-21.94-21.94-36.65-33.09-45-38.16s-15.07-6.5-18.3-6.85a30.85 30.85 0 00-18.27 3.87 11.39 11.39 0 00-2.64 2 14.14 14.14 0 00.42 20.08l1.71 1.6a4.63 4.63 0 010 6.64L71.73 246.6a4.71 4.71 0 01-3.41 1.4 4.86 4.86 0 01-3.41-1.35l-47.57-46.43a4.88 4.88 0 010-6.72z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstructOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstructOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ConstructOutline"]}
\ No newline at end of file
diff --git a/lib/ConstructSharp.js b/lib/ConstructSharp.js
index 7ff9c7914..872670e3d 100644
--- a/lib/ConstructSharp.js
+++ b/lib/ConstructSharp.js
@@ -48,7 +48,7 @@ var ConstructSharp = function ConstructSharp(props) {
 ConstructSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ConstructSharp.js.map b/lib/ConstructSharp.js.map
index 597a7492a..45759fa0f 100644
--- a/lib/ConstructSharp.js.map
+++ b/lib/ConstructSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ConstructSharp.js"],"names":["ConstructSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8PAAR,GAAjK;AAAya,8CAAM,GAAE,81BAAR;AAAza;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ConstructSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ConstructSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M497.14 111.38l-81.09 80.84-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 000 17l52.27 52.11a12 12 0 0017 0l180-180.5c43.16 16.21 98 11.64 132.74-23 37.5-37.45 37.42-100.34 15.56-145.6z\"/><path d=\"M365.45 308.62l-71.83 72 75.53 79.92a10.88 10.88 0 0015.65.21l60-60.46a11 11 0 00-.24-15.69zM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24-1.54-1.47a1.06 1.06 0 01-.26-.8 16.16 16.16 0 019.52-2c1.27.13 5.91.9 12.4 4.91 3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 00.14 15.35l7.43 7.86 65.66-65.17-8.25-7.84a10.87 10.87 0 00-15.31-.06c-23-24.68-29-35.45-31-42.45-4.42-15.47 4.14-28 14-36 5.84-4.62 17.88-8.08 29-9a52.72 52.72 0 0111.61.6c3.47.5 6.3 1.14 7.39 1.4a68.51 68.51 0 0111 4l12-19a88.38 88.38 0 00-13.4-17.7 115.05 115.05 0 00-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.38 117.38 0 00-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.55 219.55 0 0067 128.56c-5.35 7.53-4.77 15.84-4.38 21.34 0 .32 0 .67.07 1a18.41 18.41 0 00-10.78-3.5A18 18 0 0039 152.73L2 189.62a6.79 6.79 0 000 9.6L65 262a6.72 6.72 0 009.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstructSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstructSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ConstructSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ConstructSharp.js"],"names":["ConstructSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8PAAR,GAAhK;AAAya,8CAAM,GAAE,81BAAR;AAAza;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ConstructSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ConstructSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M497.14 111.38l-81.09 80.84-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 000 17l52.27 52.11a12 12 0 0017 0l180-180.5c43.16 16.21 98 11.64 132.74-23 37.5-37.45 37.42-100.34 15.56-145.6z\" /><path d=\"M365.45 308.62l-71.83 72 75.53 79.92a10.88 10.88 0 0015.65.21l60-60.46a11 11 0 00-.24-15.69zM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24-1.54-1.47a1.06 1.06 0 01-.26-.8 16.16 16.16 0 019.52-2c1.27.13 5.91.9 12.4 4.91 3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 00.14 15.35l7.43 7.86 65.66-65.17-8.25-7.84a10.87 10.87 0 00-15.31-.06c-23-24.68-29-35.45-31-42.45-4.42-15.47 4.14-28 14-36 5.84-4.62 17.88-8.08 29-9a52.72 52.72 0 0111.61.6c3.47.5 6.3 1.14 7.39 1.4a68.51 68.51 0 0111 4l12-19a88.38 88.38 0 00-13.4-17.7 115.05 115.05 0 00-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.38 117.38 0 00-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.55 219.55 0 0067 128.56c-5.35 7.53-4.77 15.84-4.38 21.34 0 .32 0 .67.07 1a18.41 18.41 0 00-10.78-3.5A18 18 0 0039 152.73L2 189.62a6.79 6.79 0 000 9.6L65 262a6.72 6.72 0 009.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nConstructSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nConstructSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ConstructSharp"]}
\ No newline at end of file
diff --git a/lib/Contract.js b/lib/Contract.js
index 2e7d8ff57..ce61806aa 100644
--- a/lib/Contract.js
+++ b/lib/Contract.js
@@ -47,7 +47,7 @@ var Contract = function Contract(props) {
 Contract.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Contract.js.map b/lib/Contract.js.map
index b3c29b1be..bab820b47 100644
--- a/lib/Contract.js.map
+++ b/lib/Contract.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Contract.js"],"names":["Contract","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Contract.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Contract = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContract.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContract.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Contract"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Contract.js"],"names":["Contract","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Contract.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Contract = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContract.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContract.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Contract"]}
\ No newline at end of file
diff --git a/lib/ContractOutline.js b/lib/ContractOutline.js
index d45246e18..2a4b7cce6 100644
--- a/lib/ContractOutline.js
+++ b/lib/ContractOutline.js
@@ -47,7 +47,7 @@ var ContractOutline = function ContractOutline(props) {
 ContractOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ContractOutline.js.map b/lib/ContractOutline.js.map
index 2700569d7..35c951fe4 100644
--- a/lib/ContractOutline.js.map
+++ b/lib/ContractOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ContractOutline.js"],"names":["ContractOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ContractOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContractOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContractOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContractOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContractOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ContractOutline.js"],"names":["ContractOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ContractOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContractOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContractOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContractOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContractOutline"]}
\ No newline at end of file
diff --git a/lib/ContractSharp.js b/lib/ContractSharp.js
index b030f87c7..fffebd486 100644
--- a/lib/ContractSharp.js
+++ b/lib/ContractSharp.js
@@ -47,7 +47,7 @@ var ContractSharp = function ContractSharp(props) {
 ContractSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ContractSharp.js.map b/lib/ContractSharp.js.map
index 430dda9f1..3792f1a9d 100644
--- a/lib/ContractSharp.js.map
+++ b/lib/ContractSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ContractSharp.js"],"names":["ContractSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ContractSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContractSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContractSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContractSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContractSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ContractSharp.js"],"names":["ContractSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ContractSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContractSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContractSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContractSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContractSharp"]}
\ No newline at end of file
diff --git a/lib/Contrast.js b/lib/Contrast.js
index 97eb89a4d..8f25540b3 100644
--- a/lib/Contrast.js
+++ b/lib/Contrast.js
@@ -47,7 +47,7 @@ var Contrast = function Contrast(props) {
 Contrast.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Contrast.js.map b/lib/Contrast.js.map
index 288a07f21..a2e74e84a 100644
--- a/lib/Contrast.js.map
+++ b/lib/Contrast.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Contrast.js"],"names":["Contrast","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Contrast.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Contrast = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32A224 224 0 0097.61 414.39 224 224 0 10414.39 97.61 222.53 222.53 0 00256 32zM64 256c0-105.87 86.13-192 192-192v384c-105.87 0-192-86.13-192-192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrast.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrast.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Contrast"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Contrast.js"],"names":["Contrast","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Contrast.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Contrast = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32A224 224 0 0097.61 414.39 224 224 0 10414.39 97.61 222.53 222.53 0 00256 32zM64 256c0-105.87 86.13-192 192-192v384c-105.87 0-192-86.13-192-192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrast.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrast.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Contrast"]}
\ No newline at end of file
diff --git a/lib/ContrastOutline.js b/lib/ContrastOutline.js
index 7d9b48fb3..fcf74165f 100644
--- a/lib/ContrastOutline.js
+++ b/lib/ContrastOutline.js
@@ -48,7 +48,7 @@ var ContrastOutline = function ContrastOutline(props) {
 ContrastOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ContrastOutline.js.map b/lib/ContrastOutline.js.map
index 775f6265e..955f39b7d 100644
--- a/lib/ContrastOutline.js.map
+++ b/lib/ContrastOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ContrastOutline.js"],"names":["ContrastOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAjK;AAA8Q,8CAAM,GAAE,wDAAR;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ContrastOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContrastOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 464c-114.88 0-208-93.12-208-208S141.12 48 256 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrastOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrastOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContrastOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ContrastOutline.js"],"names":["ContrastOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAhK;AAA8Q,8CAAM,GAAE,wDAAR;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ContrastOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContrastOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 464c-114.88 0-208-93.12-208-208S141.12 48 256 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrastOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrastOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContrastOutline"]}
\ No newline at end of file
diff --git a/lib/ContrastSharp.js b/lib/ContrastSharp.js
index 8b8aefb61..47640de25 100644
--- a/lib/ContrastSharp.js
+++ b/lib/ContrastSharp.js
@@ -47,7 +47,7 @@ var ContrastSharp = function ContrastSharp(props) {
 ContrastSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ContrastSharp.js.map b/lib/ContrastSharp.js.map
index 68eba6d5f..08773f0c8 100644
--- a/lib/ContrastSharp.js.map
+++ b/lib/ContrastSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ContrastSharp.js"],"names":["ContrastSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ContrastSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContrastSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zM128.72 383.28A180 180 0 01256 76v360a178.82 178.82 0 01-127.28-52.72z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrastSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrastSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContrastSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ContrastSharp.js"],"names":["ContrastSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ContrastSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ContrastSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zM128.72 383.28A180 180 0 01256 76v360a178.82 178.82 0 01-127.28-52.72z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nContrastSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nContrastSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ContrastSharp"]}
\ No newline at end of file
diff --git a/lib/Copy.js b/lib/Copy.js
index 95d3171b9..43fda34c5 100644
--- a/lib/Copy.js
+++ b/lib/Copy.js
@@ -48,7 +48,7 @@ var Copy = function Copy(props) {
 Copy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Copy.js.map b/lib/Copy.js.map
index f1e0a569d..02af8bd7a 100644
--- a/lib/Copy.js.map
+++ b/lib/Copy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Copy.js"],"names":["Copy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6FAAR,GAAjK;AAAwQ,8CAAM,GAAE,8GAAR;AAAxQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Copy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Copy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 480H184a72 72 0 01-72-72V184a72 72 0 0172-72h224a72 72 0 0172 72v224a72 72 0 01-72 72z\"/><path d=\"M160 80h235.88A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Copy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Copy.js"],"names":["Copy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6FAAR,GAAhK;AAAwQ,8CAAM,GAAE,8GAAR;AAAxQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Copy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Copy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 480H184a72 72 0 01-72-72V184a72 72 0 0172-72h224a72 72 0 0172 72v224a72 72 0 01-72 72z\" /><path d=\"M160 80h235.88A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Copy"]}
\ No newline at end of file
diff --git a/lib/CopyOutline.js b/lib/CopyOutline.js
index 31713ca7b..33798dd00 100644
--- a/lib/CopyOutline.js
+++ b/lib/CopyOutline.js
@@ -48,7 +48,7 @@ var CopyOutline = function CopyOutline(props) {
 CopyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CopyOutline.js.map b/lib/CopyOutline.js.map
index ba85648d7..4b7109350 100644
--- a/lib/CopyOutline.js.map
+++ b/lib/CopyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CopyOutline.js"],"names":["CopyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAjK;AAA2S,8CAAM,GAAE,iGAAR,EAA0G,MAAK,MAA/G,EAAsH,QAAO,cAA7H,EAA4I,eAAc,OAA1J,EAAkK,gBAAe,OAAjL,EAAyL,aAAY,IAArM;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CopyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CopyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"128\" width=\"336\" height=\"336\" rx=\"57\" ry=\"57\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CopyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CopyOutline.js"],"names":["CopyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAhK;AAA2S,8CAAM,GAAE,iGAAR,EAA0G,MAAK,MAA/G,EAAsH,QAAO,cAA7H,EAA4I,eAAc,OAA1J,EAAkK,gBAAe,OAAjL,EAAyL,aAAY,IAArM;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CopyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CopyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"128\" width=\"336\" height=\"336\" rx=\"57\" ry=\"57\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CopyOutline"]}
\ No newline at end of file
diff --git a/lib/CopySharp.js b/lib/CopySharp.js
index 82431a025..94f5843ee 100644
--- a/lib/CopySharp.js
+++ b/lib/CopySharp.js
@@ -48,7 +48,7 @@ var CopySharp = function CopySharp(props) {
 CopySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CopySharp.js.map b/lib/CopySharp.js.map
index 4b95be9bc..58fb931c7 100644
--- a/lib/CopySharp.js.map
+++ b/lib/CopySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CopySharp.js"],"names":["CopySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6FAAR,GAAjK;AAAwQ,8CAAM,GAAE,iGAAR;AAAxQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CopySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CopySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 480H136a24 24 0 01-24-24V128a16 16 0 0116-16h328a24 24 0 0124 24v320a24 24 0 01-24 24z\"/><path d=\"M112 80h288V56a24 24 0 00-24-24H60a28 28 0 00-28 28v316a24 24 0 0024 24h24V112a32 32 0 0132-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CopySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CopySharp.js"],"names":["CopySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6FAAR,GAAhK;AAAwQ,8CAAM,GAAE,iGAAR;AAAxQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CopySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CopySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 480H136a24 24 0 01-24-24V128a16 16 0 0116-16h328a24 24 0 0124 24v320a24 24 0 01-24 24z\" /><path d=\"M112 80h288V56a24 24 0 00-24-24H60a28 28 0 00-28 28v316a24 24 0 0024 24h24V112a32 32 0 0132-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCopySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCopySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CopySharp"]}
\ No newline at end of file
diff --git a/lib/Create.js b/lib/Create.js
index 623bb799e..ee7f1c9a6 100644
--- a/lib/Create.js
+++ b/lib/Create.js
@@ -48,7 +48,7 @@ var Create = function Create(props) {
 Create.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Create.js.map b/lib/Create.js.map
index 2aec21212..f7a8be8d0 100644
--- a/lib/Create.js.map
+++ b/lib/Create.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Create.js"],"names":["Create","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uSAAR,GAAjK;AAAkd,8CAAM,GAAE,kQAAR;AAAld;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Create.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Create = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z\"/><path d=\"M386.34 193.66L264.45 315.79A41.08 41.08 0 01247.58 326l-25.9 8.67a35.92 35.92 0 01-44.33-44.33l8.67-25.9a41.08 41.08 0 0110.19-16.87l122.13-121.91a8 8 0 00-5.65-13.66H104a56 56 0 00-56 56v240a56 56 0 0056 56h240a56 56 0 0056-56V199.31a8 8 0 00-13.66-5.65z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreate.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Create"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Create.js"],"names":["Create","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uSAAR,GAAhK;AAAkd,8CAAM,GAAE,kQAAR;AAAld;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Create.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Create = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z\" /><path d=\"M386.34 193.66L264.45 315.79A41.08 41.08 0 01247.58 326l-25.9 8.67a35.92 35.92 0 01-44.33-44.33l8.67-25.9a41.08 41.08 0 0110.19-16.87l122.13-121.91a8 8 0 00-5.65-13.66H104a56 56 0 00-56 56v240a56 56 0 0056 56h240a56 56 0 0056-56V199.31a8 8 0 00-13.66-5.65z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreate.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Create"]}
\ No newline at end of file
diff --git a/lib/CreateOutline.js b/lib/CreateOutline.js
index b2fb3deeb..fe9509584 100644
--- a/lib/CreateOutline.js
+++ b/lib/CreateOutline.js
@@ -48,7 +48,7 @@ var CreateOutline = function CreateOutline(props) {
 CreateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CreateOutline.js.map b/lib/CreateOutline.js.map
index bc8302164..7c8c083bb 100644
--- a/lib/CreateOutline.js.map
+++ b/lib/CreateOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CreateOutline.js"],"names":["CreateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL,GAAjK;AAA0V,8CAAM,GAAE,uSAAR;AAA1V;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CreateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CreateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreateOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CreateOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CreateOutline.js"],"names":["CreateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL,GAAhK;AAA0V,8CAAM,GAAE,uSAAR;AAA1V;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"CreateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CreateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreateOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CreateOutline"]}
\ No newline at end of file
diff --git a/lib/CreateSharp.js b/lib/CreateSharp.js
index 61f6c04ab..5cbcc57a8 100644
--- a/lib/CreateSharp.js
+++ b/lib/CreateSharp.js
@@ -48,7 +48,7 @@ var CreateSharp = function CreateSharp(props) {
 CreateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CreateSharp.js.map b/lib/CreateSharp.js.map
index 4f4ebb1fe..6c575c8a6 100644
--- a/lib/CreateSharp.js.map
+++ b/lib/CreateSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CreateSharp.js"],"names":["CreateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mPAAR,GAAjK;AAA8Z,8CAAM,GAAE,sDAAR;AAA9Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CreateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CreateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464.37 49.2a22.07 22.07 0 00-31.88-.76l-18.31 18.25 31.18 31.1 18-17.91a22.16 22.16 0 001.01-30.68zM252.76 336H176V259.24l9.4-9.38L323.54 112H48v352h352V188.46L262.14 326.6l-9.38 9.4zM400 143.16l32.79-32.86-31.09-31.09L368.85 112H400v31.16z\"/><path d=\"M208 304h31.49L400 143.16V112h-31.15L208 272.51V304z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreateSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CreateSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CreateSharp.js"],"names":["CreateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mPAAR,GAAhK;AAA8Z,8CAAM,GAAE,sDAAR;AAA9Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CreateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CreateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464.37 49.2a22.07 22.07 0 00-31.88-.76l-18.31 18.25 31.18 31.1 18-17.91a22.16 22.16 0 001.01-30.68zM252.76 336H176V259.24l9.4-9.38L323.54 112H48v352h352V188.46L262.14 326.6l-9.38 9.4zM400 143.16l32.79-32.86-31.09-31.09L368.85 112H400v31.16z\" /><path d=\"M208 304h31.49L400 143.16V112h-31.15L208 272.51V304z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCreateSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCreateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CreateSharp"]}
\ No newline at end of file
diff --git a/lib/Crop.js b/lib/Crop.js
index 51dcd0557..f373015cc 100644
--- a/lib/Crop.js
+++ b/lib/Crop.js
@@ -48,7 +48,7 @@ var Crop = function Crop(props) {
 Crop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Crop.js.map b/lib/Crop.js.map
index 7efbebb54..2d4d74dfd 100644
--- a/lib/Crop.js.map
+++ b/lib/Crop.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Crop.js"],"names":["Crop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iJAAR,GAAjK;AAA4T,8CAAM,GAAE,gGAAR;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Crop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Crop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M458 346H192a26 26 0 01-26-26V54a22 22 0 00-44 0v68H54a22 22 0 000 44h68v154a70.08 70.08 0 0070 70h154v68a22 22 0 0044 0v-68h68a22 22 0 000-44z\"/><path d=\"M214 166h106a26 26 0 0126 26v106a22 22 0 0044 0V192a70.08 70.08 0 00-70-70H214a22 22 0 000 44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCrop.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCrop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Crop"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Crop.js"],"names":["Crop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iJAAR,GAAhK;AAA4T,8CAAM,GAAE,gGAAR;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Crop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Crop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M458 346H192a26 26 0 01-26-26V54a22 22 0 00-44 0v68H54a22 22 0 000 44h68v154a70.08 70.08 0 0070 70h154v68a22 22 0 0044 0v-68h68a22 22 0 000-44z\" /><path d=\"M214 166h106a26 26 0 0126 26v106a22 22 0 0044 0V192a70.08 70.08 0 00-70-70H214a22 22 0 000 44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCrop.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCrop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Crop"]}
\ No newline at end of file
diff --git a/lib/CropOutline.js b/lib/CropOutline.js
index 5dc119662..be1f34536 100644
--- a/lib/CropOutline.js
+++ b/lib/CropOutline.js
@@ -48,7 +48,7 @@ var CropOutline = function CropOutline(props) {
 CropOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CropOutline.js.map b/lib/CropOutline.js.map
index fceac1af2..04b745d03 100644
--- a/lib/CropOutline.js.map
+++ b/lib/CropOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CropOutline.js"],"names":["CropOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI,GAAjK;AAA4S,8CAAM,GAAE,yDAAR,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,OAAlH,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAA5S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CropOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CropOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 48v272a48 48 0 0048 48h272\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M368 304V192a48 48 0 00-48-48H208M368 368v96M144 144H48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCropOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCropOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CropOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CropOutline.js"],"names":["CropOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI,GAAhK;AAA4S,8CAAM,GAAE,yDAAR,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,OAAlH,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAA5S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CropOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CropOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M144 48v272a48 48 0 0048 48h272\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M368 304V192a48 48 0 00-48-48H208M368 368v96M144 144H48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCropOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCropOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CropOutline"]}
\ No newline at end of file
diff --git a/lib/CropSharp.js b/lib/CropSharp.js
index bb11ad85a..a37269b61 100644
--- a/lib/CropSharp.js
+++ b/lib/CropSharp.js
@@ -48,7 +48,7 @@ var CropSharp = function CropSharp(props) {
 CropSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CropSharp.js.map b/lib/CropSharp.js.map
index 56e40c4e3..f194b5eb2 100644
--- a/lib/CropSharp.js.map
+++ b/lib/CropSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CropSharp.js"],"names":["CropSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2DAAR,GAAjK;AAAsO,8CAAM,GAAE,iCAAR;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CropSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CropSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M166 346V32h-44v90H32v44h90v224h224v90h44v-90h90v-44H166z\"/><path d=\"M346 320h44V122H192v44h154v154z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCropSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCropSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CropSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CropSharp.js"],"names":["CropSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2DAAR,GAAhK;AAAsO,8CAAM,GAAE,iCAAR;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CropSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CropSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M166 346V32h-44v90H32v44h90v224h224v90h44v-90h90v-44H166z\" /><path d=\"M346 320h44V122H192v44h154v154z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCropSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCropSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CropSharp"]}
\ No newline at end of file
diff --git a/lib/Cube.js b/lib/Cube.js
index b295248d3..768787f97 100644
--- a/lib/Cube.js
+++ b/lib/Cube.js
@@ -47,7 +47,7 @@ var Cube = function Cube(props) {
 Cube.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cube.js.map b/lib/Cube.js.map
index edc0ec0ec..e2e90aac7 100644
--- a/lib/Cube.js.map
+++ b/lib/Cube.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cube.js"],"names":["Cube","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6UAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cube.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cube = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.9 136.3a4 4 0 000-6.91L288.16 40.65a64.14 64.14 0 00-64.33 0L71.12 129.39a4 4 0 000 6.91L254 243.88a4 4 0 004.06 0zM54 163.51a4 4 0 00-6 3.49v173.89a48 48 0 0023.84 41.39L234 479.51a4 4 0 006-3.46V274.3a4 4 0 00-2-3.46zM272 275v201a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.89V167a4 4 0 00-6-3.45l-184 108a4 4 0 00-2 3.45z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCube.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCube.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cube"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cube.js"],"names":["Cube","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6UAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Cube.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cube = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.9 136.3a4 4 0 000-6.91L288.16 40.65a64.14 64.14 0 00-64.33 0L71.12 129.39a4 4 0 000 6.91L254 243.88a4 4 0 004.06 0zM54 163.51a4 4 0 00-6 3.49v173.89a48 48 0 0023.84 41.39L234 479.51a4 4 0 006-3.46V274.3a4 4 0 00-2-3.46zM272 275v201a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.89V167a4 4 0 00-6-3.45l-184 108a4 4 0 00-2 3.45z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCube.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCube.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cube"]}
\ No newline at end of file
diff --git a/lib/CubeOutline.js b/lib/CubeOutline.js
index d4946281f..ad853016b 100644
--- a/lib/CubeOutline.js
+++ b/lib/CubeOutline.js
@@ -48,7 +48,7 @@ var CubeOutline = function CubeOutline(props) {
 CubeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CubeOutline.js.map b/lib/CubeOutline.js.map
index 4c4df1005..707782700 100644
--- a/lib/CubeOutline.js.map
+++ b/lib/CubeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CubeOutline.js"],"names":["CubeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kMAAR,EAA2M,MAAK,MAAhN,EAAuN,QAAO,cAA9N,EAA6O,eAAc,OAA3P,EAAmQ,gBAAe,OAAlR,EAA0R,aAAY,IAAtS,GAAjK;AAA6c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAA7c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CubeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CubeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M69 153.99l187 110 187-110M256 463.99v-200\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCubeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCubeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CubeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CubeOutline.js"],"names":["CubeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kMAAR,EAA2M,MAAK,MAAhN,EAAuN,QAAO,cAA9N,EAA6O,eAAc,OAA3P,EAAmQ,gBAAe,OAAlR,EAA0R,aAAY,IAAtS,GAAhK;AAA6c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG;AAA7c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"CubeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CubeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M69 153.99l187 110 187-110M256 463.99v-200\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCubeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCubeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CubeOutline"]}
\ No newline at end of file
diff --git a/lib/CubeSharp.js b/lib/CubeSharp.js
index ec0d58b8d..c0a964dbc 100644
--- a/lib/CubeSharp.js
+++ b/lib/CubeSharp.js
@@ -47,7 +47,7 @@ var CubeSharp = function CubeSharp(props) {
 CubeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CubeSharp.js.map b/lib/CubeSharp.js.map
index 9c5bff932..a1435d7bf 100644
--- a/lib/CubeSharp.js.map
+++ b/lib/CubeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CubeSharp.js"],"names":["CubeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CubeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CubeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 170v196.92L240 480V284L48 170zM272 480l192-113.08V170L272 284zm176-122.36zM448 144L256 32 64 144l192 112 192-112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCubeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCubeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CubeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CubeSharp.js"],"names":["CubeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"CubeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CubeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 170v196.92L240 480V284L48 170zM272 480l192-113.08V170L272 284zm176-122.36zM448 144L256 32 64 144l192 112 192-112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCubeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCubeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CubeSharp"]}
\ No newline at end of file
diff --git a/lib/Cut.js b/lib/Cut.js
index 0ab451b11..839c6aa92 100644
--- a/lib/Cut.js
+++ b/lib/Cut.js
@@ -49,7 +49,7 @@ var Cut = function Cut(props) {
 Cut.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Cut.js.map b/lib/Cut.js.map
index ecda20e87..41fd03940 100644
--- a/lib/Cut.js.map
+++ b/lib/Cut.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Cut.js"],"names":["Cut","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+KAAR,GAAjK;AAA0V,8CAAM,GAAE,qUAAR,GAA1V;AAAyqB,8CAAM,GAAE,oJAAR;AAAzqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Cut.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cut = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M103.48 224a71.64 71.64 0 0044.76-15.66l41.5 16.89 6.82-12.63a39.15 39.15 0 014.32-6.37l14.22-14.42-41.17-24.94A72 72 0 10103.48 224zm0-112a40 40 0 11-40 40 40 40 0 0140-40z\"/><path d=\"M480 169l-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1024.79 38zm-224.52 87a16 16 0 1116-16 16 16 0 01-16 16zm-152 144a40 40 0 1140-40 40 40 0 01-40 40z\"/><path d=\"M343.79 259.87l-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCut.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCut.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cut"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Cut.js"],"names":["Cut","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+KAAR,GAAhK;AAA0V,8CAAM,GAAE,qUAAR,GAA1V;AAA0qB,8CAAM,GAAE,oJAAR;AAA1qB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Cut.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Cut = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M103.48 224a71.64 71.64 0 0044.76-15.66l41.5 16.89 6.82-12.63a39.15 39.15 0 014.32-6.37l14.22-14.42-41.17-24.94A72 72 0 10103.48 224zm0-112a40 40 0 11-40 40 40 40 0 0140-40z\" /><path d=\"M480 169l-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1024.79 38zm-224.52 87a16 16 0 1116-16 16 16 0 01-16 16zm-152 144a40 40 0 1140-40 40 40 0 01-40 40z\" /><path d=\"M343.79 259.87l-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCut.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCut.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Cut"]}
\ No newline at end of file
diff --git a/lib/CutOutline.js b/lib/CutOutline.js
index 99ceeaef4..334daa45c 100644
--- a/lib/CutOutline.js
+++ b/lib/CutOutline.js
@@ -51,7 +51,7 @@ var CutOutline = function CutOutline(props) {
 CutOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CutOutline.js.map b/lib/CutOutline.js.map
index d5ec031b4..5e3eb31a2 100644
--- a/lib/CutOutline.js.map
+++ b/lib/CutOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CutOutline.js"],"names":["CutOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAqa,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,QAAhG,EAAyG,kBAAiB,IAA1H,EAA+H,aAAY,IAA3I,GAAra;AAAsjB,8CAAM,GAAE,kOAAR,EAA2O,MAAK,MAAhP,EAAuP,QAAO,cAA9P,EAA6Q,eAAc,OAA3R,EAAmS,kBAAiB,IAApT,EAAyT,aAAY,IAArU,GAAtjB;AAAi4B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG;AAAj4B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CutOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CutOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"104\" cy=\"152\" r=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"104\" cy=\"360\" r=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M157 175l-11 15 37 15s3.46-6.42 7-10z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M154.17 334.43L460 162c-2.5-6.7-28-12-64-4-29.12 6.47-121.16 29.05-159.16 56.05C205.85 236.06 227 272 192 298c-25.61 19-44.43 22.82-44.43 22.82zM344.47 278.24L295 306.67c14.23 6.74 65.54 33.27 117 36.33 14.92.89 30 .39 39-6z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"240\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCutOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCutOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CutOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CutOutline.js"],"names":["CutOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAsa,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,QAAhG,EAAyG,kBAAiB,IAA1H,EAA+H,aAAY,IAA3I,GAAta;AAAwjB,8CAAM,GAAE,kOAAR,EAA2O,MAAK,MAAhP,EAAuP,QAAO,cAA9P,EAA6Q,eAAc,OAA3R,EAAmS,kBAAiB,IAApT,EAAyT,aAAY,IAArU,GAAxjB;AAAo4B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG;AAAp4B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"CutOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CutOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"104\" cy=\"152\" r=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"104\" cy=\"360\" r=\"56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M157 175l-11 15 37 15s3.46-6.42 7-10z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M154.17 334.43L460 162c-2.5-6.7-28-12-64-4-29.12 6.47-121.16 29.05-159.16 56.05C205.85 236.06 227 272 192 298c-25.61 19-44.43 22.82-44.43 22.82zM344.47 278.24L295 306.67c14.23 6.74 65.54 33.27 117 36.33 14.92.89 30 .39 39-6z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"240\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCutOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCutOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CutOutline"]}
\ No newline at end of file
diff --git a/lib/CutSharp.js b/lib/CutSharp.js
index 4ee8628a5..366bac7df 100644
--- a/lib/CutSharp.js
+++ b/lib/CutSharp.js
@@ -48,7 +48,7 @@ var CutSharp = function CutSharp(props) {
 CutSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/CutSharp.js.map b/lib/CutSharp.js.map
index 6528675f9..5fce3fbe9 100644
--- a/lib/CutSharp.js.map
+++ b/lib/CutSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/CutSharp.js"],"names":["CutSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sQAAR,GAAjK;AAAib,8CAAM,GAAE,gEAAR;AAAjb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CutSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CutSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128h-48l-198.94 70.46-59.13-31.59a72.16 72.16 0 10-25.69 41.47l52.2 31.72L192 277l-43.64 26.76a71.74 71.74 0 1024.79 38L480 160zm-376.52 64a40 40 0 1140-40 40 40 0 01-40 40zm0 208a40 40 0 1140-40 40 40 0 01-40 40zm152-144a16 16 0 1116-16 16 16 0 01-16 16z\"/><path d=\"M343.79 259.87l-83.74 48.18L432 368h47.99l.01-32-136.21-76.13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nCutSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCutSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CutSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/CutSharp.js"],"names":["CutSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sQAAR,GAAhK;AAAib,8CAAM,GAAE,gEAAR;AAAjb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"CutSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst CutSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 128h-48l-198.94 70.46-59.13-31.59a72.16 72.16 0 10-25.69 41.47l52.2 31.72L192 277l-43.64 26.76a71.74 71.74 0 1024.79 38L480 160zm-376.52 64a40 40 0 1140-40 40 40 0 01-40 40zm0 208a40 40 0 1140-40 40 40 0 01-40 40zm152-144a16 16 0 1116-16 16 16 0 01-16 16z\" /><path d=\"M343.79 259.87l-83.74 48.18L432 368h47.99l.01-32-136.21-76.13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nCutSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nCutSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default CutSharp"]}
\ No newline at end of file
diff --git a/lib/Desktop.js b/lib/Desktop.js
index 0b2262c91..89ce69ead 100644
--- a/lib/Desktop.js
+++ b/lib/Desktop.js
@@ -47,7 +47,7 @@ var Desktop = function Desktop(props) {
 Desktop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Desktop.js.map b/lib/Desktop.js.map
index 4fbc9fa4f..aaaba1a75 100644
--- a/lib/Desktop.js.map
+++ b/lib/Desktop.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Desktop.js"],"names":["Desktop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Desktop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Desktop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 352a48.05 48.05 0 0048 48h133.88l-4 32H144a16 16 0 000 32h224a16 16 0 000-32h-49.88l-4-32H448a48.05 48.05 0 0048-48v-48H16zm240-16a16 16 0 11-16 16 16 16 0 0116-16zM496 96a48.05 48.05 0 00-48-48H64a48.05 48.05 0 00-48 48v192h480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktop.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Desktop"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Desktop.js"],"names":["Desktop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Desktop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Desktop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 352a48.05 48.05 0 0048 48h133.88l-4 32H144a16 16 0 000 32h224a16 16 0 000-32h-49.88l-4-32H448a48.05 48.05 0 0048-48v-48H16zm240-16a16 16 0 11-16 16 16 16 0 0116-16zM496 96a48.05 48.05 0 00-48-48H64a48.05 48.05 0 00-48 48v192h480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktop.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Desktop"]}
\ No newline at end of file
diff --git a/lib/DesktopOutline.js b/lib/DesktopOutline.js
index 54bc0604e..93e65e284 100644
--- a/lib/DesktopOutline.js
+++ b/lib/DesktopOutline.js
@@ -50,7 +50,7 @@ var DesktopOutline = function DesktopOutline(props) {
 DesktopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DesktopOutline.js.map b/lib/DesktopOutline.js.map
index 5ccf02d3e..df1c75bb2 100644
--- a/lib/DesktopOutline.js.map
+++ b/lib/DesktopOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DesktopOutline.js"],"names":["DesktopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,gBAAe,OAAjE,EAAyE,aAAY,IAArF,EAA0F,GAAE,8BAA5F,GAAzS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAra;AAA6hB,8CAAM,GAAE,0GAAR;AAA7hB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DesktopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DesktopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"64\" width=\"448\" height=\"320\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 448l-8-64h-80l-8 64h96z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 448H144\"/><path d=\"M32 304v48a32.09 32.09 0 0032 32h384a32.09 32.09 0 0032-32v-48zm224 64a16 16 0 1116-16 16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktopOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DesktopOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DesktopOutline.js"],"names":["DesktopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,gBAAe,OAAjE,EAAyE,aAAY,IAArF,EAA0F,GAAE,8BAA5F,GAAzS;AAAsa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAta;AAA+hB,8CAAM,GAAE,0GAAR;AAA/hB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DesktopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DesktopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"64\" width=\"448\" height=\"320\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 448l-8-64h-80l-8 64h96z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 448H144\" /><path d=\"M32 304v48a32.09 32.09 0 0032 32h384a32.09 32.09 0 0032-32v-48zm224 64a16 16 0 1116-16 16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktopOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DesktopOutline"]}
\ No newline at end of file
diff --git a/lib/DesktopSharp.js b/lib/DesktopSharp.js
index f2ebcb39e..a8a8c9e76 100644
--- a/lib/DesktopSharp.js
+++ b/lib/DesktopSharp.js
@@ -47,7 +47,7 @@ var DesktopSharp = function DesktopSharp(props) {
 DesktopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DesktopSharp.js.map b/lib/DesktopSharp.js.map
index 078ae484a..e984a785c 100644
--- a/lib/DesktopSharp.js.map
+++ b/lib/DesktopSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DesktopSharp.js"],"names":["DesktopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DesktopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DesktopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 48H32a16 16 0 00-16 16v320a16 16 0 0016 16h168v32h-72v32h256v-32h-72v-32h168a16 16 0 0016-16V64a16 16 0 00-16-16zm-20 36v216H52V84zM240.13 354.08a16 16 0 1113.79 13.79 16 16 0 01-13.79-13.79z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktopSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DesktopSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DesktopSharp.js"],"names":["DesktopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DesktopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DesktopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 48H32a16 16 0 00-16 16v320a16 16 0 0016 16h168v32h-72v32h256v-32h-72v-32h168a16 16 0 0016-16V64a16 16 0 00-16-16zm-20 36v216H52V84zM240.13 354.08a16 16 0 1113.79 13.79 16 16 0 01-13.79-13.79z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDesktopSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDesktopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DesktopSharp"]}
\ No newline at end of file
diff --git a/lib/Dice.js b/lib/Dice.js
index 8a4450462..c3ca19800 100644
--- a/lib/Dice.js
+++ b/lib/Dice.js
@@ -47,7 +47,7 @@ var Dice = function Dice(props) {
 Dice.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Dice.js.map b/lib/Dice.js.map
index 276729437..f8fce34cd 100644
--- a/lib/Dice.js.map
+++ b/lib/Dice.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Dice.js"],"names":["Dice","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i3BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Dice.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Dice = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.88 129.37L288.16 40.62a64.14 64.14 0 00-64.33 0L71.12 129.37a4 4 0 000 6.9L254 243.85a4 4 0 004.06 0L440.9 136.27a4 4 0 00-.02-6.9zM256 152c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16zM238 270.81L54 163.48a4 4 0 00-6 3.46v173.92a48 48 0 0023.84 41.39L234 479.48a4 4 0 006-3.46V274.27a4 4 0 00-2-3.46zM96 368c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96-32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zM458 163.51L274 271.56a4 4 0 00-2 3.45V476a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.86V167a4 4 0 00-6-3.49zM320 424c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDice.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDice.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Dice"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Dice.js"],"names":["Dice","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i3BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Dice.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Dice = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.88 129.37L288.16 40.62a64.14 64.14 0 00-64.33 0L71.12 129.37a4 4 0 000 6.9L254 243.85a4 4 0 004.06 0L440.9 136.27a4 4 0 00-.02-6.9zM256 152c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16zM238 270.81L54 163.48a4 4 0 00-6 3.46v173.92a48 48 0 0023.84 41.39L234 479.48a4 4 0 006-3.46V274.27a4 4 0 00-2-3.46zM96 368c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96-32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zM458 163.51L274 271.56a4 4 0 00-2 3.45V476a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.86V167a4 4 0 00-6-3.49zM320 424c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDice.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDice.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Dice"]}
\ No newline at end of file
diff --git a/lib/DiceOutline.js b/lib/DiceOutline.js
index e59ac4ad3..5375f15eb 100644
--- a/lib/DiceOutline.js
+++ b/lib/DiceOutline.js
@@ -55,7 +55,7 @@ var DiceOutline = function DiceOutline(props) {
 DiceOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DiceOutline.js.map b/lib/DiceOutline.js.map
index 4a0150bca..8840a6eca 100644
--- a/lib/DiceOutline.js.map
+++ b/lib/DiceOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DiceOutline.js"],"names":["DiceOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kMAAxG,GAAjK;AAA6c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG,GAA7c;AAAmmB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAnmB;AAA+oB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA/oB;AAA2rB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA3rB;AAAuuB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAvuB;AAAmxB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAnxB;AAA+zB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA/zB;AAA22B,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAA32B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"DiceOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiceOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M69 153.99l187 110 187-110M256 463.99v-200\"/><ellipse cx=\"256\" cy=\"152\" rx=\"24\" ry=\"16\"/><ellipse cx=\"208\" cy=\"296\" rx=\"16\" ry=\"24\"/><ellipse cx=\"112\" cy=\"328\" rx=\"16\" ry=\"24\"/><ellipse cx=\"304\" cy=\"296\" rx=\"16\" ry=\"24\"/><ellipse cx=\"400\" cy=\"240\" rx=\"16\" ry=\"24\"/><ellipse cx=\"304\" cy=\"384\" rx=\"16\" ry=\"24\"/><ellipse cx=\"400\" cy=\"328\" rx=\"16\" ry=\"24\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiceOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiceOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiceOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DiceOutline.js"],"names":["DiceOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kMAAxG,GAAhK;AAA6c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4CAAxG,GAA7c;AAAomB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAApmB;AAAipB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAjpB;AAA8rB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA9rB;AAA2uB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA3uB;AAAwxB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAxxB;AAAq0B,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAr0B;AAAk3B,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAAl3B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"DiceOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiceOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M69 153.99l187 110 187-110M256 463.99v-200\" /><ellipse cx=\"256\" cy=\"152\" rx=\"24\" ry=\"16\" /><ellipse cx=\"208\" cy=\"296\" rx=\"16\" ry=\"24\" /><ellipse cx=\"112\" cy=\"328\" rx=\"16\" ry=\"24\" /><ellipse cx=\"304\" cy=\"296\" rx=\"16\" ry=\"24\" /><ellipse cx=\"400\" cy=\"240\" rx=\"16\" ry=\"24\" /><ellipse cx=\"304\" cy=\"384\" rx=\"16\" ry=\"24\" /><ellipse cx=\"400\" cy=\"328\" rx=\"16\" ry=\"24\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiceOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiceOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiceOutline"]}
\ No newline at end of file
diff --git a/lib/DiceSharp.js b/lib/DiceSharp.js
index a6d124cbe..2ba441a5e 100644
--- a/lib/DiceSharp.js
+++ b/lib/DiceSharp.js
@@ -47,7 +47,7 @@ var DiceSharp = function DiceSharp(props) {
 DiceSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DiceSharp.js.map b/lib/DiceSharp.js.map
index 877c87b55..2380ce008 100644
--- a/lib/DiceSharp.js.map
+++ b/lib/DiceSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DiceSharp.js"],"names":["DiceSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,umBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"DiceSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiceSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 366.92L240 480V284L48 170zM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zm-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zM272 284v196l192-113.08V170zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm32 77.64zM256 32L64 144l192 112 192-112zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiceSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiceSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiceSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DiceSharp.js"],"names":["DiceSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,umBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"DiceSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiceSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 366.92L240 480V284L48 170zM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zm-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zM272 284v196l192-113.08V170zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm32 77.64zM256 32L64 144l192 112 192-112zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiceSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiceSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiceSharp"]}
\ No newline at end of file
diff --git a/lib/Disc.js b/lib/Disc.js
index 4937dfef9..6e914782b 100644
--- a/lib/Disc.js
+++ b/lib/Disc.js
@@ -48,7 +48,7 @@ var Disc = function Disc(props) {
 Disc.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Disc.js.map b/lib/Disc.js.map
index c8073ddb3..77cad4e17 100644
--- a/lib/Disc.js.map
+++ b/lib/Disc.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Disc.js"],"names":["Disc","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0FAAR,GAAjK;AAAqQ,8CAAM,GAAE,0HAAR;AAArQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Disc.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Disc = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 176a80 80 0 1080 80 80.09 80.09 0 00-80-80zm0 112a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 368a112 112 0 11112-112 112.12 112.12 0 01-112 112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDisc.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDisc.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Disc"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Disc.js"],"names":["Disc","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0FAAR,GAAhK;AAAqQ,8CAAM,GAAE,0HAAR;AAArQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Disc.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Disc = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 176a80 80 0 1080 80 80.09 80.09 0 00-80-80zm0 112a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 368a112 112 0 11112-112 112.12 112.12 0 01-112 112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDisc.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDisc.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Disc"]}
\ No newline at end of file
diff --git a/lib/DiscOutline.js b/lib/DiscOutline.js
index 46dda2ee0..714a2a8ed 100644
--- a/lib/DiscOutline.js
+++ b/lib/DiscOutline.js
@@ -49,7 +49,7 @@ var DiscOutline = function DiscOutline(props) {
 DiscOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DiscOutline.js.map b/lib/DiscOutline.js.map
index 109bbd3a9..a770e9ead 100644
--- a/lib/DiscOutline.js.map
+++ b/lib/DiscOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DiscOutline.js"],"names":["DiscOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG,GAAjK;AAA6Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA7Q;AAAwX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAxX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"DiscOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiscOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiscOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiscOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiscOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DiscOutline.js"],"names":["DiscOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG,GAAhK;AAA6Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA7Q;AAAyX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAzX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"DiscOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiscOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiscOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiscOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiscOutline"]}
\ No newline at end of file
diff --git a/lib/DiscSharp.js b/lib/DiscSharp.js
index 2ad48d067..5df7dbe5e 100644
--- a/lib/DiscSharp.js
+++ b/lib/DiscSharp.js
@@ -48,7 +48,7 @@ var DiscSharp = function DiscSharp(props) {
 DiscSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DiscSharp.js.map b/lib/DiscSharp.js.map
index 3f598f201..8f019387b 100644
--- a/lib/DiscSharp.js.map
+++ b/lib/DiscSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DiscSharp.js"],"names":["DiscSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,kHAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"DiscSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiscSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\"/><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiscSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiscSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiscSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DiscSharp.js"],"names":["DiscSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,kHAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"DiscSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DiscSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\" /><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDiscSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDiscSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DiscSharp"]}
\ No newline at end of file
diff --git a/lib/Document.js b/lib/Document.js
index 6e0aad2df..d8a661f4d 100644
--- a/lib/Document.js
+++ b/lib/Document.js
@@ -48,7 +48,7 @@ var Document = function Document(props) {
 Document.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Document.js.map b/lib/Document.js.map
index def0e92f8..22c83e8ae 100644
--- a/lib/Document.js.map
+++ b/lib/Document.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Document.js"],"names":["Document","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8HAAR,GAAjK;AAAyS,8CAAM,GAAE,8FAAR;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Document.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Document = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4z\"/><path d=\"M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocument.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocument.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Document"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Document.js"],"names":["Document","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8HAAR,GAAhK;AAAyS,8CAAM,GAAE,8FAAR;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Document.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Document = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4z\" /><path d=\"M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocument.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocument.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Document"]}
\ No newline at end of file
diff --git a/lib/DocumentAttach.js b/lib/DocumentAttach.js
index 335b6a0e7..8f23b6c1b 100644
--- a/lib/DocumentAttach.js
+++ b/lib/DocumentAttach.js
@@ -48,7 +48,7 @@ var DocumentAttach = function DocumentAttach(props) {
 DocumentAttach.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentAttach.js.map b/lib/DocumentAttach.js.map
index 33c304680..68217e17a 100644
--- a/lib/DocumentAttach.js.map
+++ b/lib/DocumentAttach.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentAttach.js"],"names":["DocumentAttach","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6gBAAR,GAAjK;AAAwrB,8CAAM,GAAE,wFAAR;AAAxrB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DocumentAttach.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttach = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 240H320a48 48 0 01-48-48V52a4 4 0 00-4-4h-53.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80a16 16 0 00-32 0v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144a16 16 0 00-32 0v82.13c0 51.51 33.19 89.63 80 93.53V432a64 64 0 0064 64h208a64 64 0 0064-64V244a4 4 0 00-4-4z\"/><path d=\"M320 208h129.81a2 2 0 001.41-3.41L307.41 60.78a2 2 0 00-3.41 1.41V192a16 16 0 0016 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttach.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttach.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttach"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentAttach.js"],"names":["DocumentAttach","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6gBAAR,GAAhK;AAAwrB,8CAAM,GAAE,wFAAR;AAAxrB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DocumentAttach.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttach = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M460 240H320a48 48 0 01-48-48V52a4 4 0 00-4-4h-53.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80a16 16 0 00-32 0v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144a16 16 0 00-32 0v82.13c0 51.51 33.19 89.63 80 93.53V432a64 64 0 0064 64h208a64 64 0 0064-64V244a4 4 0 00-4-4z\" /><path d=\"M320 208h129.81a2 2 0 001.41-3.41L307.41 60.78a2 2 0 00-3.41 1.41V192a16 16 0 0016 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttach.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttach.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttach"]}
\ No newline at end of file
diff --git a/lib/DocumentAttachOutline.js b/lib/DocumentAttachOutline.js
index d70c74d4c..1a4c688ab 100644
--- a/lib/DocumentAttachOutline.js
+++ b/lib/DocumentAttachOutline.js
@@ -49,7 +49,7 @@ var DocumentAttachOutline = function DocumentAttachOutline(props) {
 DocumentAttachOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentAttachOutline.js.map b/lib/DocumentAttachOutline.js.map
index de7d04ccd..b7e8a1ed0 100644
--- a/lib/DocumentAttachOutline.js.map
+++ b/lib/DocumentAttachOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentAttachOutline.js"],"names":["DocumentAttachOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,gBAAe,OAArM,EAA6M,aAAY,IAAzN,GAAjK;AAAgY,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI,GAAhY;AAA2gB,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,eAAc,OAAnN,EAA2N,kBAAiB,IAA5O,EAAiP,aAAY,IAA7P;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"DocumentAttachOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttachOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 64h66.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62V432a48 48 0 01-48 48H192a48 48 0 01-48-48V304\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M288 72v120a32 32 0 0032 32h120\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 80v152a23.69 23.69 0 01-24 24c-12 0-24-9.1-24-24V88c0-30.59 16.57-56 48-56s48 24.8 48 55.38v138.75c0 43-27.82 77.87-72 77.87s-72-34.86-72-77.87V144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttachOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttachOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttachOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentAttachOutline.js"],"names":["DocumentAttachOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qHAAR,EAA8H,MAAK,MAAnI,EAA0I,QAAO,cAAjJ,EAAgK,eAAc,OAA9K,EAAsL,gBAAe,OAArM,EAA6M,aAAY,IAAzN,GAAhK;AAAgY,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI,GAAhY;AAA4gB,8CAAM,GAAE,0JAAR,EAAmK,MAAK,MAAxK,EAA+K,QAAO,cAAtL,EAAqM,eAAc,OAAnN,EAA2N,kBAAiB,IAA5O,EAAiP,aAAY,IAA7P;AAA5gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"DocumentAttachOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttachOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 64h66.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62V432a48 48 0 01-48 48H192a48 48 0 01-48-48V304\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M288 72v120a32 32 0 0032 32h120\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 80v152a23.69 23.69 0 01-24 24c-12 0-24-9.1-24-24V88c0-30.59 16.57-56 48-56s48 24.8 48 55.38v138.75c0 43-27.82 77.87-72 77.87s-72-34.86-72-77.87V144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttachOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttachOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttachOutline"]}
\ No newline at end of file
diff --git a/lib/DocumentAttachSharp.js b/lib/DocumentAttachSharp.js
index c275a4273..ee9796515 100644
--- a/lib/DocumentAttachSharp.js
+++ b/lib/DocumentAttachSharp.js
@@ -48,7 +48,7 @@ var DocumentAttachSharp = function DocumentAttachSharp(props) {
 DocumentAttachSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentAttachSharp.js.map b/lib/DocumentAttachSharp.js.map
index 56af80053..337dca4f4 100644
--- a/lib/DocumentAttachSharp.js.map
+++ b/lib/DocumentAttachSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentAttachSharp.js"],"names":["DocumentAttachSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kdAAR,GAAjK;AAA6nB,8CAAM,GAAE,oFAAR;AAA7nB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentAttachSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttachSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280 240a8 8 0 01-8-8V48h-57.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80h-32v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144H48v82.13c0 51.51 33.19 89.63 80 93.53V468a12 12 0 0012 12h312a12 12 0 0012-12V240z\"/><path d=\"M308 208h146.31a2 2 0 001.42-3.41L307.41 56.27a2 2 0 00-3.41 1.42V204a4 4 0 004 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttachSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttachSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttachSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentAttachSharp.js"],"names":["DocumentAttachSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kdAAR,GAAhK;AAA6nB,8CAAM,GAAE,oFAAR;AAA7nB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentAttachSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentAttachSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280 240a8 8 0 01-8-8V48h-57.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80h-32v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144H48v82.13c0 51.51 33.19 89.63 80 93.53V468a12 12 0 0012 12h312a12 12 0 0012-12V240z\" /><path d=\"M308 208h146.31a2 2 0 001.42-3.41L307.41 56.27a2 2 0 00-3.41 1.42V204a4 4 0 004 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentAttachSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentAttachSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentAttachSharp"]}
\ No newline at end of file
diff --git a/lib/DocumentLock.js b/lib/DocumentLock.js
index 747c10d70..9c1ea3f40 100644
--- a/lib/DocumentLock.js
+++ b/lib/DocumentLock.js
@@ -48,7 +48,7 @@ var DocumentLock = function DocumentLock(props) {
 DocumentLock.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentLock.js.map b/lib/DocumentLock.js.map
index 9a146e0ec..77b46af09 100644
--- a/lib/DocumentLock.js.map
+++ b/lib/DocumentLock.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentLock.js"],"names":["DocumentLock","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sJAAR,GAAjK;AAAiU,8CAAM,GAAE,8PAAR;AAAjU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DocumentLock.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLock = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 192h129.81a2 2 0 001.41-3.41L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z\"/><path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160a32 32 0 01-32 32h-96a32 32 0 01-32-32v-48a32 32 0 0132-32v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18a32 32 0 0132 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLock.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLock.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLock"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentLock.js"],"names":["DocumentLock","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sJAAR,GAAhK;AAAiU,8CAAM,GAAE,8PAAR;AAAjU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DocumentLock.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLock = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 192h129.81a2 2 0 001.41-3.41L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z\" /><path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160a32 32 0 01-32 32h-96a32 32 0 01-32-32v-48a32 32 0 0132-32v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18a32 32 0 0132 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLock.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLock.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLock"]}
\ No newline at end of file
diff --git a/lib/DocumentLockOutline.js b/lib/DocumentLockOutline.js
index 73394fdc8..656935623 100644
--- a/lib/DocumentLockOutline.js
+++ b/lib/DocumentLockOutline.js
@@ -50,7 +50,7 @@ var DocumentLockOutline = function DocumentLockOutline(props) {
 DocumentLockOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentLockOutline.js.map b/lib/DocumentLockOutline.js.map
index 6bc8b5e71..58705312b 100644
--- a/lib/DocumentLockOutline.js.map
+++ b/lib/DocumentLockOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentLockOutline.js"],"names":["DocumentLockOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wDAAR,EAAiE,MAAK,MAAtE,EAA6E,QAAO,cAApF,EAAmG,eAAc,OAAjH,EAAyH,gBAAe,OAAxI,EAAgJ,aAAY,IAA5J,GAAjK;AAAmU,8CAAM,GAAE,2FAAR,GAAnU;AAAwa,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAxa;AAAqoB,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,gBAAe,OAAvH,EAA+H,aAAY,IAA3I;AAAroB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentLockOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLockOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 304v-18c0-16.63-14.26-30-32-30s-32 13.37-32 30v18\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M304 416h-96a32 32 0 01-32-32v-48a32 32 0 0132-32h96a32 32 0 0132 32v48a32 32 0 01-32 32z\"/><path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 50.88V176a32 32 0 0032 32h125.12\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLockOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLockOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLockOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentLockOutline.js"],"names":["DocumentLockOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wDAAR,EAAiE,MAAK,MAAtE,EAA6E,QAAO,cAApF,EAAmG,eAAc,OAAjH,EAAyH,gBAAe,OAAxI,EAAgJ,aAAY,IAA5J,GAAhK;AAAmU,8CAAM,GAAE,2FAAR,GAAnU;AAAya,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAza;AAAuoB,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,gBAAe,OAAvH,EAA+H,aAAY,IAA3I;AAAvoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentLockOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLockOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 304v-18c0-16.63-14.26-30-32-30s-32 13.37-32 30v18\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M304 416h-96a32 32 0 01-32-32v-48a32 32 0 0132-32h96a32 32 0 0132 32v48a32 32 0 01-32 32z\" /><path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 50.88V176a32 32 0 0032 32h125.12\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLockOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLockOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLockOutline"]}
\ No newline at end of file
diff --git a/lib/DocumentLockSharp.js b/lib/DocumentLockSharp.js
index 36db50f21..ee607544d 100644
--- a/lib/DocumentLockSharp.js
+++ b/lib/DocumentLockSharp.js
@@ -48,7 +48,7 @@ var DocumentLockSharp = function DocumentLockSharp(props) {
 DocumentLockSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentLockSharp.js.map b/lib/DocumentLockSharp.js.map
index 0e891c306..4b784257b 100644
--- a/lib/DocumentLockSharp.js.map
+++ b/lib/DocumentLockSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentLockSharp.js"],"names":["DocumentLockSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR,GAAjK;AAA6T,8CAAM,GAAE,0PAAR;AAA7T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"DocumentLockSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLockSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M276 192h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42V188a4 4 0 004 4zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z\"/><path d=\"M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm88 175.91A16.1 16.1 0 01319.91 416H192.09A16.1 16.1 0 01176 399.91V320c0-10 7-16 16-16h16v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18h16a15.8 15.8 0 0116 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLockSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLockSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLockSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentLockSharp.js"],"names":["DocumentLockSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR,GAAhK;AAA6T,8CAAM,GAAE,0PAAR;AAA7T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"DocumentLockSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentLockSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M276 192h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42V188a4 4 0 004 4zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z\" /><path d=\"M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm88 175.91A16.1 16.1 0 01319.91 416H192.09A16.1 16.1 0 01176 399.91V320c0-10 7-16 16-16h16v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18h16a15.8 15.8 0 0116 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentLockSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentLockSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentLockSharp"]}
\ No newline at end of file
diff --git a/lib/DocumentOutline.js b/lib/DocumentOutline.js
index dd8b81223..d1820d2f5 100644
--- a/lib/DocumentOutline.js
+++ b/lib/DocumentOutline.js
@@ -48,7 +48,7 @@ var DocumentOutline = function DocumentOutline(props) {
 DocumentOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentOutline.js.map b/lib/DocumentOutline.js.map
index bf511ca1d..129dcbdfa 100644
--- a/lib/DocumentOutline.js.map
+++ b/lib/DocumentOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentOutline.js"],"names":["DocumentOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAjK;AAA8X,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"DocumentOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 56v120a32 32 0 0032 32h120\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentOutline.js"],"names":["DocumentOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAhK;AAA8X,8CAAM,GAAE,iCAAR,EAA0C,MAAK,MAA/C,EAAsD,QAAO,cAA7D,EAA4E,eAAc,OAA1F,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"DocumentOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 56v120a32 32 0 0032 32h120\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentOutline"]}
\ No newline at end of file
diff --git a/lib/DocumentSharp.js b/lib/DocumentSharp.js
index d02a49e22..ab66af63f 100644
--- a/lib/DocumentSharp.js
+++ b/lib/DocumentSharp.js
@@ -48,7 +48,7 @@ var DocumentSharp = function DocumentSharp(props) {
 DocumentSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentSharp.js.map b/lib/DocumentSharp.js.map
index fc1c869aa..087294c15 100644
--- a/lib/DocumentSharp.js.map
+++ b/lib/DocumentSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentSharp.js"],"names":["DocumentSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+FAAR,GAAjK;AAA0Q,8CAAM,GAAE,sFAAR;AAA1Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"DocumentSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 216V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224H248a8 8 0 01-8-8z\"/><path d=\"M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentSharp.js"],"names":["DocumentSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+FAAR,GAAhK;AAA0Q,8CAAM,GAAE,sFAAR;AAA1Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"DocumentSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 216V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224H248a8 8 0 01-8-8z\" /><path d=\"M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentSharp"]}
\ No newline at end of file
diff --git a/lib/DocumentText.js b/lib/DocumentText.js
index f80cd1b35..add50f113 100644
--- a/lib/DocumentText.js
+++ b/lib/DocumentText.js
@@ -48,7 +48,7 @@ var DocumentText = function DocumentText(props) {
 DocumentText.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentText.js.map b/lib/DocumentText.js.map
index f433f3cd5..1d7afa0e3 100644
--- a/lib/DocumentText.js.map
+++ b/lib/DocumentText.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentText.js"],"names":["DocumentText","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yNAAR,GAAjK;AAAoY,8CAAM,GAAE,8FAAR;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DocumentText.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentText = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z\"/><path d=\"M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentText.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentText.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentText"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentText.js"],"names":["DocumentText","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yNAAR,GAAhK;AAAoY,8CAAM,GAAE,8FAAR;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"DocumentText.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentText = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z\" /><path d=\"M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentText.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentText.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentText"]}
\ No newline at end of file
diff --git a/lib/DocumentTextOutline.js b/lib/DocumentTextOutline.js
index b992245b5..e2757498b 100644
--- a/lib/DocumentTextOutline.js
+++ b/lib/DocumentTextOutline.js
@@ -48,7 +48,7 @@ var DocumentTextOutline = function DocumentTextOutline(props) {
 DocumentTextOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentTextOutline.js.map b/lib/DocumentTextOutline.js.map
index 64691ee30..0c2e90819 100644
--- a/lib/DocumentTextOutline.js.map
+++ b/lib/DocumentTextOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentTextOutline.js"],"names":["DocumentTextOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAjK;AAA8X,8CAAM,GAAE,yDAAR,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,OAAlH,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentTextOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentTextOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 56v120a32 32 0 0032 32h120M176 288h160M176 368h160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentTextOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentTextOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentTextOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentTextOutline.js"],"names":["DocumentTextOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yIAAR,EAAkJ,MAAK,MAAvJ,EAA8J,QAAO,cAArK,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAhK;AAA8X,8CAAM,GAAE,yDAAR,EAAkE,MAAK,MAAvE,EAA8E,QAAO,cAArF,EAAoG,eAAc,OAAlH,EAA0H,gBAAe,OAAzI,EAAiJ,aAAY,IAA7J;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"DocumentTextOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentTextOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 56v120a32 32 0 0032 32h120M176 288h160M176 368h160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentTextOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentTextOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentTextOutline"]}
\ No newline at end of file
diff --git a/lib/DocumentTextSharp.js b/lib/DocumentTextSharp.js
index c25a49fae..25f4718df 100644
--- a/lib/DocumentTextSharp.js
+++ b/lib/DocumentTextSharp.js
@@ -48,7 +48,7 @@ var DocumentTextSharp = function DocumentTextSharp(props) {
 DocumentTextSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentTextSharp.js.map b/lib/DocumentTextSharp.js.map
index 1f850f5fb..846f15793 100644
--- a/lib/DocumentTextSharp.js.map
+++ b/lib/DocumentTextSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentTextSharp.js"],"names":["DocumentTextSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sFAAR,GAAjK;AAAiQ,8CAAM,GAAE,kIAAR;AAAjQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"DocumentTextSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentTextSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z\"/><path d=\"M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm104 160H160v-32h192zm0-80H160v-32h192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentTextSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentTextSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentTextSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentTextSharp.js"],"names":["DocumentTextSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sFAAR,GAAhK;AAAiQ,8CAAM,GAAE,kIAAR;AAAjQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"DocumentTextSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentTextSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z\" /><path d=\"M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm104 160H160v-32h192zm0-80H160v-32h192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentTextSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentTextSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentTextSharp"]}
\ No newline at end of file
diff --git a/lib/Documents.js b/lib/Documents.js
index 831d1adcc..6ddec99e1 100644
--- a/lib/Documents.js
+++ b/lib/Documents.js
@@ -49,7 +49,7 @@ var Documents = function Documents(props) {
 Documents.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Documents.js.map b/lib/Documents.js.map
index db6f291e7..db1e596be 100644
--- a/lib/Documents.js.map
+++ b/lib/Documents.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Documents.js"],"names":["Documents","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kFAAR,GAAjK;AAA6P,8CAAM,GAAE,2NAAR,GAA7P;AAAke,8CAAM,GAAE,mLAAR;AAAle;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Documents.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Documents = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M298.39 248a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V236a12 12 0 0012 12z\"/><path d=\"M197 267a43.67 43.67 0 01-13-31v-92h-72a64.19 64.19 0 00-64 64v224a64 64 0 0064 64h144a64 64 0 0064-64V280h-92a43.61 43.61 0 01-31-13zM372 120h70.39a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V108a12 12 0 0012 12z\"/><path d=\"M372 152a44.34 44.34 0 01-44-44V16H220a60.07 60.07 0 00-60 60v36h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400h53.05c32.51 0 58.95-26.92 58.95-60V152z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocuments.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocuments.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Documents"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Documents.js"],"names":["Documents","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kFAAR,GAAhK;AAA6P,8CAAM,GAAE,2NAAR,GAA7P;AAAme,8CAAM,GAAE,mLAAR;AAAne;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Documents.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Documents = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M298.39 248a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V236a12 12 0 0012 12z\" /><path d=\"M197 267a43.67 43.67 0 01-13-31v-92h-72a64.19 64.19 0 00-64 64v224a64 64 0 0064 64h144a64 64 0 0064-64V280h-92a43.61 43.61 0 01-31-13zM372 120h70.39a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V108a12 12 0 0012 12z\" /><path d=\"M372 152a44.34 44.34 0 01-44-44V16H220a60.07 60.07 0 00-60 60v36h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400h53.05c32.51 0 58.95-26.92 58.95-60V152z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocuments.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocuments.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Documents"]}
\ No newline at end of file
diff --git a/lib/DocumentsOutline.js b/lib/DocumentsOutline.js
index 2ac491b0d..6de3c5675 100644
--- a/lib/DocumentsOutline.js
+++ b/lib/DocumentsOutline.js
@@ -50,7 +50,7 @@ var DocumentsOutline = function DocumentsOutline(props) {
 DocumentsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentsOutline.js.map b/lib/DocumentsOutline.js.map
index 9c9de59b5..e1069718f 100644
--- a/lib/DocumentsOutline.js.map
+++ b/lib/DocumentsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentsOutline.js"],"names":["DocumentsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qKAAR,EAA8K,MAAK,MAAnL,EAA0L,QAAO,cAAjM,EAAgN,gBAAe,OAA/N,EAAuO,aAAY,IAAnP,GAAjK;AAA0Z,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I,GAA1Z;AAA4iB,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,gBAAe,OAA/L,EAAuM,aAAY,IAAnN,GAA5iB;AAAqwB,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,gBAAe,OAAvH,EAA+H,aAAY,IAA3I;AAArwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"DocumentsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 264.13V436c0 24.3-19.05 44-42.95 44H107c-23.95 0-43-19.7-43-44V172a44.26 44.26 0 0144-44h94.12a24.55 24.55 0 0117.49 7.36l109.15 111a25.4 25.4 0 017.24 17.77z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M200 128v108a28.34 28.34 0 0028 28h108\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M176 128V76a44.26 44.26 0 0144-44h94a24.83 24.83 0 0117.61 7.36l109.15 111A25.09 25.09 0 01448 168v172c0 24.3-19.05 44-42.95 44H344\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M312 32v108a28.34 28.34 0 0028 28h108\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentsOutline.js"],"names":["DocumentsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qKAAR,EAA8K,MAAK,MAAnL,EAA0L,QAAO,cAAjM,EAAgN,gBAAe,OAA/N,EAAuO,aAAY,IAAnP,GAAhK;AAA0Z,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I,GAA1Z;AAA6iB,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,gBAAe,OAA/L,EAAuM,aAAY,IAAnN,GAA7iB;AAAuwB,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,gBAAe,OAAvH,EAA+H,aAAY,IAA3I;AAAvwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"DocumentsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 264.13V436c0 24.3-19.05 44-42.95 44H107c-23.95 0-43-19.7-43-44V172a44.26 44.26 0 0144-44h94.12a24.55 24.55 0 0117.49 7.36l109.15 111a25.4 25.4 0 017.24 17.77z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M200 128v108a28.34 28.34 0 0028 28h108\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M176 128V76a44.26 44.26 0 0144-44h94a24.83 24.83 0 0117.61 7.36l109.15 111A25.09 25.09 0 01448 168v172c0 24.3-19.05 44-42.95 44H344\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M312 32v108a28.34 28.34 0 0028 28h108\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentsOutline"]}
\ No newline at end of file
diff --git a/lib/DocumentsSharp.js b/lib/DocumentsSharp.js
index 4ec1a4e6f..ccd6433dd 100644
--- a/lib/DocumentsSharp.js
+++ b/lib/DocumentsSharp.js
@@ -49,7 +49,7 @@ var DocumentsSharp = function DocumentsSharp(props) {
 DocumentsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DocumentsSharp.js.map b/lib/DocumentsSharp.js.map
index b39c78023..595666dac 100644
--- a/lib/DocumentsSharp.js.map
+++ b/lib/DocumentsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentsSharp.js"],"names":["DocumentsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yCAAR,GAAjK;AAAoN,8CAAM,GAAE,6IAAR,GAApN;AAA2W,8CAAM,GAAE,wJAAR;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DocumentsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M307.94 248L216 154.52V242a6 6 0 006 6z\"/><path d=\"M184 268V144H60a12 12 0 00-12 12v328a12 12 0 0012 12h248a12 12 0 0012-12V280H196a12 12 0 01-12-12zM366 120h85.94L360 26.52V114a6 6 0 006 6z\"/><path d=\"M340 152a12 12 0 01-12-12V16H172a12 12 0 00-12 12v84h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400H452a12 12 0 0012-12V152z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DocumentsSharp.js"],"names":["DocumentsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yCAAR,GAAhK;AAAoN,8CAAM,GAAE,6IAAR,GAApN;AAA4W,8CAAM,GAAE,wJAAR;AAA5W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DocumentsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DocumentsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M307.94 248L216 154.52V242a6 6 0 006 6z\" /><path d=\"M184 268V144H60a12 12 0 00-12 12v328a12 12 0 0012 12h248a12 12 0 0012-12V280H196a12 12 0 01-12-12zM366 120h85.94L360 26.52V114a6 6 0 006 6z\" /><path d=\"M340 152a12 12 0 01-12-12V16H172a12 12 0 00-12 12v84h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400H452a12 12 0 0012-12V152z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDocumentsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDocumentsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DocumentsSharp"]}
\ No newline at end of file
diff --git a/lib/Download.js b/lib/Download.js
index 33223fec3..acd6bdcb4 100644
--- a/lib/Download.js
+++ b/lib/Download.js
@@ -47,7 +47,7 @@ var Download = function Download(props) {
 Download.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Download.js.map b/lib/Download.js.map
index 49f8fcd9c..38c1e1bd9 100644
--- a/lib/Download.js.map
+++ b/lib/Download.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Download.js"],"names":["Download","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Download.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Download = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 160H272v153.37l52.69-52.68a16 16 0 0122.62 22.62l-80 80a16 16 0 01-22.62 0l-80-80a16 16 0 0122.62-22.62L240 313.37V160H136a56.06 56.06 0 00-56 56v208a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V216a56.06 56.06 0 00-56-56zM272 48a16 16 0 00-32 0v112h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownload.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Download"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Download.js"],"names":["Download","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Download.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Download = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 160H272v153.37l52.69-52.68a16 16 0 0122.62 22.62l-80 80a16 16 0 01-22.62 0l-80-80a16 16 0 0122.62-22.62L240 313.37V160H136a56.06 56.06 0 00-56 56v208a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V216a56.06 56.06 0 00-56-56zM272 48a16 16 0 00-32 0v112h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownload.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Download"]}
\ No newline at end of file
diff --git a/lib/DownloadOutline.js b/lib/DownloadOutline.js
index a9d1a6159..3fae88f98 100644
--- a/lib/DownloadOutline.js
+++ b/lib/DownloadOutline.js
@@ -48,7 +48,7 @@ var DownloadOutline = function DownloadOutline(props) {
 DownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DownloadOutline.js.map b/lib/DownloadOutline.js.map
index 3ad47c141..2e33c36a9 100644
--- a/lib/DownloadOutline.js.map
+++ b/lib/DownloadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DownloadOutline.js"],"names":["DownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,gBAAe,OAA9K,EAAsL,aAAY,IAAlM,GAAjK;AAAyW,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAAzW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"DownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 176h40a40 40 0 0140 40v208a40 40 0 01-40 40H136a40 40 0 01-40-40V216a40 40 0 0140-40h40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 272l80 80 80-80M256 48v288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DownloadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DownloadOutline.js"],"names":["DownloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,gBAAe,OAA9K,EAAsL,aAAY,IAAlM,GAAhK;AAAyW,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAAzW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"DownloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DownloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 176h40a40 40 0 0140 40v208a40 40 0 01-40 40H136a40 40 0 01-40-40V216a40 40 0 0140-40h40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 272l80 80 80-80M256 48v288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DownloadOutline"]}
\ No newline at end of file
diff --git a/lib/DownloadSharp.js b/lib/DownloadSharp.js
index e5fb77394..7ec8b44e5 100644
--- a/lib/DownloadSharp.js
+++ b/lib/DownloadSharp.js
@@ -47,7 +47,7 @@ var DownloadSharp = function DownloadSharp(props) {
 DownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DownloadSharp.js.map b/lib/DownloadSharp.js.map
index b3801f275..a4478c051 100644
--- a/lib/DownloadSharp.js.map
+++ b/lib/DownloadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DownloadSharp.js"],"names":["DownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"DownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 160v147.37l64-64L358.63 266 256 368.63 153.37 266 176 243.37l64 64V160H92a12 12 0 00-12 12v296a12 12 0 0012 12h328a12 12 0 0012-12V172a12 12 0 00-12-12zM240 32h32v128h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DownloadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DownloadSharp.js"],"names":["DownloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"DownloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DownloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 160v147.37l64-64L358.63 266 256 368.63 153.37 266 176 243.37l64 64V160H92a12 12 0 00-12 12v296a12 12 0 0012 12h328a12 12 0 0012-12V172a12 12 0 00-12-12zM240 32h32v128h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDownloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDownloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DownloadSharp"]}
\ No newline at end of file
diff --git a/lib/Duplicate.js b/lib/Duplicate.js
index 2f3fddb72..b6424ecf0 100644
--- a/lib/Duplicate.js
+++ b/lib/Duplicate.js
@@ -48,7 +48,7 @@ var Duplicate = function Duplicate(props) {
 Duplicate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Duplicate.js.map b/lib/Duplicate.js.map
index 405997db1..71a54a7bd 100644
--- a/lib/Duplicate.js.map
+++ b/lib/Duplicate.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Duplicate.js"],"names":["Duplicate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0UAAR,GAAjK;AAAqf,8CAAM,GAAE,0GAAR;AAArf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Duplicate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Duplicate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 112H184a72 72 0 00-72 72v224a72 72 0 0072 72h224a72 72 0 0072-72V184a72 72 0 00-72-72zm-32.45 200H312v63.55c0 8.61-6.62 16-15.23 16.43A16 16 0 01280 376v-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01216 280h64v-63.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01312 216v64h64a16 16 0 0116 16.77c-.42 8.61-7.84 15.23-16.45 15.23z\"/><path d=\"M395.88 80A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicate.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Duplicate"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Duplicate.js"],"names":["Duplicate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0UAAR,GAAhK;AAAqf,8CAAM,GAAE,0GAAR;AAArf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Duplicate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Duplicate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 112H184a72 72 0 00-72 72v224a72 72 0 0072 72h224a72 72 0 0072-72V184a72 72 0 00-72-72zm-32.45 200H312v63.55c0 8.61-6.62 16-15.23 16.43A16 16 0 01280 376v-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01216 280h64v-63.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01312 216v64h64a16 16 0 0116 16.77c-.42 8.61-7.84 15.23-16.45 15.23z\" /><path d=\"M395.88 80A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicate.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Duplicate"]}
\ No newline at end of file
diff --git a/lib/DuplicateOutline.js b/lib/DuplicateOutline.js
index 88b10ce43..b9ce6e435 100644
--- a/lib/DuplicateOutline.js
+++ b/lib/DuplicateOutline.js
@@ -48,7 +48,7 @@ var DuplicateOutline = function DuplicateOutline(props) {
 DuplicateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DuplicateOutline.js.map b/lib/DuplicateOutline.js.map
index e8a3c9bbb..6eba11057 100644
--- a/lib/DuplicateOutline.js.map
+++ b/lib/DuplicateOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DuplicateOutline.js"],"names":["DuplicateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAjK;AAA2S,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"DuplicateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DuplicateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"128\" width=\"336\" height=\"336\" rx=\"57\" ry=\"57\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24M296 216v160M376 296H216\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicateOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DuplicateOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DuplicateOutline.js"],"names":["DuplicateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAhK;AAA2S,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"DuplicateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DuplicateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"128\" width=\"336\" height=\"336\" rx=\"57\" ry=\"57\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24M296 216v160M376 296H216\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicateOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DuplicateOutline"]}
\ No newline at end of file
diff --git a/lib/DuplicateSharp.js b/lib/DuplicateSharp.js
index f88cb97ce..30d5216c0 100644
--- a/lib/DuplicateSharp.js
+++ b/lib/DuplicateSharp.js
@@ -48,7 +48,7 @@ var DuplicateSharp = function DuplicateSharp(props) {
 DuplicateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/DuplicateSharp.js.map b/lib/DuplicateSharp.js.map
index 9e7fa8fbb..24eb7be4f 100644
--- a/lib/DuplicateSharp.js.map
+++ b/lib/DuplicateSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/DuplicateSharp.js"],"names":["DuplicateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iGAAR,GAAjK;AAA4Q,8CAAM,GAAE,6IAAR;AAA5Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DuplicateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DuplicateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 80h288V56a24 24 0 00-24-24H66a34 34 0 00-34 34v310a24 24 0 0024 24h24V112a32 32 0 0132-32z\"/><path d=\"M456 112H136a24 24 0 00-24 24v320a24 24 0 0024 24h320a24 24 0 0024-24V136a24 24 0 00-24-24zm-64 200h-80v80h-32v-80h-80v-32h80v-80h32v80h80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicateSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DuplicateSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/DuplicateSharp.js"],"names":["DuplicateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iGAAR,GAAhK;AAA4Q,8CAAM,GAAE,6IAAR;AAA5Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"DuplicateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst DuplicateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 80h288V56a24 24 0 00-24-24H66a34 34 0 00-34 34v310a24 24 0 0024 24h24V112a32 32 0 0132-32z\" /><path d=\"M456 112H136a24 24 0 00-24 24v320a24 24 0 0024 24h320a24 24 0 0024-24V136a24 24 0 00-24-24zm-64 200h-80v80h-32v-80h-80v-32h80v-80h32v80h80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nDuplicateSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nDuplicateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default DuplicateSharp"]}
\ No newline at end of file
diff --git a/lib/Ear.js b/lib/Ear.js
index 228f9ac44..dfe2917c7 100644
--- a/lib/Ear.js
+++ b/lib/Ear.js
@@ -47,7 +47,7 @@ var Ear = function Ear(props) {
 Ear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Ear.js.map b/lib/Ear.js.map
index a31bffdc4..29281f9b4 100644
--- a/lib/Ear.js.map
+++ b/lib/Ear.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Ear.js"],"names":["Ear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8nBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Ear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 16C159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.51 94.51 0 00176 496c36.86 0 67.18-15.62 90.12-46.42 4.48-6 9.55-14.74 15.42-24.85 15.32-26.37 36.29-62.47 63.17-80.74 25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176zm96 184a16 16 0 01-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0138.6 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.48-38.46 55a16 16 0 01-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 01-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEar.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ear"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Ear.js"],"names":["Ear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8nBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Ear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 16C159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.51 94.51 0 00176 496c36.86 0 67.18-15.62 90.12-46.42 4.48-6 9.55-14.74 15.42-24.85 15.32-26.37 36.29-62.47 63.17-80.74 25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176zm96 184a16 16 0 01-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0138.6 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.48-38.46 55a16 16 0 01-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 01-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEar.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ear"]}
\ No newline at end of file
diff --git a/lib/EarOutline.js b/lib/EarOutline.js
index d0e2c154e..e08b937da 100644
--- a/lib/EarOutline.js
+++ b/lib/EarOutline.js
@@ -49,7 +49,7 @@ var EarOutline = function EarOutline(props) {
 EarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EarOutline.js.map b/lib/EarOutline.js.map
index 4ee1c80d2..3ccd20654 100644
--- a/lib/EarOutline.js.map
+++ b/lib/EarOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EarOutline.js"],"names":["EarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4KAAR,EAAqL,MAAK,MAA1L,EAAiM,QAAO,cAAxM,EAAuN,eAAc,OAArO,EAA6O,gBAAe,OAA5P,EAAoQ,aAAY,IAAhR,GAAjK;AAAub,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,eAAc,OAAnH,EAA2H,gBAAe,OAA1I,EAAkJ,aAAY,IAA9J,GAAvb;AAA2lB,8CAAM,GAAE,qFAAR,EAA8F,MAAK,MAAnG,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL;AAA3lB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.72 330.76C381.73 299.5 416 251.34 416 192a160 160 0 00-320 0v206.57c0 44.26 35.74 81.43 80 81.43h0c44.26 0 66.83-25.94 77.29-40 14.77-19.81 41.71-81.56 82.43-109.24z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 304V184c0-48.4 43.2-88 96-88h0c52.8 0 96 39.6 96 88\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 239c25-18 79.82-15 79.82-15 26 0 41.17 29.42 26 50.6 0 0-36.86 42.4-41.86 61.4\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EarOutline.js"],"names":["EarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4KAAR,EAAqL,MAAK,MAA1L,EAAiM,QAAO,cAAxM,EAAuN,eAAc,OAArO,EAA6O,gBAAe,OAA5P,EAAoQ,aAAY,IAAhR,GAAhK;AAAub,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,eAAc,OAAnH,EAA2H,gBAAe,OAA1I,EAAkJ,aAAY,IAA9J,GAAvb;AAA4lB,8CAAM,GAAE,qFAAR,EAA8F,MAAK,MAAnG,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL;AAA5lB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.72 330.76C381.73 299.5 416 251.34 416 192a160 160 0 00-320 0v206.57c0 44.26 35.74 81.43 80 81.43h0c44.26 0 66.83-25.94 77.29-40 14.77-19.81 41.71-81.56 82.43-109.24z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 304V184c0-48.4 43.2-88 96-88h0c52.8 0 96 39.6 96 88\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 239c25-18 79.82-15 79.82-15 26 0 41.17 29.42 26 50.6 0 0-36.86 42.4-41.86 61.4\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarOutline"]}
\ No newline at end of file
diff --git a/lib/EarSharp.js b/lib/EarSharp.js
index 35e4b881c..2aa85d027 100644
--- a/lib/EarSharp.js
+++ b/lib/EarSharp.js
@@ -47,7 +47,7 @@ var EarSharp = function EarSharp(props) {
 EarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EarSharp.js.map b/lib/EarSharp.js.map
index af7072150..fa8e04468 100644
--- a/lib/EarSharp.js.map
+++ b/lib/EarSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EarSharp.js"],"names":["EarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,olBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.48 68.09C347.09 34.5 302.88 16 256 16 159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.49 94.49 0 00176 496c19.93 0 41.06-7.69 62.8-22.87a181.46 181.46 0 0025.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91zM368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0138.62 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.49-38.46 55l-4.07 15.47-30.94-8.14 4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EarSharp.js"],"names":["EarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,olBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.48 68.09C347.09 34.5 302.88 16 256 16 159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.49 94.49 0 00176 496c19.93 0 41.06-7.69 62.8-22.87a181.46 181.46 0 0025.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91zM368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0138.62 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.49-38.46 55l-4.07 15.47-30.94-8.14 4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarSharp"]}
\ No newline at end of file
diff --git a/lib/Earth.js b/lib/Earth.js
index ffedf62ef..c27da753e 100644
--- a/lib/Earth.js
+++ b/lib/Earth.js
@@ -47,7 +47,7 @@ var Earth = function Earth(props) {
 Earth.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Earth.js.map b/lib/Earth.js.map
index 11e4b7e52..ee86e204d 100644
--- a/lib/Earth.js.map
+++ b/lib/Earth.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Earth.js"],"names":["Earth","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2kEAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Earth.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Earth = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.74A224 224 0 1097.61 414.52 224 224 0 10414.39 97.74zM64 256.13a191.63 191.63 0 016.7-50.31c7.34 15.8 18 29.45 25.25 45.66 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.21-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.08 8.72 21.52 10.08 33.36a305.36 305.36 0 007.45 41.27c0 .1 0 .21.08.31C117.8 411.13 64 339.8 64 256.13zm192 192a193.12 193.12 0 01-32-2.68c.11-2.71.16-5.24.43-7 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.68 34.11-33 8.78-13 11.41-30.5 7.79-45.69-5.33-22.44-35.82-29.93-52.26-42.1-9.45-7-17.86-17.82-30.27-18.7-5.72-.4-10.51.83-16.18-.63-5.2-1.35-9.28-4.15-14.82-3.42-10.35 1.36-16.88 12.42-28 10.92-10.55-1.41-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.68 5.78 2.14 8.51 7.8 13.7 10.66 9.73 5.34 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.21 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.06 10-21.46 1.65-3.45 0-8.24-2.78-12.75q5.41-2.28 11-4.23a15.6 15.6 0 008 3c6.69.44 13-3.18 18.84 1.38 6.48 5 11.15 11.32 19.75 12.88 8.32 1.51 17.13-3.34 19.19-11.86 1.25-5.18 0-10.65-1.2-16a190.83 190.83 0 01105 32.21c-2-.76-4.39-.67-7.34.7-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22 8.5 0 17.11-3.8 14.37-13.62-1.19-4.26-2.81-8.69-5.42-11.37a193.27 193.27 0 0118 14.14c-.09.09-.18.17-.27.27-5.76 6-12.45 10.75-16.39 18.05-2.78 5.14-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.4 3.74 23.51 8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.94 3.05 7.62 3.86 12.54 1.43 8.74 9.14 4 13.83-.41a192.12 192.12 0 019.24 18.77c-5.16 7.43-9.26 15.53-21.67 6.87-7.43-5.19-12-12.72-21.33-15.06-8.15-2-16.5.08-24.55 1.47-9.15 1.59-20 2.29-26.94 9.22-6.71 6.68-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.81 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21a158 158 0 004.74 30.07A191.75 191.75 0 01256 448.13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarth.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarth.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Earth"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Earth.js"],"names":["Earth","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2kEAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Earth.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Earth = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.74A224 224 0 1097.61 414.52 224 224 0 10414.39 97.74zM64 256.13a191.63 191.63 0 016.7-50.31c7.34 15.8 18 29.45 25.25 45.66 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.21-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.08 8.72 21.52 10.08 33.36a305.36 305.36 0 007.45 41.27c0 .1 0 .21.08.31C117.8 411.13 64 339.8 64 256.13zm192 192a193.12 193.12 0 01-32-2.68c.11-2.71.16-5.24.43-7 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.68 34.11-33 8.78-13 11.41-30.5 7.79-45.69-5.33-22.44-35.82-29.93-52.26-42.1-9.45-7-17.86-17.82-30.27-18.7-5.72-.4-10.51.83-16.18-.63-5.2-1.35-9.28-4.15-14.82-3.42-10.35 1.36-16.88 12.42-28 10.92-10.55-1.41-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.68 5.78 2.14 8.51 7.8 13.7 10.66 9.73 5.34 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.21 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.06 10-21.46 1.65-3.45 0-8.24-2.78-12.75q5.41-2.28 11-4.23a15.6 15.6 0 008 3c6.69.44 13-3.18 18.84 1.38 6.48 5 11.15 11.32 19.75 12.88 8.32 1.51 17.13-3.34 19.19-11.86 1.25-5.18 0-10.65-1.2-16a190.83 190.83 0 01105 32.21c-2-.76-4.39-.67-7.34.7-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22 8.5 0 17.11-3.8 14.37-13.62-1.19-4.26-2.81-8.69-5.42-11.37a193.27 193.27 0 0118 14.14c-.09.09-.18.17-.27.27-5.76 6-12.45 10.75-16.39 18.05-2.78 5.14-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.4 3.74 23.51 8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.94 3.05 7.62 3.86 12.54 1.43 8.74 9.14 4 13.83-.41a192.12 192.12 0 019.24 18.77c-5.16 7.43-9.26 15.53-21.67 6.87-7.43-5.19-12-12.72-21.33-15.06-8.15-2-16.5.08-24.55 1.47-9.15 1.59-20 2.29-26.94 9.22-6.71 6.68-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.81 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21a158 158 0 004.74 30.07A191.75 191.75 0 01256 448.13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarth.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarth.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Earth"]}
\ No newline at end of file
diff --git a/lib/EarthOutline.js b/lib/EarthOutline.js
index a3f8fb661..f896b0934 100644
--- a/lib/EarthOutline.js
+++ b/lib/EarthOutline.js
@@ -48,7 +48,7 @@ var EarthOutline = function EarthOutline(props) {
 EarthOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EarthOutline.js.map b/lib/EarthOutline.js.map
index 57fa0a382..2e338700a 100644
--- a/lib/EarthOutline.js.map
+++ b/lib/EarthOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EarthOutline.js"],"names":["EarthOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2FAAR,EAAoG,MAAK,MAAzG,EAAgH,QAAO,cAAvH,EAAsI,kBAAiB,IAAvJ,EAA4J,aAAY,IAAxK,GAAjK;AAA+U,8CAAM,GAAE,+pGAAR;AAA/U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EarthOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarthOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M445.57 172.14c-16.06.1-14.48 29.73-34.49 15.75-7.43-5.18-12-12.71-21.33-15-8.15-2-16.5.08-24.55 1.47-9.15 1.58-20 2.29-26.94 9.22-6.71 6.67-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.8 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21 1.18 16.2 4.16 34.36 12.2 48.67l15-21.16c1.85-2.62 5.72-6.29 6.64-9.38 1.63-5.47-1.58-14.87-1.95-21s-.19-12.34-1.13-18.47c-1.32-8.59-6.4-16.64-7.1-25.13-1.29-15.81 1.6-28.43-10.58-41.65-11.76-12.75-29-15.81-45.47-13.22-8.3 1.3-41.71 6.64-28.3-12.33 2.65-3.73 7.28-6.79 10.26-10.34 2.59-3.09 4.84-8.77 7.88-11.18s17-5.18 21-3.95 8.17 7 11.64 9.56a49.89 49.89 0 0021.81 9.36c13.66 2 42.22-5.94 42-23.46-.04-8.4-7.84-20.1-10.92-27.96zM287.45 316.3c-5.33-22.44-35.82-29.94-52.26-42.11-9.45-7-17.86-17.81-30.27-18.69-5.72-.41-10.51.83-16.18-.64-5.2-1.34-9.28-4.14-14.82-3.41-10.35 1.36-16.88 12.42-28 10.92-10.55-1.42-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.67 5.78 2.15 8.51 7.81 13.7 10.67 9.73 5.33 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.22 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.07 10-21.46s-8.27-21.36-14.61-24.9l-29.81 33.43a41.52 41.52 0 008.34 31.86c5.93 7.63 15.37 10.08 15.8 20.5.42 10-1.14 15.12-7.68 22.15-2.83 3-4.83 7.26-7.71 10.07-3.53 3.43-2.22 2.38-7.73 3.32-10.36 1.75-19.18 4.45-29.19 7.21C95.34 199.94 93.8 172.69 86.2 162l-25 20.19c-.27 3.31 4.1 9.4 5.29 13 6.83 20.57 20.61 36.48 29.51 56.16 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.2-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.09 8.72 21.53 10.08 33.36a305.22 305.22 0 007.45 41.28c1.21 4.69 2.32 10.89 5.53 14.76 2.2 2.66 9.75 4.95 6.7 5.83 4.26.7 11.85 4.68 15.4 1.76 4.68-3.84 3.43-15.66 4.24-21 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.69 34.11-33 8.73-12.98 11.36-30.49 7.74-45.68zm-33.39 26.32c-6 10.71-19.36 17.88-27.95 26.39-2.33 2.31-7.29 10.31-10.21 8.58-2.09-1.24-2.8-11.62-3.57-14a61.17 61.17 0 00-21.71-29.95c-3.13-2.37-10.89-5.45-12.68-8.7-2-3.53-.2-11.86-.13-15.7.11-5.6-2.44-14.91-1.06-20 1.6-5.87-1.48-2.33 3.77-3.49 2.77-.62 14.21 1.39 17.66 2.11 5.48 1.14 8.5 4.55 12.82 8 11.36 9.11 23.87 16.16 36.6 23.14 9.86 5.46 12.76 12.37 6.46 23.62zM184.46 67.09c4.74 4.63 9.2 10.11 16.27 10.57 6.69.45 13-3.17 18.84 1.38 6.48 5 11.15 11.33 19.75 12.89 8.32 1.51 17.13-3.35 19.19-11.86 2-8.11-2.31-16.93-2.57-25.07 0-1.13.61-6.15-.17-7-.58-.64-5.42.08-6.16.1q-8.13.24-16.22 1.12a207.1 207.1 0 00-57.18 14.65c2.43 1.68 5.48 2.35 8.25 3.22zM356.4 123.27c8.49 0 17.11-3.8 14.37-13.62-2.3-8.23-6.22-17.16-15.76-12.72-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22zM349.62 166.24c8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.93 3.05 7.62 3.86 12.54 1.81 11.05 13.66.63 16.75-3.65 2-2.79 4.71-6.93 3.8-10.56-.84-3.39-4.8-7-6.56-10.11-5.14-9-9.37-19.47-17.07-26.74-7.41-7-16.52-6.19-23.55 1.08-5.76 6-12.45 10.75-16.39 18.05-2.78 5.13-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.39 3.74 23.51z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarthOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarthOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarthOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EarthOutline.js"],"names":["EarthOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2FAAR,EAAoG,MAAK,MAAzG,EAAgH,QAAO,cAAvH,EAAsI,kBAAiB,IAAvJ,EAA4J,aAAY,IAAxK,GAAhK;AAA+U,8CAAM,GAAE,+pGAAR;AAA/U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EarthOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarthOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M445.57 172.14c-16.06.1-14.48 29.73-34.49 15.75-7.43-5.18-12-12.71-21.33-15-8.15-2-16.5.08-24.55 1.47-9.15 1.58-20 2.29-26.94 9.22-6.71 6.67-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.8 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21 1.18 16.2 4.16 34.36 12.2 48.67l15-21.16c1.85-2.62 5.72-6.29 6.64-9.38 1.63-5.47-1.58-14.87-1.95-21s-.19-12.34-1.13-18.47c-1.32-8.59-6.4-16.64-7.1-25.13-1.29-15.81 1.6-28.43-10.58-41.65-11.76-12.75-29-15.81-45.47-13.22-8.3 1.3-41.71 6.64-28.3-12.33 2.65-3.73 7.28-6.79 10.26-10.34 2.59-3.09 4.84-8.77 7.88-11.18s17-5.18 21-3.95 8.17 7 11.64 9.56a49.89 49.89 0 0021.81 9.36c13.66 2 42.22-5.94 42-23.46-.04-8.4-7.84-20.1-10.92-27.96zM287.45 316.3c-5.33-22.44-35.82-29.94-52.26-42.11-9.45-7-17.86-17.81-30.27-18.69-5.72-.41-10.51.83-16.18-.64-5.2-1.34-9.28-4.14-14.82-3.41-10.35 1.36-16.88 12.42-28 10.92-10.55-1.42-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.67 5.78 2.15 8.51 7.81 13.7 10.67 9.73 5.33 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.22 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.07 10-21.46s-8.27-21.36-14.61-24.9l-29.81 33.43a41.52 41.52 0 008.34 31.86c5.93 7.63 15.37 10.08 15.8 20.5.42 10-1.14 15.12-7.68 22.15-2.83 3-4.83 7.26-7.71 10.07-3.53 3.43-2.22 2.38-7.73 3.32-10.36 1.75-19.18 4.45-29.19 7.21C95.34 199.94 93.8 172.69 86.2 162l-25 20.19c-.27 3.31 4.1 9.4 5.29 13 6.83 20.57 20.61 36.48 29.51 56.16 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.2-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.09 8.72 21.53 10.08 33.36a305.22 305.22 0 007.45 41.28c1.21 4.69 2.32 10.89 5.53 14.76 2.2 2.66 9.75 4.95 6.7 5.83 4.26.7 11.85 4.68 15.4 1.76 4.68-3.84 3.43-15.66 4.24-21 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.69 34.11-33 8.73-12.98 11.36-30.49 7.74-45.68zm-33.39 26.32c-6 10.71-19.36 17.88-27.95 26.39-2.33 2.31-7.29 10.31-10.21 8.58-2.09-1.24-2.8-11.62-3.57-14a61.17 61.17 0 00-21.71-29.95c-3.13-2.37-10.89-5.45-12.68-8.7-2-3.53-.2-11.86-.13-15.7.11-5.6-2.44-14.91-1.06-20 1.6-5.87-1.48-2.33 3.77-3.49 2.77-.62 14.21 1.39 17.66 2.11 5.48 1.14 8.5 4.55 12.82 8 11.36 9.11 23.87 16.16 36.6 23.14 9.86 5.46 12.76 12.37 6.46 23.62zM184.46 67.09c4.74 4.63 9.2 10.11 16.27 10.57 6.69.45 13-3.17 18.84 1.38 6.48 5 11.15 11.33 19.75 12.89 8.32 1.51 17.13-3.35 19.19-11.86 2-8.11-2.31-16.93-2.57-25.07 0-1.13.61-6.15-.17-7-.58-.64-5.42.08-6.16.1q-8.13.24-16.22 1.12a207.1 207.1 0 00-57.18 14.65c2.43 1.68 5.48 2.35 8.25 3.22zM356.4 123.27c8.49 0 17.11-3.8 14.37-13.62-2.3-8.23-6.22-17.16-15.76-12.72-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22zM349.62 166.24c8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.93 3.05 7.62 3.86 12.54 1.81 11.05 13.66.63 16.75-3.65 2-2.79 4.71-6.93 3.8-10.56-.84-3.39-4.8-7-6.56-10.11-5.14-9-9.37-19.47-17.07-26.74-7.41-7-16.52-6.19-23.55 1.08-5.76 6-12.45 10.75-16.39 18.05-2.78 5.13-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.39 3.74 23.51z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarthOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarthOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarthOutline"]}
\ No newline at end of file
diff --git a/lib/EarthSharp.js b/lib/EarthSharp.js
index 3bfbdacb3..81d733e7c 100644
--- a/lib/EarthSharp.js
+++ b/lib/EarthSharp.js
@@ -49,7 +49,7 @@ var EarthSharp = function EarthSharp(props) {
 EarthSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EarthSharp.js.map b/lib/EarthSharp.js.map
index 0f9199055..6c51e9d4a 100644
--- a/lib/EarthSharp.js.map
+++ b/lib/EarthSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EarthSharp.js"],"names":["EarthSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8jDAAR,GAAjK;AAAyuD,8CAAM,GAAE,whBAAR,GAAzuD;AAA2wE,8CAAM,GAAE,6IAAR;AAA3wE;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EarthSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarthSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M267 474l-.8-.13a.85.85 0 00.8.13zM448.9 187.78a5.51 5.51 0 00-10.67-.63A5.52 5.52 0 01433 191h-15.47a5.48 5.48 0 01-2.84-.79l-22.38-13.42a5.48 5.48 0 00-2.84-.79h-35.8a5.48 5.48 0 00-3.06.93l-44.15 29.43A5.52 5.52 0 00304 211v41.74a5.51 5.51 0 002.92 4.87l57.89 30.9a5.55 5.55 0 012.92 4.8l.27 23.49a5.53 5.53 0 002.85 4.75l23.26 12.87a5.54 5.54 0 012.85 4.83v48.6a5.52 5.52 0 009.17 4.14c9.38-8.26 22.83-20.32 24.62-23.08q4.44-6.87 8.33-14.07a207.39 207.39 0 0013.6-31c12.68-36.71 2.66-102.7-3.78-136.06zM286.4 302.8l-61.33-46a4 4 0 00-2.4-.8h-29.1a3.78 3.78 0 01-2.68-1.11l-13.72-13.72a4 4 0 00-2.83-1.17h-53.19a3.79 3.79 0 01-2.68-6.47l8.42-8.42a3.78 3.78 0 012.68-1.11h32.37a8 8 0 007.7-5.83l6.89-24.5a4 4 0 012-2.47L206 177.06a3.79 3.79 0 002.05-3.37v-12.5a3.82 3.82 0 01.68-2.17l14.6-21.02a3.75 3.75 0 011.78-1.38l20.43-7.67a3.79 3.79 0 002.46-3.55V114a3.8 3.8 0 00-1.69-3.16l-20.48-13.62A3.83 3.83 0 00222 97l-27.88 13.94a3.78 3.78 0 01-4-.41l-13.22-10.45a3.8 3.8 0 01.1-6l10.74-7.91a3.78 3.78 0 00-.09-6.16l-16.73-11.67a3.78 3.78 0 00-4-.22c-6.05 3.31-23.8 13.11-30.1 17.52a209.48 209.48 0 00-68.16 80c-1.82 3.76-4.07 7.59-4.29 11.72s-3.46 13.35-4.81 17.08a3.78 3.78 0 00.24 3.1l35.69 65.58a3.74 3.74 0 001.38 1.44l37.55 22.54a3.78 3.78 0 011.81 2.73l7.52 54.54a3.82 3.82 0 001.61 2.61l29.3 20.14a4 4 0 011.65 2.48l15.54 73.8a3.6 3.6 0 00.49 1.22c1.46 2.36 7.28 11 14.3 12.28-.65.18-1.23.59-1.88.78a47.63 47.63 0 015 1.16c2 .54 4 1 6 1.43 3.13.62 3.44 1.1 4.94-1.68 2-3.72 4.29-5 6-5.46a3.85 3.85 0 002.89-2.9l10.07-46.68a4 4 0 011.6-2.42l45-31.9a4 4 0 001.69-3.27V306a4 4 0 00-1.55-3.2z\"/><path d=\"M262 48s-3.65.21-4.39.23q-8.13.24-16.22 1.12A207.45 207.45 0 00184.21 64c2.43 1.68-1.75 3.22-1.75 3.22L189 80h35l24 12 21-12zM354.23 120.06l16.11-14a4 4 0 00-.94-6.65l-18.81-8.73a4 4 0 00-5.3 1.9l-7.75 16.21a4 4 0 001.49 5.11l10.46 6.54a4 4 0 004.74-.38zM429.64 140.67l-5.83-9c-.09-.14-.17-.28-.25-.43-1.05-2.15-9.74-19.7-17-26.51-5.45-5.15-7-3.67-7.43-2.53a3.77 3.77 0 01-1.19 1.6l-28.84 23.31a4 4 0 01-2.51.89h-14.93a4 4 0 00-2.83 1.17l-12 12a4 4 0 000 5.66l12 12a4 4 0 002.83 1.17h75.17a4 4 0 004-4.17l-.55-13.15a4 4 0 00-.64-2.01z\"/><path d=\"M256 72a184 184 0 11-130.1 53.9A182.77 182.77 0 01256 72m0-40C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarthSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarthSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarthSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EarthSharp.js"],"names":["EarthSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8jDAAR,GAAhK;AAAyuD,8CAAM,GAAE,whBAAR,GAAzuD;AAA4wE,8CAAM,GAAE,6IAAR;AAA5wE;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EarthSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EarthSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M267 474l-.8-.13a.85.85 0 00.8.13zM448.9 187.78a5.51 5.51 0 00-10.67-.63A5.52 5.52 0 01433 191h-15.47a5.48 5.48 0 01-2.84-.79l-22.38-13.42a5.48 5.48 0 00-2.84-.79h-35.8a5.48 5.48 0 00-3.06.93l-44.15 29.43A5.52 5.52 0 00304 211v41.74a5.51 5.51 0 002.92 4.87l57.89 30.9a5.55 5.55 0 012.92 4.8l.27 23.49a5.53 5.53 0 002.85 4.75l23.26 12.87a5.54 5.54 0 012.85 4.83v48.6a5.52 5.52 0 009.17 4.14c9.38-8.26 22.83-20.32 24.62-23.08q4.44-6.87 8.33-14.07a207.39 207.39 0 0013.6-31c12.68-36.71 2.66-102.7-3.78-136.06zM286.4 302.8l-61.33-46a4 4 0 00-2.4-.8h-29.1a3.78 3.78 0 01-2.68-1.11l-13.72-13.72a4 4 0 00-2.83-1.17h-53.19a3.79 3.79 0 01-2.68-6.47l8.42-8.42a3.78 3.78 0 012.68-1.11h32.37a8 8 0 007.7-5.83l6.89-24.5a4 4 0 012-2.47L206 177.06a3.79 3.79 0 002.05-3.37v-12.5a3.82 3.82 0 01.68-2.17l14.6-21.02a3.75 3.75 0 011.78-1.38l20.43-7.67a3.79 3.79 0 002.46-3.55V114a3.8 3.8 0 00-1.69-3.16l-20.48-13.62A3.83 3.83 0 00222 97l-27.88 13.94a3.78 3.78 0 01-4-.41l-13.22-10.45a3.8 3.8 0 01.1-6l10.74-7.91a3.78 3.78 0 00-.09-6.16l-16.73-11.67a3.78 3.78 0 00-4-.22c-6.05 3.31-23.8 13.11-30.1 17.52a209.48 209.48 0 00-68.16 80c-1.82 3.76-4.07 7.59-4.29 11.72s-3.46 13.35-4.81 17.08a3.78 3.78 0 00.24 3.1l35.69 65.58a3.74 3.74 0 001.38 1.44l37.55 22.54a3.78 3.78 0 011.81 2.73l7.52 54.54a3.82 3.82 0 001.61 2.61l29.3 20.14a4 4 0 011.65 2.48l15.54 73.8a3.6 3.6 0 00.49 1.22c1.46 2.36 7.28 11 14.3 12.28-.65.18-1.23.59-1.88.78a47.63 47.63 0 015 1.16c2 .54 4 1 6 1.43 3.13.62 3.44 1.1 4.94-1.68 2-3.72 4.29-5 6-5.46a3.85 3.85 0 002.89-2.9l10.07-46.68a4 4 0 011.6-2.42l45-31.9a4 4 0 001.69-3.27V306a4 4 0 00-1.55-3.2z\" /><path d=\"M262 48s-3.65.21-4.39.23q-8.13.24-16.22 1.12A207.45 207.45 0 00184.21 64c2.43 1.68-1.75 3.22-1.75 3.22L189 80h35l24 12 21-12zM354.23 120.06l16.11-14a4 4 0 00-.94-6.65l-18.81-8.73a4 4 0 00-5.3 1.9l-7.75 16.21a4 4 0 001.49 5.11l10.46 6.54a4 4 0 004.74-.38zM429.64 140.67l-5.83-9c-.09-.14-.17-.28-.25-.43-1.05-2.15-9.74-19.7-17-26.51-5.45-5.15-7-3.67-7.43-2.53a3.77 3.77 0 01-1.19 1.6l-28.84 23.31a4 4 0 01-2.51.89h-14.93a4 4 0 00-2.83 1.17l-12 12a4 4 0 000 5.66l12 12a4 4 0 002.83 1.17h75.17a4 4 0 004-4.17l-.55-13.15a4 4 0 00-.64-2.01z\" /><path d=\"M256 72a184 184 0 11-130.1 53.9A182.77 182.77 0 01256 72m0-40C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEarthSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEarthSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EarthSharp"]}
\ No newline at end of file
diff --git a/lib/Easel.js b/lib/Easel.js
index 25fdab1a4..adffe158b 100644
--- a/lib/Easel.js
+++ b/lib/Easel.js
@@ -48,7 +48,7 @@ var Easel = function Easel(props) {
 Easel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Easel.js.map b/lib/Easel.js.map
index d73a998b7..106603c3e 100644
--- a/lib/Easel.js.map
+++ b/lib/Easel.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Easel.js"],"names":["Easel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,GAAjK;AAAgO,8CAAM,GAAE,8VAAR;AAAhO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Easel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Easel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"112\" width=\"352\" height=\"208\" rx=\"12\" ry=\"12\"/><path d=\"M432 64H272V48a16 16 0 00-32 0v16H80a48.05 48.05 0 00-48 48v208a48.05 48.05 0 0048 48h42.79l-26.17 91.6a16 16 0 1030.76 8.8L156.07 368H240v48a16 16 0 0032 0v-48h83.93l28.69 100.4a16 16 0 1030.76-8.8L389.21 368H432a48.05 48.05 0 0048-48V112a48.05 48.05 0 00-48-48zm16 256a16 16 0 01-16 16H80a16 16 0 01-16-16V112a16 16 0 0116-16h352a16 16 0 0116 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEasel.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEasel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Easel"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Easel.js"],"names":["Easel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,GAAhK;AAAgO,8CAAM,GAAE,8VAAR;AAAhO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Easel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Easel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"112\" width=\"352\" height=\"208\" rx=\"12\" ry=\"12\" /><path d=\"M432 64H272V48a16 16 0 00-32 0v16H80a48.05 48.05 0 00-48 48v208a48.05 48.05 0 0048 48h42.79l-26.17 91.6a16 16 0 1030.76 8.8L156.07 368H240v48a16 16 0 0032 0v-48h83.93l28.69 100.4a16 16 0 1030.76-8.8L389.21 368H432a48.05 48.05 0 0048-48V112a48.05 48.05 0 00-48-48zm16 256a16 16 0 01-16 16H80a16 16 0 01-16-16V112a16 16 0 0116-16h352a16 16 0 0116 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEasel.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEasel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Easel"]}
\ No newline at end of file
diff --git a/lib/EaselOutline.js b/lib/EaselOutline.js
index 7b2326a1b..a9758960f 100644
--- a/lib/EaselOutline.js
+++ b/lib/EaselOutline.js
@@ -48,7 +48,7 @@ var EaselOutline = function EaselOutline(props) {
 EaselOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EaselOutline.js.map b/lib/EaselOutline.js.map
index e40ba3869..6d146b8b3 100644
--- a/lib/EaselOutline.js.map
+++ b/lib/EaselOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EaselOutline.js"],"names":["EaselOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uDAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EaselOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EaselOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"80\" width=\"416\" height=\"272\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 416v-64M256 80V48M400 464l-32-112M112 464l32-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEaselOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEaselOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EaselOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EaselOutline.js"],"names":["EaselOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uDAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EaselOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EaselOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"80\" width=\"416\" height=\"272\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 416v-64M256 80V48M400 464l-32-112M112 464l32-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEaselOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEaselOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EaselOutline"]}
\ No newline at end of file
diff --git a/lib/EaselSharp.js b/lib/EaselSharp.js
index a194d2035..c0507ffae 100644
--- a/lib/EaselSharp.js
+++ b/lib/EaselSharp.js
@@ -48,7 +48,7 @@ var EaselSharp = function EaselSharp(props) {
 EaselSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EaselSharp.js.map b/lib/EaselSharp.js.map
index 47de9c9df..06f33caa6 100644
--- a/lib/EaselSharp.js.map
+++ b/lib/EaselSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EaselSharp.js"],"names":["EaselSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wNAAR,GAAjK;AAAmY,8CAAM,GAAE,qBAAR;AAAnY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EaselSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EaselSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M468 64H278V32h-44v32H44a12 12 0 00-12 12v280a12 12 0 0012 12h78.19L89.93 470.46l36.53 9.61L161.74 368H234v64h44v-64h71.84l31 111.7 36.83-8.57L389.05 368H468a12 12 0 0012-12V76a12 12 0 00-12-12zm-26 266H70V102h372z\"/><path d=\"M88 120h336v192H88z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEaselSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEaselSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EaselSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EaselSharp.js"],"names":["EaselSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wNAAR,GAAhK;AAAmY,8CAAM,GAAE,qBAAR;AAAnY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EaselSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EaselSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M468 64H278V32h-44v32H44a12 12 0 00-12 12v280a12 12 0 0012 12h78.19L89.93 470.46l36.53 9.61L161.74 368H234v64h44v-64h71.84l31 111.7 36.83-8.57L389.05 368H468a12 12 0 0012-12V76a12 12 0 00-12-12zm-26 266H70V102h372z\" /><path d=\"M88 120h336v192H88z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEaselSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEaselSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EaselSharp"]}
\ No newline at end of file
diff --git a/lib/Egg.js b/lib/Egg.js
index 994ec2fe5..e9fb7acb5 100644
--- a/lib/Egg.js
+++ b/lib/Egg.js
@@ -47,7 +47,7 @@ var Egg = function Egg(props) {
 Egg.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Egg.js.map b/lib/Egg.js.map
index b0e2a3b4e..68ee407b9 100644
--- a/lib/Egg.js.map
+++ b/lib/Egg.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Egg.js"],"names":["Egg","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Egg.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Egg = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 480c-52.57 0-96.72-17.54-127.7-50.73C96.7 395.4 80 346.05 80 286.55 80 230.5 101.48 168 138.93 115 175.65 63 219.41 32 256 32s80.35 31 117.07 83C410.52 168 432 230.5 432 286.55c0 59.5-16.7 108.85-48.3 142.72C352.72 462.46 308.57 480 256 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEgg.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEgg.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Egg"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Egg.js"],"names":["Egg","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Egg.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Egg = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 480c-52.57 0-96.72-17.54-127.7-50.73C96.7 395.4 80 346.05 80 286.55 80 230.5 101.48 168 138.93 115 175.65 63 219.41 32 256 32s80.35 31 117.07 83C410.52 168 432 230.5 432 286.55c0 59.5-16.7 108.85-48.3 142.72C352.72 462.46 308.57 480 256 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEgg.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEgg.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Egg"]}
\ No newline at end of file
diff --git a/lib/EggOutline.js b/lib/EggOutline.js
index da41b52ee..ebb857119 100644
--- a/lib/EggOutline.js
+++ b/lib/EggOutline.js
@@ -47,7 +47,7 @@ var EggOutline = function EggOutline(props) {
 EggOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EggOutline.js.map b/lib/EggOutline.js.map
index 34a0c23f0..248b9e18e 100644
--- a/lib/EggOutline.js.map
+++ b/lib/EggOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EggOutline.js"],"names":["EggOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wFAAR,EAAiG,MAAK,MAAtG,EAA6G,QAAO,cAApH,EAAmI,kBAAiB,IAApJ,EAAyJ,aAAY,IAArK;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EggOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EggOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C192 48 96 171.69 96 286.55S160 464 256 464s160-62.59 160-177.45S320 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEggOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEggOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EggOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EggOutline.js"],"names":["EggOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wFAAR,EAAiG,MAAK,MAAtG,EAA6G,QAAO,cAApH,EAAmI,kBAAiB,IAApJ,EAAyJ,aAAY,IAArK;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EggOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EggOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C192 48 96 171.69 96 286.55S160 464 256 464s160-62.59 160-177.45S320 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEggOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEggOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EggOutline"]}
\ No newline at end of file
diff --git a/lib/EggSharp.js b/lib/EggSharp.js
index 8cd33854a..d3b48b370 100644
--- a/lib/EggSharp.js
+++ b/lib/EggSharp.js
@@ -47,7 +47,7 @@ var EggSharp = function EggSharp(props) {
 EggSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EggSharp.js.map b/lib/EggSharp.js.map
index 395460a29..80c40be2e 100644
--- a/lib/EggSharp.js.map
+++ b/lib/EggSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EggSharp.js"],"names":["EggSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qbAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EggSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EggSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M418.39 381.05c-8.08 21.68-19.76 40.1-34.72 54.75-14.38 14.07-32.1 24.95-52.67 32.34C309.08 476 283.85 480 256 480s-53.08-4-75-11.86c-20.57-7.39-38.29-18.27-52.67-32.34-15-14.65-26.64-33.07-34.72-54.75C84.58 356.82 80 328.53 80 296.94c0-30.28 6.68-62.57 19.86-96A371 371 0 01151 111.42C195.78 53.56 241 32 256 32s62.67 22.4 105 79.42c18.33 24.71 38.87 58.34 51.17 89.54 13.18 33.41 19.86 65.7 19.86 96-.03 31.57-4.61 59.86-13.64 84.09z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEggSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEggSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EggSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EggSharp.js"],"names":["EggSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qbAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EggSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EggSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M418.39 381.05c-8.08 21.68-19.76 40.1-34.72 54.75-14.38 14.07-32.1 24.95-52.67 32.34C309.08 476 283.85 480 256 480s-53.08-4-75-11.86c-20.57-7.39-38.29-18.27-52.67-32.34-15-14.65-26.64-33.07-34.72-54.75C84.58 356.82 80 328.53 80 296.94c0-30.28 6.68-62.57 19.86-96A371 371 0 01151 111.42C195.78 53.56 241 32 256 32s62.67 22.4 105 79.42c18.33 24.71 38.87 58.34 51.17 89.54 13.18 33.41 19.86 65.7 19.86 96-.03 31.57-4.61 59.86-13.64 84.09z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEggSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEggSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EggSharp"]}
\ No newline at end of file
diff --git a/lib/Ellipse.js b/lib/Ellipse.js
index 85345bad0..dbe3fb652 100644
--- a/lib/Ellipse.js
+++ b/lib/Ellipse.js
@@ -47,7 +47,7 @@ var Ellipse = function Ellipse(props) {
 Ellipse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Ellipse.js.map b/lib/Ellipse.js.map
index 1bdd30d4f..b2a704bee 100644
--- a/lib/Ellipse.js.map
+++ b/lib/Ellipse.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Ellipse.js"],"names":["Ellipse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4FAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Ellipse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ellipse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipse.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ellipse"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Ellipse.js"],"names":["Ellipse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4FAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Ellipse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ellipse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipse.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ellipse"]}
\ No newline at end of file
diff --git a/lib/EllipseOutline.js b/lib/EllipseOutline.js
index 267ddde0b..d30cad99b 100644
--- a/lib/EllipseOutline.js
+++ b/lib/EllipseOutline.js
@@ -47,7 +47,7 @@ var EllipseOutline = function EllipseOutline(props) {
 EllipseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipseOutline.js.map b/lib/EllipseOutline.js.map
index 39ae30bda..d22515aef 100644
--- a/lib/EllipseOutline.js.map
+++ b/lib/EllipseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipseOutline.js"],"names":["EllipseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"EllipseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipseOutline.js"],"names":["EllipseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"EllipseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipseOutline"]}
\ No newline at end of file
diff --git a/lib/EllipseSharp.js b/lib/EllipseSharp.js
index 7992db5ad..812694378 100644
--- a/lib/EllipseSharp.js
+++ b/lib/EllipseSharp.js
@@ -47,7 +47,7 @@ var EllipseSharp = function EllipseSharp(props) {
 EllipseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipseSharp.js.map b/lib/EllipseSharp.js.map
index 48589ccec..9f9246170 100644
--- a/lib/EllipseSharp.js.map
+++ b/lib/EllipseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipseSharp.js"],"names":["EllipseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4FAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EllipseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipseSharp.js"],"names":["EllipseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4FAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EllipseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipseSharp"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontal.js b/lib/EllipsisHorizontal.js
index e57681b8b..7dcac0aaa 100644
--- a/lib/EllipsisHorizontal.js
+++ b/lib/EllipsisHorizontal.js
@@ -49,7 +49,7 @@ var EllipsisHorizontal = function EllipsisHorizontal(props) {
 EllipsisHorizontal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontal.js.map b/lib/EllipsisHorizontal.js.map
index e644c34a4..efa23e1ef 100644
--- a/lib/EllipsisHorizontal.js.map
+++ b/lib/EllipsisHorizontal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontal.js"],"names":["EllipsisHorizontal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"EllipsisHorizontal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><circle cx=\"416\" cy=\"256\" r=\"48\"/><circle cx=\"96\" cy=\"256\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontal.js"],"names":["EllipsisHorizontal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"EllipsisHorizontal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><circle cx=\"416\" cy=\"256\" r=\"48\" /><circle cx=\"96\" cy=\"256\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontal"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontalCircle.js b/lib/EllipsisHorizontalCircle.js
index 72656c44b..184025e48 100644
--- a/lib/EllipsisHorizontalCircle.js
+++ b/lib/EllipsisHorizontalCircle.js
@@ -50,7 +50,7 @@ var EllipsisHorizontalCircle = function EllipsisHorizontalCircle(props) {
 EllipsisHorizontalCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontalCircle.js.map b/lib/EllipsisHorizontalCircle.js.map
index 5433a0e59..e31184e31 100644
--- a/lib/EllipsisHorizontalCircle.js.map
+++ b/lib/EllipsisHorizontalCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontalCircle.js"],"names":["EllipsisHorizontalCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArO;AAAuQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAvQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"EllipsisHorizontalCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\"/><circle cx=\"346\" cy=\"256\" r=\"26\"/><circle cx=\"166\" cy=\"256\" r=\"26\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontalCircle.js"],"names":["EllipsisHorizontalCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtO;AAAyQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"EllipsisHorizontalCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" /><circle cx=\"346\" cy=\"256\" r=\"26\" /><circle cx=\"166\" cy=\"256\" r=\"26\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircle"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontalCircleOutline.js b/lib/EllipsisHorizontalCircleOutline.js
index cc56e6ba1..510d830ff 100644
--- a/lib/EllipsisHorizontalCircleOutline.js
+++ b/lib/EllipsisHorizontalCircleOutline.js
@@ -50,7 +50,7 @@ var EllipsisHorizontalCircleOutline = function EllipsisHorizontalCircleOutline(p
 EllipsisHorizontalCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontalCircleOutline.js.map b/lib/EllipsisHorizontalCircleOutline.js.map
index 9534582cd..899473726 100644
--- a/lib/EllipsisHorizontalCircleOutline.js.map
+++ b/lib/EllipsisHorizontalCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontalCircleOutline.js"],"names":["EllipsisHorizontalCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kCAAkC,SAAlCA,+BAAkC,QAAS;AAC/C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArO;AAAuQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAvQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gCAAgCa,YAAhC,GAA+C;AAC7C;AACAH,SAAO,EAFsC;AAG7CN,SAAO,SAHsC;AAI7CF,UAAQ,MAJqC;AAK7CC,SAAO,MALsC;AAM7CQ,cAAY,EANiC;AAO7CC,SAAO,EAPsC;;AAS7C;AACAL,SAAO,KAVsC;AAW7CC,QAAM,KAXuC;AAY7CF,UAAQ;AAZqC,CAA/C;;AAgBAN,gCAAgCc,SAAhC,GAA4C;AAC1C;AACAJ,SAAOK,oBAAUC,MAFyB;AAG1CZ,SAAOW,oBAAUE,MAHyB;AAI1Cf,UAAQa,oBAAUE,MAJwB;AAK1Cd,SAAOY,oBAAUE,MALyB;AAM1CN,cAAYI,oBAAUE,MANoB;AAO1CL,SAAOG,oBAAUE,MAPyB;;AAS1C;AACAV,SAAOQ,oBAAUG,IAVyB;AAW1CV,QAAMO,oBAAUG,IAX0B;AAY1CZ,UAAQS,oBAAUG,IAZwB;;AAc1C;AACAb,WAASU,oBAAUI;AAfuB,CAA5C;;kBAmBenB,+B","file":"EllipsisHorizontalCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\"/><circle cx=\"346\" cy=\"256\" r=\"26\"/><circle cx=\"166\" cy=\"256\" r=\"26\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontalCircleOutline.js"],"names":["EllipsisHorizontalCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kCAAkC,SAAlCA,+BAAkC,QAAS;AAC/C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtO;AAAyQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gCAAgCa,YAAhC,GAA+C;AAC7C;AACAH,SAAO,EAFsC;AAG7CN,SAAO,SAHsC;AAI7CF,UAAQ,MAJqC;AAK7CC,SAAO,MALsC;AAM7CQ,cAAY,EANiC;AAO7CC,SAAO,EAPsC;;AAS7C;AACAL,SAAO,KAVsC;AAW7CC,QAAM,KAXuC;AAY7CF,UAAQ;AAZqC,CAA/C;;AAgBAN,gCAAgCc,SAAhC,GAA4C;AAC1C;AACAJ,SAAOK,oBAAUC,MAFyB;AAG1CZ,SAAOW,oBAAUE,MAHyB;AAI1Cf,UAAQa,oBAAUE,MAJwB;AAK1Cd,SAAOY,oBAAUE,MALyB;AAM1CN,cAAYI,oBAAUE,MANoB;AAO1CL,SAAOG,oBAAUE,MAPyB;;AAS1C;AACAV,SAAOQ,oBAAUG,IAVyB;AAW1CV,QAAMO,oBAAUG,IAX0B;AAY1CZ,UAAQS,oBAAUG,IAZwB;;AAc1C;AACAb,WAASU,oBAAUI;AAfuB,CAA5C;;kBAmBenB,+B","file":"EllipsisHorizontalCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" /><circle cx=\"346\" cy=\"256\" r=\"26\" /><circle cx=\"166\" cy=\"256\" r=\"26\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircleOutline"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontalCircleSharp.js b/lib/EllipsisHorizontalCircleSharp.js
index 3e11c389d..43e45fb74 100644
--- a/lib/EllipsisHorizontalCircleSharp.js
+++ b/lib/EllipsisHorizontalCircleSharp.js
@@ -47,7 +47,7 @@ var EllipsisHorizontalCircleSharp = function EllipsisHorizontalCircleSharp(props
 EllipsisHorizontalCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontalCircleSharp.js.map b/lib/EllipsisHorizontalCircleSharp.js.map
index 08c53861d..ed086c619 100644
--- a/lib/EllipsisHorizontalCircleSharp.js.map
+++ b/lib/EllipsisHorizontalCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontalCircleSharp.js"],"names":["EllipsisHorizontalCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"EllipsisHorizontalCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-90 234a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontalCircleSharp.js"],"names":["EllipsisHorizontalCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"EllipsisHorizontalCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-90 234a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalCircleSharp"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontalOutline.js b/lib/EllipsisHorizontalOutline.js
index ee22e4d6d..55662cdad 100644
--- a/lib/EllipsisHorizontalOutline.js
+++ b/lib/EllipsisHorizontalOutline.js
@@ -49,7 +49,7 @@ var EllipsisHorizontalOutline = function EllipsisHorizontalOutline(props) {
 EllipsisHorizontalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontalOutline.js.map b/lib/EllipsisHorizontalOutline.js.map
index f78f39a2b..e17f1ccb1 100644
--- a/lib/EllipsisHorizontalOutline.js.map
+++ b/lib/EllipsisHorizontalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontalOutline.js"],"names":["EllipsisHorizontalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAjK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAuX,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAAvX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"EllipsisHorizontalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"416\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"96\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontalOutline.js"],"names":["EllipsisHorizontalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAhK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAwX,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAAxX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"EllipsisHorizontalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"416\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"96\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalOutline"]}
\ No newline at end of file
diff --git a/lib/EllipsisHorizontalSharp.js b/lib/EllipsisHorizontalSharp.js
index f47f7fee5..d9e39b522 100644
--- a/lib/EllipsisHorizontalSharp.js
+++ b/lib/EllipsisHorizontalSharp.js
@@ -49,7 +49,7 @@ var EllipsisHorizontalSharp = function EllipsisHorizontalSharp(props) {
 EllipsisHorizontalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisHorizontalSharp.js.map b/lib/EllipsisHorizontalSharp.js.map
index f2e8235d3..bf6411e30 100644
--- a/lib/EllipsisHorizontalSharp.js.map
+++ b/lib/EllipsisHorizontalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisHorizontalSharp.js"],"names":["EllipsisHorizontalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"EllipsisHorizontalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><circle cx=\"416\" cy=\"256\" r=\"48\"/><circle cx=\"96\" cy=\"256\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisHorizontalSharp.js"],"names":["EllipsisHorizontalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"EllipsisHorizontalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisHorizontalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><circle cx=\"416\" cy=\"256\" r=\"48\" /><circle cx=\"96\" cy=\"256\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisHorizontalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisHorizontalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisHorizontalSharp"]}
\ No newline at end of file
diff --git a/lib/EllipsisVertical.js b/lib/EllipsisVertical.js
index adfa53971..2a17cf9ce 100644
--- a/lib/EllipsisVertical.js
+++ b/lib/EllipsisVertical.js
@@ -49,7 +49,7 @@ var EllipsisVertical = function EllipsisVertical(props) {
 EllipsisVertical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVertical.js.map b/lib/EllipsisVertical.js.map
index 7ef164c4e..996325285 100644
--- a/lib/EllipsisVertical.js.map
+++ b/lib/EllipsisVertical.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVertical.js"],"names":["EllipsisVertical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"EllipsisVertical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVertical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><circle cx=\"256\" cy=\"416\" r=\"48\"/><circle cx=\"256\" cy=\"96\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVertical.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVertical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVertical"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVertical.js"],"names":["EllipsisVertical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"EllipsisVertical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVertical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><circle cx=\"256\" cy=\"416\" r=\"48\" /><circle cx=\"256\" cy=\"96\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVertical.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVertical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVertical"]}
\ No newline at end of file
diff --git a/lib/EllipsisVerticalCircle.js b/lib/EllipsisVerticalCircle.js
index 94d49987e..1d579a470 100644
--- a/lib/EllipsisVerticalCircle.js
+++ b/lib/EllipsisVerticalCircle.js
@@ -50,7 +50,7 @@ var EllipsisVerticalCircle = function EllipsisVerticalCircle(props) {
 EllipsisVerticalCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVerticalCircle.js.map b/lib/EllipsisVerticalCircle.js.map
index ffd777815..560e44a98 100644
--- a/lib/EllipsisVerticalCircle.js.map
+++ b/lib/EllipsisVerticalCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVerticalCircle.js"],"names":["EllipsisVerticalCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArO;AAAuQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAvQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"EllipsisVerticalCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\"/><circle cx=\"256\" cy=\"346\" r=\"26\"/><circle cx=\"256\" cy=\"166\" r=\"26\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVerticalCircle.js"],"names":["EllipsisVerticalCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtO;AAAyQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"EllipsisVerticalCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" /><circle cx=\"256\" cy=\"346\" r=\"26\" /><circle cx=\"256\" cy=\"166\" r=\"26\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircle"]}
\ No newline at end of file
diff --git a/lib/EllipsisVerticalCircleOutline.js b/lib/EllipsisVerticalCircleOutline.js
index 638a16d51..21e9bed8e 100644
--- a/lib/EllipsisVerticalCircleOutline.js
+++ b/lib/EllipsisVerticalCircleOutline.js
@@ -50,7 +50,7 @@ var EllipsisVerticalCircleOutline = function EllipsisVerticalCircleOutline(props
 EllipsisVerticalCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVerticalCircleOutline.js.map b/lib/EllipsisVerticalCircleOutline.js.map
index f40ac1e97..60eccfcf8 100644
--- a/lib/EllipsisVerticalCircleOutline.js.map
+++ b/lib/EllipsisVerticalCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVerticalCircleOutline.js"],"names":["EllipsisVerticalCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAArO;AAAuQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAvQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"EllipsisVerticalCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\"/><circle cx=\"256\" cy=\"346\" r=\"26\"/><circle cx=\"256\" cy=\"166\" r=\"26\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVerticalCircleOutline.js"],"names":["EllipsisVerticalCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAtO;AAAyQ,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"EllipsisVerticalCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"26\" /><circle cx=\"256\" cy=\"346\" r=\"26\" /><circle cx=\"256\" cy=\"166\" r=\"26\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircleOutline"]}
\ No newline at end of file
diff --git a/lib/EllipsisVerticalCircleSharp.js b/lib/EllipsisVerticalCircleSharp.js
index 315ec1e40..bed42c6b7 100644
--- a/lib/EllipsisVerticalCircleSharp.js
+++ b/lib/EllipsisVerticalCircleSharp.js
@@ -47,7 +47,7 @@ var EllipsisVerticalCircleSharp = function EllipsisVerticalCircleSharp(props) {
 EllipsisVerticalCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVerticalCircleSharp.js.map b/lib/EllipsisVerticalCircleSharp.js.map
index e4e942c1e..7a0486347 100644
--- a/lib/EllipsisVerticalCircleSharp.js.map
+++ b/lib/EllipsisVerticalCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVerticalCircleSharp.js"],"names":["EllipsisVerticalCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"EllipsisVerticalCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-234-90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVerticalCircleSharp.js"],"names":["EllipsisVerticalCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"EllipsisVerticalCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-234-90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalCircleSharp"]}
\ No newline at end of file
diff --git a/lib/EllipsisVerticalOutline.js b/lib/EllipsisVerticalOutline.js
index 00abadd07..42c63862f 100644
--- a/lib/EllipsisVerticalOutline.js
+++ b/lib/EllipsisVerticalOutline.js
@@ -49,7 +49,7 @@ var EllipsisVerticalOutline = function EllipsisVerticalOutline(props) {
 EllipsisVerticalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVerticalOutline.js.map b/lib/EllipsisVerticalOutline.js.map
index 38df3c419..729625ccc 100644
--- a/lib/EllipsisVerticalOutline.js.map
+++ b/lib/EllipsisVerticalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVerticalOutline.js"],"names":["EllipsisVerticalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAjK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAuX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAAvX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"EllipsisVerticalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"416\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"96\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVerticalOutline.js"],"names":["EllipsisVerticalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAhK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAwX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAAxX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"EllipsisVerticalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"416\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"96\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalOutline"]}
\ No newline at end of file
diff --git a/lib/EllipsisVerticalSharp.js b/lib/EllipsisVerticalSharp.js
index e1c5945bf..fc38d1270 100644
--- a/lib/EllipsisVerticalSharp.js
+++ b/lib/EllipsisVerticalSharp.js
@@ -49,7 +49,7 @@ var EllipsisVerticalSharp = function EllipsisVerticalSharp(props) {
 EllipsisVerticalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EllipsisVerticalSharp.js.map b/lib/EllipsisVerticalSharp.js.map
index 6eac1a764..8c328c082 100644
--- a/lib/EllipsisVerticalSharp.js.map
+++ b/lib/EllipsisVerticalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EllipsisVerticalSharp.js"],"names":["EllipsisVerticalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAqO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAArO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"EllipsisVerticalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><circle cx=\"256\" cy=\"416\" r=\"48\"/><circle cx=\"256\" cy=\"96\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EllipsisVerticalSharp.js"],"names":["EllipsisVerticalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAnM;AAAsO,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAAtO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"EllipsisVerticalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EllipsisVerticalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><circle cx=\"256\" cy=\"416\" r=\"48\" /><circle cx=\"256\" cy=\"96\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEllipsisVerticalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEllipsisVerticalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EllipsisVerticalSharp"]}
\ No newline at end of file
diff --git a/lib/Enter.js b/lib/Enter.js
index a0143bf6d..3f8a13d24 100644
--- a/lib/Enter.js
+++ b/lib/Enter.js
@@ -47,7 +47,7 @@ var Enter = function Enter(props) {
 Enter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Enter.js.map b/lib/Enter.js.map
index 71a8afb9b..11a02bd78 100644
--- a/lib/Enter.js.map
+++ b/lib/Enter.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Enter.js"],"names":["Enter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Enter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Enter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 136v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L313.37 272H160v104a56.06 56.06 0 0056 56h208a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56H216a56.06 56.06 0 00-56 56zM48 240a16 16 0 000 32h112v-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnter.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Enter"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Enter.js"],"names":["Enter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Enter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Enter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 136v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L313.37 272H160v104a56.06 56.06 0 0056 56h208a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56H216a56.06 56.06 0 00-56 56zM48 240a16 16 0 000 32h112v-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnter.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Enter"]}
\ No newline at end of file
diff --git a/lib/EnterOutline.js b/lib/EnterOutline.js
index ab3e0ecee..62a004afd 100644
--- a/lib/EnterOutline.js
+++ b/lib/EnterOutline.js
@@ -48,7 +48,7 @@ var EnterOutline = function EnterOutline(props) {
 EnterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EnterOutline.js.map b/lib/EnterOutline.js.map
index baac3240f..8752e9a63 100644
--- a/lib/EnterOutline.js.map
+++ b/lib/EnterOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EnterOutline.js"],"names":["EnterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAjK;AAA2W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EnterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EnterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M176 176v-40a40 40 0 0140-40h208a40 40 0 0140 40v240a40 40 0 01-40 40H216a40 40 0 01-40-40v-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M272 336l80-80-80-80M48 256h288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnterOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EnterOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EnterOutline.js"],"names":["EnterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAhK;AAA2W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAA3W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EnterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EnterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M176 176v-40a40 40 0 0140-40h208a40 40 0 0140 40v240a40 40 0 01-40 40H216a40 40 0 01-40-40v-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M272 336l80-80-80-80M48 256h288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnterOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EnterOutline"]}
\ No newline at end of file
diff --git a/lib/EnterSharp.js b/lib/EnterSharp.js
index 3ff323b2a..fdf9c1a76 100644
--- a/lib/EnterSharp.js
+++ b/lib/EnterSharp.js
@@ -47,7 +47,7 @@ var EnterSharp = function EnterSharp(props) {
 EnterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EnterSharp.js.map b/lib/EnterSharp.js.map
index 498911039..47348f216 100644
--- a/lib/EnterSharp.js.map
+++ b/lib/EnterSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EnterSharp.js"],"names":["EnterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EnterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EnterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 240h147.37l-64-64L266 153.37 368.63 256 266 358.63 243.37 336l64-64H160v148a12 12 0 0012 12h296a12 12 0 0012-12V92a12 12 0 00-12-12H172a12 12 0 00-12 12zM32 240h128v32H32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnterSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EnterSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EnterSharp.js"],"names":["EnterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EnterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EnterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 240h147.37l-64-64L266 153.37 368.63 256 266 358.63 243.37 336l64-64H160v148a12 12 0 0012 12h296a12 12 0 0012-12V92a12 12 0 00-12-12H172a12 12 0 00-12 12zM32 240h128v32H32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEnterSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEnterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EnterSharp"]}
\ No newline at end of file
diff --git a/lib/Exit.js b/lib/Exit.js
index 3610e86ba..fb9ac2578 100644
--- a/lib/Exit.js
+++ b/lib/Exit.js
@@ -47,7 +47,7 @@ var Exit = function Exit(props) {
 Exit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Exit.js.map b/lib/Exit.js.map
index 63128a271..5a8bd1165 100644
--- a/lib/Exit.js.map
+++ b/lib/Exit.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Exit.js"],"names":["Exit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Exit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Exit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 376V272H191a16 16 0 010-32h145V136a56.06 56.06 0 00-56-56H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h192a56.06 56.06 0 0056-56zM425.37 272l-52.68 52.69a16 16 0 0022.62 22.62l80-80a16 16 0 000-22.62l-80-80a16 16 0 00-22.62 22.62L425.37 240H336v32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExit.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Exit"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Exit.js"],"names":["Exit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Exit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Exit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 376V272H191a16 16 0 010-32h145V136a56.06 56.06 0 00-56-56H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h192a56.06 56.06 0 0056-56zM425.37 272l-52.68 52.69a16 16 0 0022.62 22.62l80-80a16 16 0 000-22.62l-80-80a16 16 0 00-22.62 22.62L425.37 240H336v32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExit.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Exit"]}
\ No newline at end of file
diff --git a/lib/ExitOutline.js b/lib/ExitOutline.js
index ceac4bcaf..e945e0c73 100644
--- a/lib/ExitOutline.js
+++ b/lib/ExitOutline.js
@@ -47,7 +47,7 @@ var ExitOutline = function ExitOutline(props) {
 ExitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExitOutline.js.map b/lib/ExitOutline.js.map
index 2b478d89a..b156a2eb1 100644
--- a/lib/ExitOutline.js.map
+++ b/lib/ExitOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExitOutline.js"],"names":["ExitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+HAAR,EAAwI,MAAK,MAA7I,EAAoJ,QAAO,cAA3J,EAA0K,eAAc,OAAxL,EAAgM,gBAAe,OAA/M,EAAuN,aAAY,IAAnO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ExitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 176v-40a40 40 0 00-40-40H88a40 40 0 00-40 40v240a40 40 0 0040 40h192a40 40 0 0040-40v-40M384 176l80 80-80 80M191 256h273\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExitOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExitOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExitOutline.js"],"names":["ExitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+HAAR,EAAwI,MAAK,MAA7I,EAAoJ,QAAO,cAA3J,EAA0K,eAAc,OAAxL,EAAgM,gBAAe,OAA/M,EAAuN,aAAY,IAAnO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ExitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 176v-40a40 40 0 00-40-40H88a40 40 0 00-40 40v240a40 40 0 0040 40h192a40 40 0 0040-40v-40M384 176l80 80-80 80M191 256h273\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExitOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExitOutline"]}
\ No newline at end of file
diff --git a/lib/ExitSharp.js b/lib/ExitSharp.js
index 7ec453b05..b00f11369 100644
--- a/lib/ExitSharp.js
+++ b/lib/ExitSharp.js
@@ -47,7 +47,7 @@ var ExitSharp = function ExitSharp(props) {
 ExitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExitSharp.js.map b/lib/ExitSharp.js.map
index c8e1ac150..a7f8e06f7 100644
--- a/lib/ExitSharp.js.map
+++ b/lib/ExitSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExitSharp.js"],"names":["ExitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ExitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.69 272h-161v-32h161V92a12 12 0 00-12-12h-280a12 12 0 00-12 12v328a12 12 0 0012 12h280a12 12 0 0012-12zM419.06 272l-64 64 22.63 22.63L480.31 256 377.69 153.37 355.06 176l64 64h-83.37v32h83.37z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExitSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExitSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExitSharp.js"],"names":["ExitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ExitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.69 272h-161v-32h161V92a12 12 0 00-12-12h-280a12 12 0 00-12 12v328a12 12 0 0012 12h280a12 12 0 0012-12zM419.06 272l-64 64 22.63 22.63L480.31 256 377.69 153.37 355.06 176l64 64h-83.37v32h83.37z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExitSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExitSharp"]}
\ No newline at end of file
diff --git a/lib/Expand.js b/lib/Expand.js
index eb32efdbc..6f00d975a 100644
--- a/lib/Expand.js
+++ b/lib/Expand.js
@@ -47,7 +47,7 @@ var Expand = function Expand(props) {
 Expand.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Expand.js.map b/lib/Expand.js.map
index cd6c6a15b..7677317fb 100644
--- a/lib/Expand.js.map
+++ b/lib/Expand.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Expand.js"],"names":["Expand","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Expand.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Expand = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpand.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpand.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Expand"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Expand.js"],"names":["Expand","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Expand.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Expand = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpand.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpand.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Expand"]}
\ No newline at end of file
diff --git a/lib/ExpandOutline.js b/lib/ExpandOutline.js
index ed4e66823..0fc113702 100644
--- a/lib/ExpandOutline.js
+++ b/lib/ExpandOutline.js
@@ -47,7 +47,7 @@ var ExpandOutline = function ExpandOutline(props) {
 ExpandOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExpandOutline.js.map b/lib/ExpandOutline.js.map
index face93897..e7aff805c 100644
--- a/lib/ExpandOutline.js.map
+++ b/lib/ExpandOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExpandOutline.js"],"names":["ExpandOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ExpandOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExpandOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpandOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpandOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExpandOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExpandOutline.js"],"names":["ExpandOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ExpandOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExpandOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpandOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpandOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExpandOutline"]}
\ No newline at end of file
diff --git a/lib/ExpandSharp.js b/lib/ExpandSharp.js
index 131aa5997..fdc7fb23d 100644
--- a/lib/ExpandSharp.js
+++ b/lib/ExpandSharp.js
@@ -47,7 +47,7 @@ var ExpandSharp = function ExpandSharp(props) {
 ExpandSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExpandSharp.js.map b/lib/ExpandSharp.js.map
index d583fb2d0..ce498db82 100644
--- a/lib/ExpandSharp.js.map
+++ b/lib/ExpandSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExpandSharp.js"],"names":["ExpandSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ExpandSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExpandSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpandSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpandSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExpandSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExpandSharp.js"],"names":["ExpandSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8IAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ExpandSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExpandSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExpandSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExpandSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExpandSharp"]}
\ No newline at end of file
diff --git a/lib/ExtensionPuzzle.js b/lib/ExtensionPuzzle.js
index 145f175cc..4e4a47caf 100644
--- a/lib/ExtensionPuzzle.js
+++ b/lib/ExtensionPuzzle.js
@@ -47,7 +47,7 @@ var ExtensionPuzzle = function ExtensionPuzzle(props) {
 ExtensionPuzzle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExtensionPuzzle.js.map b/lib/ExtensionPuzzle.js.map
index 5a8384b89..8faaf29c8 100644
--- a/lib/ExtensionPuzzle.js.map
+++ b/lib/ExtensionPuzzle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExtensionPuzzle.js"],"names":["ExtensionPuzzle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qmBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ExtensionPuzzle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M345.14 480H274a18 18 0 01-18-18v-27.71a31.32 31.32 0 00-9.71-22.77c-7.78-7.59-19.08-11.8-30.89-11.51-21.36.5-39.4 19.3-39.4 41.06V462a18 18 0 01-18 18H87.62A55.62 55.62 0 0132 424.38V354a18 18 0 0118-18h27.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H50a18 18 0 01-18-18v-70.38A55.62 55.62 0 0187.62 112h55.24a8 8 0 008-8v-6.48A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V104a8 8 0 008 8h55.24A54.86 54.86 0 01400 166.86v55.24a8 8 0 008 8h5.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H408a8 8 0 00-8 8v56A54.86 54.86 0 01345.14 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExtensionPuzzle.js"],"names":["ExtensionPuzzle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qmBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ExtensionPuzzle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M345.14 480H274a18 18 0 01-18-18v-27.71a31.32 31.32 0 00-9.71-22.77c-7.78-7.59-19.08-11.8-30.89-11.51-21.36.5-39.4 19.3-39.4 41.06V462a18 18 0 01-18 18H87.62A55.62 55.62 0 0132 424.38V354a18 18 0 0118-18h27.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H50a18 18 0 01-18-18v-70.38A55.62 55.62 0 0187.62 112h55.24a8 8 0 008-8v-6.48A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V104a8 8 0 008 8h55.24A54.86 54.86 0 01400 166.86v55.24a8 8 0 008 8h5.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H408a8 8 0 00-8 8v56A54.86 54.86 0 01345.14 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzle"]}
\ No newline at end of file
diff --git a/lib/ExtensionPuzzleOutline.js b/lib/ExtensionPuzzleOutline.js
index 926d4f809..5863176b3 100644
--- a/lib/ExtensionPuzzleOutline.js
+++ b/lib/ExtensionPuzzleOutline.js
@@ -47,7 +47,7 @@ var ExtensionPuzzleOutline = function ExtensionPuzzleOutline(props) {
 ExtensionPuzzleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExtensionPuzzleOutline.js.map b/lib/ExtensionPuzzleOutline.js.map
index 4a1edc36f..833fa8db8 100644
--- a/lib/ExtensionPuzzleOutline.js.map
+++ b/lib/ExtensionPuzzleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExtensionPuzzleOutline.js"],"names":["ExtensionPuzzleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2hBAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ExtensionPuzzleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M413.66 246.1H386a2 2 0 01-2-2v-77.24A38.86 38.86 0 00345.14 128H267.9a2 2 0 01-2-2V98.34c0-27.14-21.5-49.86-48.64-50.33a49.53 49.53 0 00-50.4 49.51V126a2 2 0 01-2 2H87.62A39.74 39.74 0 0048 167.62V238a2 2 0 002 2h26.91c29.37 0 53.68 25.48 54.09 54.85.42 29.87-23.51 57.15-53.29 57.15H50a2 2 0 00-2 2v70.38A39.74 39.74 0 0087.62 464H158a2 2 0 002-2v-20.93c0-30.28 24.75-56.35 55-57.06 30.1-.7 57 20.31 57 50.28V462a2 2 0 002 2h71.14A38.86 38.86 0 00384 425.14v-78a2 2 0 012-2h28.48c27.63 0 49.52-22.67 49.52-50.4s-23.2-48.64-50.34-48.64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExtensionPuzzleOutline.js"],"names":["ExtensionPuzzleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2hBAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ExtensionPuzzleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M413.66 246.1H386a2 2 0 01-2-2v-77.24A38.86 38.86 0 00345.14 128H267.9a2 2 0 01-2-2V98.34c0-27.14-21.5-49.86-48.64-50.33a49.53 49.53 0 00-50.4 49.51V126a2 2 0 01-2 2H87.62A39.74 39.74 0 0048 167.62V238a2 2 0 002 2h26.91c29.37 0 53.68 25.48 54.09 54.85.42 29.87-23.51 57.15-53.29 57.15H50a2 2 0 00-2 2v70.38A39.74 39.74 0 0087.62 464H158a2 2 0 002-2v-20.93c0-30.28 24.75-56.35 55-57.06 30.1-.7 57 20.31 57 50.28V462a2 2 0 002 2h71.14A38.86 38.86 0 00384 425.14v-78a2 2 0 012-2h28.48c27.63 0 49.52-22.67 49.52-50.4s-23.2-48.64-50.34-48.64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzleOutline"]}
\ No newline at end of file
diff --git a/lib/ExtensionPuzzleSharp.js b/lib/ExtensionPuzzleSharp.js
index 745f3552f..52587c82f 100644
--- a/lib/ExtensionPuzzleSharp.js
+++ b/lib/ExtensionPuzzleSharp.js
@@ -47,7 +47,7 @@ var ExtensionPuzzleSharp = function ExtensionPuzzleSharp(props) {
 ExtensionPuzzleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ExtensionPuzzleSharp.js.map b/lib/ExtensionPuzzleSharp.js.map
index 97e8d47a9..d1bf1397a 100644
--- a/lib/ExtensionPuzzleSharp.js.map
+++ b/lib/ExtensionPuzzleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ExtensionPuzzleSharp.js"],"names":["ExtensionPuzzleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mjBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ExtensionPuzzleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M345.14 480H256v-45.71a31.3 31.3 0 00-9.59-22.65c-7.67-7.56-18.83-11.81-30.57-11.64a44.38 44.38 0 00-28.45 10.67c-5.2 4.6-11.39 12.56-11.39 24.42V480H87.62A55.68 55.68 0 0132 424.38V336h45.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H32v-89.34a53.77 53.77 0 0116.53-39A55.88 55.88 0 0187.62 112h63.24V97.52A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V112h63.24A54.28 54.28 0 01400 166.86v63.24h13.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H400v63.24c0 30.67-24.61 55.62-54.86 55.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ExtensionPuzzleSharp.js"],"names":["ExtensionPuzzleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mjBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ExtensionPuzzleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ExtensionPuzzleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M345.14 480H256v-45.71a31.3 31.3 0 00-9.59-22.65c-7.67-7.56-18.83-11.81-30.57-11.64a44.38 44.38 0 00-28.45 10.67c-5.2 4.6-11.39 12.56-11.39 24.42V480H87.62A55.68 55.68 0 0132 424.38V336h45.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H32v-89.34a53.77 53.77 0 0116.53-39A55.88 55.88 0 0187.62 112h63.24V97.52A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V112h63.24A54.28 54.28 0 01400 166.86v63.24h13.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H400v63.24c0 30.67-24.61 55.62-54.86 55.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nExtensionPuzzleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nExtensionPuzzleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ExtensionPuzzleSharp"]}
\ No newline at end of file
diff --git a/lib/Eye.js b/lib/Eye.js
index e6d87f1fb..07bef9d76 100644
--- a/lib/Eye.js
+++ b/lib/Eye.js
@@ -48,7 +48,7 @@ var Eye = function Eye(props) {
 Eye.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Eye.js.map b/lib/Eye.js.map
index 9f456c1c3..500ed871f 100644
--- a/lib/Eye.js.map
+++ b/lib/Eye.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Eye.js"],"names":["Eye","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,mYAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Eye.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Eye = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"64\"/><path d=\"M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEye.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEye.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Eye"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Eye.js"],"names":["Eye","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,mYAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Eye.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Eye = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"64\" /><path d=\"M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEye.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEye.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Eye"]}
\ No newline at end of file
diff --git a/lib/EyeOff.js b/lib/EyeOff.js
index 5c4f9b1cd..a92f8bddd 100644
--- a/lib/EyeOff.js
+++ b/lib/EyeOff.js
@@ -48,7 +48,7 @@ var EyeOff = function EyeOff(props) {
 EyeOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyeOff.js.map b/lib/EyeOff.js.map
index 5aeedaed3..545a742c6 100644
--- a/lib/EyeOff.js.map
+++ b/lib/EyeOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyeOff.js"],"names":["EyeOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kRAAR,GAAjK;AAA6b,8CAAM,GAAE,wkBAAR;AAA7b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"EyeOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z\"/><path d=\"M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyeOff.js"],"names":["EyeOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kRAAR,GAAhK;AAA6b,8CAAM,GAAE,wkBAAR;AAA7b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"EyeOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z\" /><path d=\"M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOff"]}
\ No newline at end of file
diff --git a/lib/EyeOffOutline.js b/lib/EyeOffOutline.js
index b8880d7e8..428073a51 100644
--- a/lib/EyeOffOutline.js
+++ b/lib/EyeOffOutline.js
@@ -48,7 +48,7 @@ var EyeOffOutline = function EyeOffOutline(props) {
 EyeOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyeOffOutline.js.map b/lib/EyeOffOutline.js.map
index 5487d6319..e906b8400 100644
--- a/lib/EyeOffOutline.js.map
+++ b/lib/EyeOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyeOffOutline.js"],"names":["EyeOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+2BAAR,GAAjK;AAA0hC,8CAAM,GAAE,qKAAR;AAA1hC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"EyeOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z\"/><path d=\"M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyeOffOutline.js"],"names":["EyeOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+2BAAR,GAAhK;AAA0hC,8CAAM,GAAE,qKAAR;AAA1hC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"EyeOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z\" /><path d=\"M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOffOutline"]}
\ No newline at end of file
diff --git a/lib/EyeOffSharp.js b/lib/EyeOffSharp.js
index 33a39e8f4..7218ac3ee 100644
--- a/lib/EyeOffSharp.js
+++ b/lib/EyeOffSharp.js
@@ -48,7 +48,7 @@ var EyeOffSharp = function EyeOffSharp(props) {
 EyeOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyeOffSharp.js.map b/lib/EyeOffSharp.js.map
index 78c4ecb19..d565c43b7 100644
--- a/lib/EyeOffSharp.js.map
+++ b/lib/EyeOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyeOffSharp.js"],"names":["EyeOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yKAAR,GAAjK;AAAoV,8CAAM,GAAE,yaAAR;AAApV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"EyeOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 00-60.57-60.57zM252.66 319.91l-60.57-60.57a64.07 64.07 0 0060.57 60.57z\"/><path d=\"M256 352a96 96 0 01-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.47 233.47 0 00335 402.2l-53.61-53.6A95.84 95.84 0 01256 352zM256 160a96 96 0 0192.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.92 222.92 0 00-78.21 14.29l53.11 53.11A95.84 95.84 0 01256 160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyeOffSharp.js"],"names":["EyeOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yKAAR,GAAhK;AAAoV,8CAAM,GAAE,yaAAR;AAApV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"EyeOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 00-60.57-60.57zM252.66 319.91l-60.57-60.57a64.07 64.07 0 0060.57 60.57z\" /><path d=\"M256 352a96 96 0 01-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.47 233.47 0 00335 402.2l-53.61-53.6A95.84 95.84 0 01256 352zM256 160a96 96 0 0192.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.92 222.92 0 00-78.21 14.29l53.11 53.11A95.84 95.84 0 01256 160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOffSharp"]}
\ No newline at end of file
diff --git a/lib/EyeOutline.js b/lib/EyeOutline.js
index cdde345d8..d3cce5e1e 100644
--- a/lib/EyeOutline.js
+++ b/lib/EyeOutline.js
@@ -48,7 +48,7 @@ var EyeOutline = function EyeOutline(props) {
 EyeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyeOutline.js.map b/lib/EyeOutline.js.map
index edb189f7a..cf368b509 100644
--- a/lib/EyeOutline.js.map
+++ b/lib/EyeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyeOutline.js"],"names":["EyeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sMAAR,EAA+M,MAAK,MAApN,EAA2N,QAAO,cAAlO,EAAiP,eAAc,OAA/P,EAAuQ,gBAAe,OAAtR,EAA8R,aAAY,IAA1S,GAAjK;AAAid,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EyeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyeOutline.js"],"names":["EyeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sMAAR,EAA+M,MAAK,MAApN,EAA2N,QAAO,cAAlO,EAAiP,eAAc,OAA/P,EAAuQ,gBAAe,OAAtR,EAA8R,aAAY,IAA1S,GAAhK;AAAid,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"EyeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeOutline"]}
\ No newline at end of file
diff --git a/lib/EyeSharp.js b/lib/EyeSharp.js
index 4b0b6c7fa..9f811fd11 100644
--- a/lib/EyeSharp.js
+++ b/lib/EyeSharp.js
@@ -48,7 +48,7 @@ var EyeSharp = function EyeSharp(props) {
 EyeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyeSharp.js.map b/lib/EyeSharp.js.map
index 6316958e6..46cd30539 100644
--- a/lib/EyeSharp.js.map
+++ b/lib/EyeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyeSharp.js"],"names":["EyeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,wUAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EyeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"64\"/><path d=\"M394.82 141.18C351.1 111.2 304.31 96 255.76 96c-43.69 0-86.28 13-126.59 38.48C88.52 160.23 48.67 207 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416c49 0 95.85-15.07 139.3-44.79C433.31 345 469.71 299.82 496 256c-26.38-43.43-62.9-88.56-101.18-114.82zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyeSharp.js"],"names":["EyeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,wUAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"EyeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"64\" /><path d=\"M394.82 141.18C351.1 111.2 304.31 96 255.76 96c-43.69 0-86.28 13-126.59 38.48C88.52 160.23 48.67 207 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416c49 0 95.85-15.07 139.3-44.79C433.31 345 469.71 299.82 496 256c-26.38-43.43-62.9-88.56-101.18-114.82zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyeSharp"]}
\ No newline at end of file
diff --git a/lib/Eyedrop.js b/lib/Eyedrop.js
index 676a82953..52e34b44f 100644
--- a/lib/Eyedrop.js
+++ b/lib/Eyedrop.js
@@ -47,7 +47,7 @@ var Eyedrop = function Eyedrop(props) {
 Eyedrop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Eyedrop.js.map b/lib/Eyedrop.js.map
index df7058d1c..285340daa 100644
--- a/lib/Eyedrop.js.map
+++ b/lib/Eyedrop.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Eyedrop.js"],"names":["Eyedrop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+pBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Eyedrop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Eyedrop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.05 51a65 65 0 00-45.71-19h-.76a61.81 61.81 0 00-44.36 19.25 12.81 12.81 0 00-1.07 1.25l-54 69.76c-5.62 7.1-12.74 8.68-16.78 4.64l-1.9-1.9a48 48 0 00-67.92 67.92l9.91 9.91a2 2 0 010 2.83L58.7 385.38C54 390.05 46.9 399.85 38.85 431c-4.06 15.71-6.51 29.66-6.61 30.24A16 16 0 0048 480a15.68 15.68 0 002.64-.22c.58-.1 14.44-2.43 30.13-6.44 31.07-7.94 41.05-15.24 45.85-20l179.77-179.79a2 2 0 012.82 0l9.92 9.92a48 48 0 0067.92-67.93l-1.59-1.54c-5-5-2.52-12.11 4.32-17.14l69.75-53.94a17.82 17.82 0 001.47-1.32 63.2 63.2 0 0019-45A63.88 63.88 0 00461.05 51zM250.78 283.9c-2.92 2.92-16.18 7.92-23.39.71s-2.24-20.42.69-23.35l33-33a2 2 0 012.83 0l19.84 19.83a2 2 0 010 2.83z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedrop.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedrop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Eyedrop"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Eyedrop.js"],"names":["Eyedrop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+pBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Eyedrop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Eyedrop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.05 51a65 65 0 00-45.71-19h-.76a61.81 61.81 0 00-44.36 19.25 12.81 12.81 0 00-1.07 1.25l-54 69.76c-5.62 7.1-12.74 8.68-16.78 4.64l-1.9-1.9a48 48 0 00-67.92 67.92l9.91 9.91a2 2 0 010 2.83L58.7 385.38C54 390.05 46.9 399.85 38.85 431c-4.06 15.71-6.51 29.66-6.61 30.24A16 16 0 0048 480a15.68 15.68 0 002.64-.22c.58-.1 14.44-2.43 30.13-6.44 31.07-7.94 41.05-15.24 45.85-20l179.77-179.79a2 2 0 012.82 0l9.92 9.92a48 48 0 0067.92-67.93l-1.59-1.54c-5-5-2.52-12.11 4.32-17.14l69.75-53.94a17.82 17.82 0 001.47-1.32 63.2 63.2 0 0019-45A63.88 63.88 0 00461.05 51zM250.78 283.9c-2.92 2.92-16.18 7.92-23.39.71s-2.24-20.42.69-23.35l33-33a2 2 0 012.83 0l19.84 19.83a2 2 0 010 2.83z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedrop.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedrop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Eyedrop"]}
\ No newline at end of file
diff --git a/lib/EyedropOutline.js b/lib/EyedropOutline.js
index 3b33297f8..781a67a98 100644
--- a/lib/EyedropOutline.js
+++ b/lib/EyedropOutline.js
@@ -49,7 +49,7 @@ var EyedropOutline = function EyedropOutline(props) {
 EyedropOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyedropOutline.js.map b/lib/EyedropOutline.js.map
index 5efc60a00..c19c2ef8f 100644
--- a/lib/EyedropOutline.js.map
+++ b/lib/EyedropOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyedropOutline.js"],"names":["EyedropOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sFAAR,EAA+F,MAAK,MAApG,EAA2G,QAAO,cAAlH,EAAiI,eAAc,OAA/I,EAAuJ,gBAAe,OAAtK,EAA8K,aAAY,IAA1L,GAAjK;AAAiW,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,QAAlC,EAA2C,QAAO,OAAlD,EAA0D,IAAG,OAA7D,EAAqE,IAAG,OAAxE,EAAgF,WAAU,0BAA1F,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN,GAAjW;AAAujB,8CAAM,GAAE,sNAAR,EAA+N,MAAK,MAApO,EAA2O,QAAO,cAAlP,EAAiQ,eAAc,OAA/Q,EAAuR,gBAAe,OAAtS,EAA8S,aAAY,IAA1T;AAAvjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"EyedropOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyedropOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M262.51 204.22L70 396.69C57.56 409.15 48 464 48 464s54.38-9.09 67.31-22L307.8 249.51\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"211.72\" y=\"172.19\" width=\"192.15\" height=\"64.05\" rx=\"32.03\" ry=\"32.03\" transform=\"rotate(45 307.788 204.2)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M289.91 141s20.57 8.57 37.22-8.08l54.67-70.63c18.5-19.41 49.26-18.69 67.94 0h0c18.68 18.68 19.34 48.81 0 67.93l-70.68 54.67c-15.65 15.65-8.08 37.22-8.08 37.22M115.31 442s-26.48 17.34-44.56-.73-.75-44.58-.75-44.58\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedropOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedropOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyedropOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyedropOutline.js"],"names":["EyedropOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sFAAR,EAA+F,MAAK,MAApG,EAA2G,QAAO,cAAlH,EAAiI,eAAc,OAA/I,EAAuJ,gBAAe,OAAtK,EAA8K,aAAY,IAA1L,GAAhK;AAAiW,8CAAM,GAAE,QAAR,EAAiB,GAAE,QAAnB,EAA4B,OAAM,QAAlC,EAA2C,QAAO,OAAlD,EAA0D,IAAG,OAA7D,EAAqE,IAAG,OAAxE,EAAgF,WAAU,0BAA1F,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN,GAAjW;AAAwjB,8CAAM,GAAE,sNAAR,EAA+N,MAAK,MAApO,EAA2O,QAAO,cAAlP,EAAiQ,eAAc,OAA/Q,EAAuR,gBAAe,OAAtS,EAA8S,aAAY,IAA1T;AAAxjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"EyedropOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyedropOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M262.51 204.22L70 396.69C57.56 409.15 48 464 48 464s54.38-9.09 67.31-22L307.8 249.51\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"211.72\" y=\"172.19\" width=\"192.15\" height=\"64.05\" rx=\"32.03\" ry=\"32.03\" transform=\"rotate(45 307.788 204.2)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M289.91 141s20.57 8.57 37.22-8.08l54.67-70.63c18.5-19.41 49.26-18.69 67.94 0h0c18.68 18.68 19.34 48.81 0 67.93l-70.68 54.67c-15.65 15.65-8.08 37.22-8.08 37.22M115.31 442s-26.48 17.34-44.56-.73-.75-44.58-.75-44.58\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedropOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedropOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyedropOutline"]}
\ No newline at end of file
diff --git a/lib/EyedropSharp.js b/lib/EyedropSharp.js
index 51b41622c..3f87d27fc 100644
--- a/lib/EyedropSharp.js
+++ b/lib/EyedropSharp.js
@@ -47,7 +47,7 @@ var EyedropSharp = function EyedropSharp(props) {
 EyedropSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/EyedropSharp.js.map b/lib/EyedropSharp.js.map
index cebd6f1ea..43b5b463d 100644
--- a/lib/EyedropSharp.js.map
+++ b/lib/EyedropSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/EyedropSharp.js"],"names":["EyedropSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EyedropSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyedropSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 96.22a63.84 63.84 0 00-18.95-45.61 65 65 0 00-45.71-19h-.76a61.78 61.78 0 00-44.22 19.09l-74.88 74.88-33.88-33.86-34.07 33.91-33.85 34 44 44L32 409.37V480h70.63l205.7-205.71L352 317.94l11.31-11.19c.11-.1 10.42-10.31 22.79-22.68l33.85-34-33.89-33.89L461 141.23a63.18 63.18 0 0019-45.01zM245 292.35L219.65 267l40.68-40.69 25.38 25.38z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedropSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedropSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyedropSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/EyedropSharp.js"],"names":["EyedropSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"EyedropSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst EyedropSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 96.22a63.84 63.84 0 00-18.95-45.61 65 65 0 00-45.71-19h-.76a61.78 61.78 0 00-44.22 19.09l-74.88 74.88-33.88-33.86-34.07 33.91-33.85 34 44 44L32 409.37V480h70.63l205.7-205.71L352 317.94l11.31-11.19c.11-.1 10.42-10.31 22.79-22.68l33.85-34-33.89-33.89L461 141.23a63.18 63.18 0 0019-45.01zM245 292.35L219.65 267l40.68-40.69 25.38 25.38z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nEyedropSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nEyedropSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default EyedropSharp"]}
\ No newline at end of file
diff --git a/lib/FastFood.js b/lib/FastFood.js
index 9d251f063..8d6b6d021 100644
--- a/lib/FastFood.js
+++ b/lib/FastFood.js
@@ -48,7 +48,7 @@ var FastFood = function FastFood(props) {
 FastFood.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FastFood.js.map b/lib/FastFood.js.map
index b03afd8bb..639f1c6f7 100644
--- a/lib/FastFood.js.map
+++ b/lib/FastFood.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FastFood.js"],"names":["FastFood","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2nBAAR,GAAjK;AAAsyB,8CAAM,GAAE,0qBAAR;AAAtyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FastFood.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFood = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 128h.09M479.55 96h-91.06l8.92-35.66 38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 00-20.54-10.73l-47 16a16 16 0 00-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 128h2.75l1 8.66A8.3 8.3 0 00236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a123.4 123.4 0 0110.12 29.51 7.83 7.83 0 003.29 4.88 72 72 0 0126.38 86.43 7.92 7.92 0 00-.15 5.53A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80.12 80.12 0 01-28.78 21.67 8 8 0 00-4.21 4.37 108.19 108.19 0 01-17.37 29.86 2.5 2.5 0 001.9 4.11h49.21a48.22 48.22 0 0047.85-44.14L477.4 128h2.6a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\"/><path d=\"M108.69 320a23.87 23.87 0 0117 7l15.51 15.51a4 4 0 005.66 0L162.34 327a23.87 23.87 0 0117-7h196.58a8 8 0 008.08-7.92V312a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312a8 8 0 008 8zM185.94 352a8 8 0 00-5.66 2.34l-22.14 22.15a20 20 0 01-28.28 0l-22.14-22.15a8 8 0 00-5.66-2.34h-69.4a15.93 15.93 0 00-15.76 13.17A65.22 65.22 0 0016 376c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 26.13-.47 47.26-25.39 47.26-56a65.22 65.22 0 00-.9-10.83A15.93 15.93 0 00367.34 352z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFood.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFood.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFood"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FastFood.js"],"names":["FastFood","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2nBAAR,GAAhK;AAAsyB,8CAAM,GAAE,0qBAAR;AAAtyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FastFood.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFood = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 128h.09M479.55 96h-91.06l8.92-35.66 38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 00-20.54-10.73l-47 16a16 16 0 00-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 128h2.75l1 8.66A8.3 8.3 0 00236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a123.4 123.4 0 0110.12 29.51 7.83 7.83 0 003.29 4.88 72 72 0 0126.38 86.43 7.92 7.92 0 00-.15 5.53A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80.12 80.12 0 01-28.78 21.67 8 8 0 00-4.21 4.37 108.19 108.19 0 01-17.37 29.86 2.5 2.5 0 001.9 4.11h49.21a48.22 48.22 0 0047.85-44.14L477.4 128h2.6a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\" /><path d=\"M108.69 320a23.87 23.87 0 0117 7l15.51 15.51a4 4 0 005.66 0L162.34 327a23.87 23.87 0 0117-7h196.58a8 8 0 008.08-7.92V312a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312a8 8 0 008 8zM185.94 352a8 8 0 00-5.66 2.34l-22.14 22.15a20 20 0 01-28.28 0l-22.14-22.15a8 8 0 00-5.66-2.34h-69.4a15.93 15.93 0 00-15.76 13.17A65.22 65.22 0 0016 376c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 26.13-.47 47.26-25.39 47.26-56a65.22 65.22 0 00-.9-10.83A15.93 15.93 0 00367.34 352z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFood.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFood.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFood"]}
\ No newline at end of file
diff --git a/lib/FastFoodOutline.js b/lib/FastFoodOutline.js
index 1b00e8899..a288a96f7 100644
--- a/lib/FastFoodOutline.js
+++ b/lib/FastFoodOutline.js
@@ -51,7 +51,7 @@ var FastFoodOutline = function FastFoodOutline(props) {
 FastFoodOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FastFoodOutline.js.map b/lib/FastFoodOutline.js.map
index 0de6ab92a..90e3c4aca 100644
--- a/lib/FastFoodOutline.js.map
+++ b/lib/FastFoodOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FastFoodOutline.js"],"names":["FastFoodOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yKAAR,EAAkL,MAAK,MAAvL,EAA8L,QAAO,cAArM,EAAoN,eAAc,OAAlO,EAA0O,kBAAiB,IAA3P,EAAgQ,aAAY,IAA5Q,GAAjK;AAAmb,8CAAM,GAAE,iQAAR,EAA0Q,MAAK,MAA/Q,EAAsR,QAAO,cAA7R,EAA4S,eAAc,OAA1T,EAAkU,kBAAiB,IAAnV,EAAwV,aAAY,IAApW,GAAnb;AAA6xB,8CAAM,GAAE,+CAAR,EAAwD,MAAK,MAA7D,EAAoE,QAAO,cAA3E,EAA0F,eAAc,OAAxG,EAAgH,kBAAiB,IAAjI,EAAsI,aAAY,IAAlJ,GAA7xB;AAAq7B,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAr7B;AAAqjC,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG;AAArjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FastFoodOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFoodOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M322 416c0 35.35-20.65 64-56 64H134c-35.35 0-56-28.65-56-64M336 336c17.67 0 32 17.91 32 40h0c0 22.09-14.33 40-32 40H64c-17.67 0-32-17.91-32-40h0c0-22.09 14.33-40 32-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M344 336H179.31a8 8 0 00-5.65 2.34l-26.83 26.83a4 4 0 01-5.66 0l-26.83-26.83a8 8 0 00-5.65-2.34H56a24 24 0 01-24-24h0a24 24 0 0124-24h288a24 24 0 0124 24h0a24 24 0 01-24 24zM64 276v-.22c0-55 45-83.78 100-83.78h72c55 0 100 29 100 84v-.22M241 112l7.44 63.97\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 480h139.31a32 32 0 0031.91-29.61L463 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 112l16-64 47-16\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M224 112h256\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFoodOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFoodOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFoodOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FastFoodOutline.js"],"names":["FastFoodOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yKAAR,EAAkL,MAAK,MAAvL,EAA8L,QAAO,cAArM,EAAoN,eAAc,OAAlO,EAA0O,kBAAiB,IAA3P,EAAgQ,aAAY,IAA5Q,GAAhK;AAAmb,8CAAM,GAAE,iQAAR,EAA0Q,MAAK,MAA/Q,EAAsR,QAAO,cAA7R,EAA4S,eAAc,OAA1T,EAAkU,kBAAiB,IAAnV,EAAwV,aAAY,IAApW,GAAnb;AAA8xB,8CAAM,GAAE,+CAAR,EAAwD,MAAK,MAA7D,EAAoE,QAAO,cAA3E,EAA0F,eAAc,OAAxG,EAAgH,kBAAiB,IAAjI,EAAsI,aAAY,IAAlJ,GAA9xB;AAAu7B,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAv7B;AAAwjC,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG;AAAxjC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FastFoodOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFoodOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M322 416c0 35.35-20.65 64-56 64H134c-35.35 0-56-28.65-56-64M336 336c17.67 0 32 17.91 32 40h0c0 22.09-14.33 40-32 40H64c-17.67 0-32-17.91-32-40h0c0-22.09 14.33-40 32-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M344 336H179.31a8 8 0 00-5.65 2.34l-26.83 26.83a4 4 0 01-5.66 0l-26.83-26.83a8 8 0 00-5.65-2.34H56a24 24 0 01-24-24h0a24 24 0 0124-24h288a24 24 0 0124 24h0a24 24 0 01-24 24zM64 276v-.22c0-55 45-83.78 100-83.78h72c55 0 100 29 100 84v-.22M241 112l7.44 63.97\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 480h139.31a32 32 0 0031.91-29.61L463 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 112l16-64 47-16\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M224 112h256\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFoodOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFoodOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFoodOutline"]}
\ No newline at end of file
diff --git a/lib/FastFoodSharp.js b/lib/FastFoodSharp.js
index 3229c48fa..452c4d1de 100644
--- a/lib/FastFoodSharp.js
+++ b/lib/FastFoodSharp.js
@@ -48,7 +48,7 @@ var FastFoodSharp = function FastFoodSharp(props) {
 FastFoodSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FastFoodSharp.js.map b/lib/FastFoodSharp.js.map
index 494b487ca..0e2e1c4d4 100644
--- a/lib/FastFoodSharp.js.map
+++ b/lib/FastFoodSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FastFoodSharp.js"],"names":["FastFoodSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ybAAR,GAAjK;AAAomB,8CAAM,GAAE,qWAAR;AAApmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FastFoodSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFoodSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 352H184.36l-41 35-41-35H16v24c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 13.88-.25 26.35-7.4 35-18.63A61.26 61.26 0 00384 376zM105 320l38.33 28.19L182 320h202v-8a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312v8h89z\"/><path d=\"M463.08 96h-74.59l8.92-35.66L442 45l-10-29-62 20-14.49 60H208v32h18.75l1.86 16H236c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a124.16 124.16 0 0110.73 32.65 72 72 0 0127.89 90.9A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80 80 0 01-31.83 22.95 109.21 109.21 0 01-18.53 33c-1.18 1.42-2.39 2.81-3.63 4.15H416c16 0 23-8 25-23l36.4-345H496V96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFoodSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFoodSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFoodSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FastFoodSharp.js"],"names":["FastFoodSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ybAAR,GAAhK;AAAomB,8CAAM,GAAE,qWAAR;AAApmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FastFoodSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FastFoodSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 352H184.36l-41 35-41-35H16v24c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 13.88-.25 26.35-7.4 35-18.63A61.26 61.26 0 00384 376zM105 320l38.33 28.19L182 320h202v-8a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312v8h89z\" /><path d=\"M463.08 96h-74.59l8.92-35.66L442 45l-10-29-62 20-14.49 60H208v32h18.75l1.86 16H236c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a124.16 124.16 0 0110.73 32.65 72 72 0 0127.89 90.9A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80 80 0 01-31.83 22.95 109.21 109.21 0 01-18.53 33c-1.18 1.42-2.39 2.81-3.63 4.15H416c16 0 23-8 25-23l36.4-345H496V96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFastFoodSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFastFoodSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FastFoodSharp"]}
\ No newline at end of file
diff --git a/lib/Female.js b/lib/Female.js
index 4a04ab5c5..ba09e232b 100644
--- a/lib/Female.js
+++ b/lib/Female.js
@@ -47,7 +47,7 @@ var Female = function Female(props) {
 Female.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Female.js.map b/lib/Female.js.map
index 436593c51..f6e6f8f76 100644
--- a/lib/Female.js.map
+++ b/lib/Female.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Female.js"],"names":["Female","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Female.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Female = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 000 44h36v36a22 22 0 0044 0v-36h36a22 22 0 000-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemale.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Female"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Female.js"],"names":["Female","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Female.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Female = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 000 44h36v36a22 22 0 0044 0v-36h36a22 22 0 000-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemale.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Female"]}
\ No newline at end of file
diff --git a/lib/FemaleOutline.js b/lib/FemaleOutline.js
index 399f052ce..a78dd4430 100644
--- a/lib/FemaleOutline.js
+++ b/lib/FemaleOutline.js
@@ -48,7 +48,7 @@ var FemaleOutline = function FemaleOutline(props) {
 FemaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FemaleOutline.js.map b/lib/FemaleOutline.js.map
index bd4fed8ae..2db9a02fb 100644
--- a/lib/FemaleOutline.js.map
+++ b/lib/FemaleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FemaleOutline.js"],"names":["FemaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FemaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FemaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"184\" r=\"152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 336v144M314 416H198\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FemaleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FemaleOutline.js"],"names":["FemaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FemaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FemaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"184\" r=\"152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 336v144M314 416H198\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FemaleOutline"]}
\ No newline at end of file
diff --git a/lib/FemaleSharp.js b/lib/FemaleSharp.js
index 197eae3f6..45b9a34fd 100644
--- a/lib/FemaleSharp.js
+++ b/lib/FemaleSharp.js
@@ -47,7 +47,7 @@ var FemaleSharp = function FemaleSharp(props) {
 FemaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FemaleSharp.js.map b/lib/FemaleSharp.js.map
index 60927b8b0..fb6a7e40a 100644
--- a/lib/FemaleSharp.js.map
+++ b/lib/FemaleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FemaleSharp.js"],"names":["FemaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FemaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FemaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-58v44h58v58h44v-58h58v-44h-58v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FemaleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FemaleSharp.js"],"names":["FemaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FemaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FemaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-58v44h58v58h44v-58h58v-44h-58v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFemaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFemaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FemaleSharp"]}
\ No newline at end of file
diff --git a/lib/FileTray.js b/lib/FileTray.js
index ba5da58e4..2e891af33 100644
--- a/lib/FileTray.js
+++ b/lib/FileTray.js
@@ -47,7 +47,7 @@ var FileTray = function FileTray(props) {
 FileTray.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTray.js.map b/lib/FileTray.js.map
index 5fd624b01..07870df37 100644
--- a/lib/FileTray.js.map
+++ b/lib/FileTray.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTray.js"],"names":["FileTray","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FileTray.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTray = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTray.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTray.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTray"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTray.js"],"names":["FileTray","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FileTray.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTray = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTray.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTray.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTray"]}
\ No newline at end of file
diff --git a/lib/FileTrayFull.js b/lib/FileTrayFull.js
index 092ee8e0f..5fd1adceb 100644
--- a/lib/FileTrayFull.js
+++ b/lib/FileTrayFull.js
@@ -48,7 +48,7 @@ var FileTrayFull = function FileTrayFull(props) {
 FileTrayFull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayFull.js.map b/lib/FileTrayFull.js.map
index ea56d678d..be3453749 100644
--- a/lib/FileTrayFull.js.map
+++ b/lib/FileTrayFull.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayFull.js"],"names":["FileTrayFull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0bAAR,GAAjK;AAAqmB,8CAAM,GAAE,gGAAR;AAArmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FileTrayFull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z\"/><path d=\"M368 160H144a16 16 0 010-32h224a16 16 0 010 32zM384 224H128a16 16 0 010-32h256a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFull.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFull"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayFull.js"],"names":["FileTrayFull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0bAAR,GAAhK;AAAqmB,8CAAM,GAAE,gGAAR;AAArmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FileTrayFull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z\" /><path d=\"M368 160H144a16 16 0 010-32h224a16 16 0 010 32zM384 224H128a16 16 0 010-32h256a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFull.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFull"]}
\ No newline at end of file
diff --git a/lib/FileTrayFullOutline.js b/lib/FileTrayFullOutline.js
index b0a94b46d..539397254 100644
--- a/lib/FileTrayFullOutline.js
+++ b/lib/FileTrayFullOutline.js
@@ -48,7 +48,7 @@ var FileTrayFullOutline = function FileTrayFullOutline(props) {
 FileTrayFullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayFullOutline.js.map b/lib/FileTrayFullOutline.js.map
index 86ad95273..bb1317513 100644
--- a/lib/FileTrayFullOutline.js.map
+++ b/lib/FileTrayFullOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayFullOutline.js"],"names":["FileTrayFullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAjK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yEAAxG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"FileTrayFullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 272h144M320 272h144M192 272a64 64 0 00128 0M144 144h224M128 208h256\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFullOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFullOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayFullOutline.js"],"names":["FileTrayFullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAhK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yEAAxG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"FileTrayFullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 272h144M320 272h144M192 272a64 64 0 00128 0M144 144h224M128 208h256\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFullOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFullOutline"]}
\ No newline at end of file
diff --git a/lib/FileTrayFullSharp.js b/lib/FileTrayFullSharp.js
index a4f10acea..4e0310bb5 100644
--- a/lib/FileTrayFullSharp.js
+++ b/lib/FileTrayFullSharp.js
@@ -48,7 +48,7 @@ var FileTrayFullSharp = function FileTrayFullSharp(props) {
 FileTrayFullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayFullSharp.js.map b/lib/FileTrayFullSharp.js.map
index b7678571b..307e7295a 100644
--- a/lib/FileTrayFullSharp.js.map
+++ b/lib/FileTrayFullSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayFullSharp.js"],"names":["FileTrayFullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0CAAR,GAAjK;AAAqN,8CAAM,GAAE,4EAAR;AAArN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FileTrayFullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 128h256v38H128zM112 192h288v38H112z\"/><path d=\"M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFullSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFullSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayFullSharp.js"],"names":["FileTrayFullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0CAAR,GAAhK;AAAqN,8CAAM,GAAE,4EAAR;AAArN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FileTrayFullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayFullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 128h256v38H128zM112 192h288v38H112z\" /><path d=\"M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayFullSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayFullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayFullSharp"]}
\ No newline at end of file
diff --git a/lib/FileTrayOutline.js b/lib/FileTrayOutline.js
index 27d9acbb5..5f2b5bc47 100644
--- a/lib/FileTrayOutline.js
+++ b/lib/FileTrayOutline.js
@@ -48,7 +48,7 @@ var FileTrayOutline = function FileTrayOutline(props) {
 FileTrayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayOutline.js.map b/lib/FileTrayOutline.js.map
index 82204406e..fd8461d06 100644
--- a/lib/FileTrayOutline.js.map
+++ b/lib/FileTrayOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayOutline.js"],"names":["FileTrayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAjK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FileTrayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 272h144M320 272h144M192 272a64 64 0 00128 0\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayOutline.js"],"names":["FileTrayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,gBAAe,OAAnL,EAA2L,aAAY,IAAvM,GAAhK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FileTrayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 272h144M320 272h144M192 272a64 64 0 00128 0\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayOutline"]}
\ No newline at end of file
diff --git a/lib/FileTraySharp.js b/lib/FileTraySharp.js
index e2376d33d..b39c28e27 100644
--- a/lib/FileTraySharp.js
+++ b/lib/FileTraySharp.js
@@ -47,7 +47,7 @@ var FileTraySharp = function FileTraySharp(props) {
 FileTraySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTraySharp.js.map b/lib/FileTraySharp.js.map
index 1df4c21c7..9014bf925 100644
--- a/lib/FileTraySharp.js.map
+++ b/lib/FileTraySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTraySharp.js"],"names":["FileTraySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FileTraySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTraySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTraySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTraySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTraySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTraySharp.js"],"names":["FileTraySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FileTraySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTraySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTraySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTraySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTraySharp"]}
\ No newline at end of file
diff --git a/lib/FileTrayStacked.js b/lib/FileTrayStacked.js
index a940b7035..316827cf0 100644
--- a/lib/FileTrayStacked.js
+++ b/lib/FileTrayStacked.js
@@ -47,7 +47,7 @@ var FileTrayStacked = function FileTrayStacked(props) {
 FileTrayStacked.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayStacked.js.map b/lib/FileTrayStacked.js.map
index a320a5f22..dc9223009 100644
--- a/lib/FileTrayStacked.js.map
+++ b/lib/FileTrayStacked.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayStacked.js"],"names":["FileTrayStacked","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+kBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FileTrayStacked.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStacked = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 352H320a16 16 0 00-16 16 48 48 0 01-96 0 16 16 0 00-16-16H48a16 16 0 00-16 16v64a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64v-64a16 16 0 00-16-16zM479.46 187.88L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A15.9 15.9 0 0032 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a15.9 15.9 0 00-.54-4.12zM440.57 176H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 176H71.43a2 2 0 01-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 01-1.93 2.52z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStacked.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStacked.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStacked"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayStacked.js"],"names":["FileTrayStacked","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+kBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FileTrayStacked.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStacked = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 352H320a16 16 0 00-16 16 48 48 0 01-96 0 16 16 0 00-16-16H48a16 16 0 00-16 16v64a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64v-64a16 16 0 00-16-16zM479.46 187.88L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A15.9 15.9 0 0032 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a15.9 15.9 0 00-.54-4.12zM440.57 176H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 176H71.43a2 2 0 01-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 01-1.93 2.52z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStacked.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStacked.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStacked"]}
\ No newline at end of file
diff --git a/lib/FileTrayStackedOutline.js b/lib/FileTrayStackedOutline.js
index fddf7fe6e..13bb3312a 100644
--- a/lib/FileTrayStackedOutline.js
+++ b/lib/FileTrayStackedOutline.js
@@ -50,7 +50,7 @@ var FileTrayStackedOutline = function FileTrayStackedOutline(props) {
 FileTrayStackedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayStackedOutline.js.map b/lib/FileTrayStackedOutline.js.map
index 6fdb1b089..b2a873b65 100644
--- a/lib/FileTrayStackedOutline.js.map
+++ b/lib/FileTrayStackedOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayStackedOutline.js"],"names":["FileTrayStackedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I,GAAjK;AAAqT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG,GAArT;AAAgd,8CAAM,GAAE,uHAAR,EAAgI,MAAK,MAArI,EAA4I,QAAO,cAAnJ,EAAkK,gBAAe,OAAjL,EAAyL,aAAY,IAArM,GAAhd;AAA2pB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAA3pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"FileTrayStackedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStackedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 336v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 336h144M320 336h144M192 336a64 64 0 00128 0\"/><path d=\"M384 32H128c-26 0-43 14-48 40L48 192v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96L432 72c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 192h144M320 192h144M192 192a64 64 0 00128 0\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStackedOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStackedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStackedOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayStackedOutline.js"],"names":["FileTrayStackedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I,GAAhK;AAAqT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG,GAArT;AAAid,8CAAM,GAAE,uHAAR,EAAgI,MAAK,MAArI,EAA4I,QAAO,cAAnJ,EAAkK,gBAAe,OAAjL,EAAyL,aAAY,IAArM,GAAjd;AAA6pB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iDAAxG;AAA7pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"FileTrayStackedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStackedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 336v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 336h144M320 336h144M192 336a64 64 0 00128 0\" /><path d=\"M384 32H128c-26 0-43 14-48 40L48 192v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96L432 72c-5-27-23-40-48-40z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 192h144M320 192h144M192 192a64 64 0 00128 0\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStackedOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStackedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStackedOutline"]}
\ No newline at end of file
diff --git a/lib/FileTrayStackedSharp.js b/lib/FileTrayStackedSharp.js
index 043064c18..6e10db656 100644
--- a/lib/FileTrayStackedSharp.js
+++ b/lib/FileTrayStackedSharp.js
@@ -47,7 +47,7 @@ var FileTrayStackedSharp = function FileTrayStackedSharp(props) {
 FileTrayStackedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FileTrayStackedSharp.js.map b/lib/FileTrayStackedSharp.js.map
index 69858e598..a764761d1 100644
--- a/lib/FileTrayStackedSharp.js.map
+++ b/lib/FileTrayStackedSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FileTrayStackedSharp.js"],"names":["FileTrayStackedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"FileTrayStackedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStackedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 16H64L32 176v144h448V176zm-12 160H320a64 64 0 01-128 0H76L98 58h316zM320 352a64 64 0 01-128 0H32v144h448V352z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStackedSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStackedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStackedSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FileTrayStackedSharp.js"],"names":["FileTrayStackedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"FileTrayStackedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FileTrayStackedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 16H64L32 176v144h448V176zm-12 160H320a64 64 0 01-128 0H76L98 58h316zM320 352a64 64 0 01-128 0H32v144h448V352z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFileTrayStackedSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFileTrayStackedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FileTrayStackedSharp"]}
\ No newline at end of file
diff --git a/lib/Film.js b/lib/Film.js
index a14942b55..c91421415 100644
--- a/lib/Film.js
+++ b/lib/Film.js
@@ -47,7 +47,7 @@ var Film = function Film(props) {
 Film.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Film.js.map b/lib/Film.js.map
index fb6833389..9a5a64542 100644
--- a/lib/Film.js.map
+++ b/lib/Film.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Film.js"],"names":["Film","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,q0BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Film.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Film = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44zM112 388a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm241.68 124H158.32a16 16 0 010-32h195.36a16 16 0 110 32zM448 388a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilm.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Film"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Film.js"],"names":["Film","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,q0BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Film.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Film = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44zM112 388a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm241.68 124H158.32a16 16 0 010-32h195.36a16 16 0 110 32zM448 388a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilm.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Film"]}
\ No newline at end of file
diff --git a/lib/FilmOutline.js b/lib/FilmOutline.js
index b0dad7da7..0945d0025 100644
--- a/lib/FilmOutline.js
+++ b/lib/FilmOutline.js
@@ -57,7 +57,7 @@ var FilmOutline = function FilmOutline(props) {
 FilmOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilmOutline.js.map b/lib/FilmOutline.js.map
index 68a3e4f6f..fa0413f52 100644
--- a/lib/FilmOutline.js.map
+++ b/lib/FilmOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilmOutline.js"],"names":["FilmOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAzS;AAAib,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjb;AAAyjB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAzjB;AAAisB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAjsB;AAAw0B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAx0B;AAA+8B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA/8B;AAAslC,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAtlC;AAA6tC,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,IAA9C,EAAmD,IAAG,IAAtD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI,GAA7tC;AAAm2C,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAn2C;AAA4+C,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAA5+C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FilmOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilmOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"384\" y=\"336\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"384\" y=\"256\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"384\" y=\"176\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"384\" y=\"96\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"336\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"256\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"176\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"96\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"128\" y=\"96\" width=\"256\" height=\"160\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"128\" y=\"256\" width=\"256\" height=\"160\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilmOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilmOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilmOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilmOutline.js"],"names":["FilmOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAzS;AAAkb,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAlb;AAA2jB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAA3jB;AAAosB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAApsB;AAA40B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA50B;AAAo9B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAp9B;AAA4lC,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAA5lC;AAAouC,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,IAA9C,EAAmD,IAAG,IAAtD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,gBAAe,OAA5G,EAAoH,aAAY,IAAhI,GAApuC;AAA22C,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAA32C;AAAq/C,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAAr/C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FilmOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilmOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"384\" y=\"336\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"384\" y=\"256\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"384\" y=\"176\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"384\" y=\"96\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"336\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"256\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"176\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"96\" width=\"80\" height=\"80\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"128\" y=\"96\" width=\"256\" height=\"160\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"128\" y=\"256\" width=\"256\" height=\"160\" rx=\"28\" ry=\"28\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilmOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilmOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilmOutline"]}
\ No newline at end of file
diff --git a/lib/FilmSharp.js b/lib/FilmSharp.js
index 26d7d911f..2b0264719 100644
--- a/lib/FilmSharp.js
+++ b/lib/FilmSharp.js
@@ -47,7 +47,7 @@ var FilmSharp = function FilmSharp(props) {
 FilmSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilmSharp.js.map b/lib/FilmSharp.js.map
index 9092b34a8..42495cd9c 100644
--- a/lib/FilmSharp.js.map
+++ b/lib/FilmSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilmSharp.js"],"names":["FilmSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FilmSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilmSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 80H32v352h448zM112 352v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm256 160H144v-32h224zm80 80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilmSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilmSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilmSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilmSharp.js"],"names":["FilmSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FilmSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilmSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 80H32v352h448zM112 352v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm256 160H144v-32h224zm80 80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilmSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilmSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilmSharp"]}
\ No newline at end of file
diff --git a/lib/Filter.js b/lib/Filter.js
index f8cdaa714..f6b74af24 100644
--- a/lib/Filter.js
+++ b/lib/Filter.js
@@ -47,7 +47,7 @@ var Filter = function Filter(props) {
 Filter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Filter.js.map b/lib/Filter.js.map
index a3f9de73f..c263b7246 100644
--- a/lib/Filter.js.map
+++ b/lib/Filter.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Filter.js"],"names":["Filter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6IAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Filter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Filter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472 168H40a24 24 0 010-48h432a24 24 0 010 48zM392 280H120a24 24 0 010-48h272a24 24 0 010 48zM296 392h-80a24 24 0 010-48h80a24 24 0 010 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilter.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Filter"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Filter.js"],"names":["Filter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6IAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Filter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Filter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472 168H40a24 24 0 010-48h432a24 24 0 010 48zM392 280H120a24 24 0 010-48h272a24 24 0 010 48zM296 392h-80a24 24 0 010-48h80a24 24 0 010 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilter.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Filter"]}
\ No newline at end of file
diff --git a/lib/FilterCircle.js b/lib/FilterCircle.js
index 8bbde5795..41e14c648 100644
--- a/lib/FilterCircle.js
+++ b/lib/FilterCircle.js
@@ -47,7 +47,7 @@ var FilterCircle = function FilterCircle(props) {
 FilterCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilterCircle.js.map b/lib/FilterCircle.js.map
index e18df53de..59901755a 100644
--- a/lib/FilterCircle.js.map
+++ b/lib/FilterCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterCircle.js"],"names":["FilterCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FilterCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm32 304h-64a16 16 0 010-32h64a16 16 0 010 32zm48-64H176a16 16 0 010-32h160a16 16 0 010 32zm32-64H144a16 16 0 010-32h224a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilterCircle.js"],"names":["FilterCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FilterCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm32 304h-64a16 16 0 010-32h64a16 16 0 010 32zm48-64H176a16 16 0 010-32h160a16 16 0 010 32zm32-64H144a16 16 0 010-32h224a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircle"]}
\ No newline at end of file
diff --git a/lib/FilterCircleOutline.js b/lib/FilterCircleOutline.js
index 230d49cc3..4eb1c4b30 100644
--- a/lib/FilterCircleOutline.js
+++ b/lib/FilterCircleOutline.js
@@ -48,7 +48,7 @@ var FilterCircleOutline = function FilterCircleOutline(props) {
 FilterCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilterCircleOutline.js.map b/lib/FilterCircleOutline.js.map
index bebf20119..455626b6d 100644
--- a/lib/FilterCircleOutline.js.map
+++ b/lib/FilterCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterCircleOutline.js"],"names":["FilterCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,kBAAiB,IAA1E,EAA+E,GAAE,4EAAjF,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,eAAc,OAAvE,EAA+E,gBAAe,OAA9F,EAAsG,GAAE,qCAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"FilterCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeMiterlimit=\"10\" d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\"/><path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M144 208h224M176 272h160M224 336h64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilterCircleOutline.js"],"names":["FilterCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,kBAAiB,IAA1E,EAA+E,GAAE,4EAAjF,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,eAAc,OAAvE,EAA+E,gBAAe,OAA9F,EAAsG,GAAE,qCAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"FilterCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeMiterlimit=\"10\" d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" /><path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M144 208h224M176 272h160M224 336h64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircleOutline"]}
\ No newline at end of file
diff --git a/lib/FilterCircleSharp.js b/lib/FilterCircleSharp.js
index 8029a5b99..70bcb56ce 100644
--- a/lib/FilterCircleSharp.js
+++ b/lib/FilterCircleSharp.js
@@ -47,7 +47,7 @@ var FilterCircleSharp = function FilterCircleSharp(props) {
 FilterCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilterCircleSharp.js.map b/lib/FilterCircleSharp.js.map
index cc7c00100..203762bf5 100644
--- a/lib/FilterCircleSharp.js.map
+++ b/lib/FilterCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterCircleSharp.js"],"names":["FilterCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FilterCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 304h-96v-32h96zm48-64H160v-32h192zm32-64H128v-32h256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilterCircleSharp.js"],"names":["FilterCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FilterCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 304h-96v-32h96zm48-64H160v-32h192zm32-64H128v-32h256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterCircleSharp"]}
\ No newline at end of file
diff --git a/lib/FilterOutline.js b/lib/FilterOutline.js
index 6c9a8ccea..ab72fee50 100644
--- a/lib/FilterOutline.js
+++ b/lib/FilterOutline.js
@@ -47,7 +47,7 @@ var FilterOutline = function FilterOutline(props) {
 FilterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilterOutline.js.map b/lib/FilterOutline.js.map
index 8dd133684..82f17810f 100644
--- a/lib/FilterOutline.js.map
+++ b/lib/FilterOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterOutline.js"],"names":["FilterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FilterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 144h448M112 256h288M208 368h96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilterOutline.js"],"names":["FilterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FilterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 144h448M112 256h288M208 368h96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterOutline"]}
\ No newline at end of file
diff --git a/lib/FilterSharp.js b/lib/FilterSharp.js
index 45586186b..8647f07e6 100644
--- a/lib/FilterSharp.js
+++ b/lib/FilterSharp.js
@@ -47,7 +47,7 @@ var FilterSharp = function FilterSharp(props) {
 FilterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FilterSharp.js.map b/lib/FilterSharp.js.map
index 9853d6c37..6981c8a59 100644
--- a/lib/FilterSharp.js.map
+++ b/lib/FilterSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FilterSharp.js"],"names":["FilterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FilterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 120h480v48H16zM96 232h320v48H96zM192 344h128v48H192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FilterSharp.js"],"names":["FilterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FilterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FilterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 120h480v48H16zM96 232h320v48H96zM192 344h128v48H192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFilterSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFilterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FilterSharp"]}
\ No newline at end of file
diff --git a/lib/FingerPrint.js b/lib/FingerPrint.js
index e96d5eea3..467c6dfa9 100644
--- a/lib/FingerPrint.js
+++ b/lib/FingerPrint.js
@@ -50,7 +50,7 @@ var FingerPrint = function FingerPrint(props) {
 FingerPrint.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FingerPrint.js.map b/lib/FingerPrint.js.map
index 312938d98..bc81f33bf 100644
--- a/lib/FingerPrint.js.map
+++ b/lib/FingerPrint.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FingerPrint.js"],"names":["FingerPrint","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uSAAR,GAAjK;AAAkd,8CAAM,GAAE,06BAAR,GAAld;AAAs4C,8CAAM,GAAE,6dAAR,GAAt4C;AAA62D,8CAAM,GAAE,kkBAAR;AAA72D;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FingerPrint.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrint = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.28 202a15.29 15.29 0 01-7.7-2 14.84 14.84 0 01-5.52-20.46C69.34 147.36 128 72.25 256 72.25c55.47 0 104.12 14.57 144.53 43.29 33.26 23.57 51.9 50.25 60.78 63.1a14.79 14.79 0 01-4 20.79 15.52 15.52 0 01-21.24-4C420 172.32 371 102 256 102c-112.25 0-163 64.71-179.53 92.46A15 15 0 0163.28 202z\"/><path d=\"M320.49 496a15.31 15.31 0 01-3.79-.43c-92.85-23-127.52-115.82-128.93-119.68l-.22-.85c-.76-2.68-19.39-66.33 9.21-103.61 13.11-17 33.05-25.72 59.38-25.72 24.48 0 42.14 7.61 54.28 23.36 10 12.86 14 28.72 17.87 44 8.13 31.82 14 48.53 47.79 50.25 14.84.75 24.59-7.93 30.12-15.32 14.95-20.15 17.55-53 6.28-82C398 228.57 346.61 158 256 158c-38.68 0-74.22 12.43-102.72 35.79-23.59 19.35-42.28 46.67-51.28 74.75-16.69 52.28 5.2 134.46 5.41 135.21A14.83 14.83 0 0196.54 422a15.39 15.39 0 01-18.74-10.6c-1-3.75-24.38-91.4-5.1-151.82 21-65.47 85.81-131.47 183.33-131.47 45.07 0 87.65 15.32 123.19 44.25 27.52 22.5 50 52.72 61.76 82.93 14.95 38.57 10.94 81.86-10.19 110.14-14.08 18.86-34.13 28.72-56.34 27.65-57.86-2.9-68.26-43.29-75.84-72.75-7.8-30.22-12.79-44.79-42.58-44.79-16.36 0-27.85 4.5-35 13.82-9.75 12.75-10.51 32.68-9.43 47.14a152.44 152.44 0 005.1 29.79c2.38 6 33.37 82 107.59 100.39a14.88 14.88 0 0111 18.11 15.36 15.36 0 01-14.8 11.21z\"/><path d=\"M201.31 489.14a15.5 15.5 0 01-11.16-4.71c-37.16-39-58.18-82.61-66.09-137.14V347c-4.44-36.1 2.06-87.21 33.91-122.35 23.51-25.93 56.56-39.11 98.06-39.11 49.08 0 87.65 22.82 111.7 65.89 17.45 31.29 20.91 62.47 21 63.75a15.07 15.07 0 01-13.65 16.4 15.26 15.26 0 01-16.79-13.29A154 154 0 00340.43 265c-18.64-32.89-47-49.61-84.51-49.61-32.4 0-57.75 9.75-75.19 29-25.14 27.75-30 70.5-26.55 98.78 6.93 48.22 25.46 86.58 58.18 120.86a14.7 14.7 0 01-.76 21.11 15.44 15.44 0 01-10.29 4z\"/><path d=\"M372.5 446.18c-32.5 0-60.13-9-82.24-26.89-44.42-35.79-49.4-94.08-49.62-96.54a15.27 15.27 0 0130.45-2.36c.11.86 4.55 48.54 38.79 76 20.26 16.18 47.34 22.6 80.71 18.85a15.2 15.2 0 0116.91 13.18 14.92 14.92 0 01-13.44 16.5 187 187 0 01-21.56 1.26zM398.18 48.79C385.5 40.54 340.54 16 256 16c-88.74 0-133.81 27.11-143.78 34a11.59 11.59 0 00-1.84 1.4.36.36 0 01-.22.1 14.87 14.87 0 00-5.09 11.15 15.06 15.06 0 0015.31 14.85 15.56 15.56 0 008.88-2.79c.43-.32 39.22-28.82 126.77-28.82S382.58 74.29 383 74.5a15.25 15.25 0 009.21 3 15.06 15.06 0 0015.29-14.89 14.9 14.9 0 00-9.32-13.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrint.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrint"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FingerPrint.js"],"names":["FingerPrint","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uSAAR,GAAhK;AAAkd,8CAAM,GAAE,06BAAR,GAAld;AAAu4C,8CAAM,GAAE,6dAAR,GAAv4C;AAA+2D,8CAAM,GAAE,kkBAAR;AAA/2D;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FingerPrint.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrint = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.28 202a15.29 15.29 0 01-7.7-2 14.84 14.84 0 01-5.52-20.46C69.34 147.36 128 72.25 256 72.25c55.47 0 104.12 14.57 144.53 43.29 33.26 23.57 51.9 50.25 60.78 63.1a14.79 14.79 0 01-4 20.79 15.52 15.52 0 01-21.24-4C420 172.32 371 102 256 102c-112.25 0-163 64.71-179.53 92.46A15 15 0 0163.28 202z\" /><path d=\"M320.49 496a15.31 15.31 0 01-3.79-.43c-92.85-23-127.52-115.82-128.93-119.68l-.22-.85c-.76-2.68-19.39-66.33 9.21-103.61 13.11-17 33.05-25.72 59.38-25.72 24.48 0 42.14 7.61 54.28 23.36 10 12.86 14 28.72 17.87 44 8.13 31.82 14 48.53 47.79 50.25 14.84.75 24.59-7.93 30.12-15.32 14.95-20.15 17.55-53 6.28-82C398 228.57 346.61 158 256 158c-38.68 0-74.22 12.43-102.72 35.79-23.59 19.35-42.28 46.67-51.28 74.75-16.69 52.28 5.2 134.46 5.41 135.21A14.83 14.83 0 0196.54 422a15.39 15.39 0 01-18.74-10.6c-1-3.75-24.38-91.4-5.1-151.82 21-65.47 85.81-131.47 183.33-131.47 45.07 0 87.65 15.32 123.19 44.25 27.52 22.5 50 52.72 61.76 82.93 14.95 38.57 10.94 81.86-10.19 110.14-14.08 18.86-34.13 28.72-56.34 27.65-57.86-2.9-68.26-43.29-75.84-72.75-7.8-30.22-12.79-44.79-42.58-44.79-16.36 0-27.85 4.5-35 13.82-9.75 12.75-10.51 32.68-9.43 47.14a152.44 152.44 0 005.1 29.79c2.38 6 33.37 82 107.59 100.39a14.88 14.88 0 0111 18.11 15.36 15.36 0 01-14.8 11.21z\" /><path d=\"M201.31 489.14a15.5 15.5 0 01-11.16-4.71c-37.16-39-58.18-82.61-66.09-137.14V347c-4.44-36.1 2.06-87.21 33.91-122.35 23.51-25.93 56.56-39.11 98.06-39.11 49.08 0 87.65 22.82 111.7 65.89 17.45 31.29 20.91 62.47 21 63.75a15.07 15.07 0 01-13.65 16.4 15.26 15.26 0 01-16.79-13.29A154 154 0 00340.43 265c-18.64-32.89-47-49.61-84.51-49.61-32.4 0-57.75 9.75-75.19 29-25.14 27.75-30 70.5-26.55 98.78 6.93 48.22 25.46 86.58 58.18 120.86a14.7 14.7 0 01-.76 21.11 15.44 15.44 0 01-10.29 4z\" /><path d=\"M372.5 446.18c-32.5 0-60.13-9-82.24-26.89-44.42-35.79-49.4-94.08-49.62-96.54a15.27 15.27 0 0130.45-2.36c.11.86 4.55 48.54 38.79 76 20.26 16.18 47.34 22.6 80.71 18.85a15.2 15.2 0 0116.91 13.18 14.92 14.92 0 01-13.44 16.5 187 187 0 01-21.56 1.26zM398.18 48.79C385.5 40.54 340.54 16 256 16c-88.74 0-133.81 27.11-143.78 34a11.59 11.59 0 00-1.84 1.4.36.36 0 01-.22.1 14.87 14.87 0 00-5.09 11.15 15.06 15.06 0 0015.31 14.85 15.56 15.56 0 008.88-2.79c.43-.32 39.22-28.82 126.77-28.82S382.58 74.29 383 74.5a15.25 15.25 0 009.21 3 15.06 15.06 0 0015.29-14.89 14.9 14.9 0 00-9.32-13.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrint.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrint"]}
\ No newline at end of file
diff --git a/lib/FingerPrintOutline.js b/lib/FingerPrintOutline.js
index 804108d91..ace9fc7af 100644
--- a/lib/FingerPrintOutline.js
+++ b/lib/FingerPrintOutline.js
@@ -47,7 +47,7 @@ var FingerPrintOutline = function FingerPrintOutline(props) {
 FingerPrintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FingerPrintOutline.js.map b/lib/FingerPrintOutline.js.map
index 01cb31e0a..01ebba8c2 100644
--- a/lib/FingerPrintOutline.js.map
+++ b/lib/FingerPrintOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FingerPrintOutline.js"],"names":["FingerPrintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,o7DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"FingerPrintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M390.42 75.28a10.45 10.45 0 01-5.32-1.44C340.72 50.08 302.35 40 256.35 40c-45.77 0-89.23 11.28-128.76 33.84C122 77 115.11 74.8 111.87 69a12.4 12.4 0 014.63-16.32A281.81 281.81 0 01256.35 16c49.23 0 92.23 11.28 139.39 36.48a12 12 0 014.85 16.08 11.3 11.3 0 01-10.17 6.72zm-330.79 126a11.73 11.73 0 01-6.7-2.16 12.26 12.26 0 01-2.78-16.8c22.89-33.6 52-60 86.69-78.48 72.58-38.84 165.51-39.12 238.32-.24 34.68 18.48 63.8 44.64 86.69 78a12.29 12.29 0 01-2.78 16.8 11.26 11.26 0 01-16.18-2.88c-20.8-30.24-47.15-54-78.36-70.56-66.34-35.28-151.18-35.28-217.29.24-31.44 16.8-57.79 40.8-78.59 71a10 10 0 01-9.02 5.08zM204.1 491a10.66 10.66 0 01-8.09-3.6C175.9 466.48 165 453 149.55 424c-16-29.52-24.27-65.52-24.27-104.16 0-71.28 58.71-129.36 130.84-129.36S387 248.56 387 319.84a11.56 11.56 0 11-23.11 0c0-58.08-48.32-105.36-107.72-105.36S148.4 261.76 148.4 319.84c0 34.56 7.39 66.48 21.49 92.4 14.8 27.6 25 39.36 42.77 58.08a12.67 12.67 0 010 17 12.44 12.44 0 01-8.56 3.68zm165.75-44.4c-27.51 0-51.78-7.2-71.66-21.36a129.1 129.1 0 01-55-105.36 11.57 11.57 0 1123.12 0 104.28 104.28 0 0044.84 85.44c16.41 11.52 35.6 17 58.72 17a147.41 147.41 0 0024-2.4c6.24-1.2 12.25 3.12 13.4 9.84a11.92 11.92 0 01-9.47 13.92 152.28 152.28 0 01-27.95 2.88zM323.38 496a13 13 0 01-3-.48c-36.76-10.56-60.8-24.72-86-50.4-32.37-33.36-50.16-77.76-50.16-125.28 0-38.88 31.9-70.56 71.19-70.56s71.2 31.68 71.2 70.56c0 25.68 21.5 46.56 48.08 46.56s48.08-20.88 48.08-46.56c0-90.48-75.13-163.92-167.59-163.92-65.65 0-125.75 37.92-152.79 96.72-9 19.44-13.64 42.24-13.64 67.2 0 18.72 1.61 48.24 15.48 86.64 2.32 6.24-.69 13.2-6.7 15.36a11.34 11.34 0 01-14.79-7 276.39 276.39 0 01-16.88-95c0-28.8 5.32-55 15.72-77.76 30.75-67 98.94-110.4 173.6-110.4 105.18 0 190.71 84.24 190.71 187.92 0 38.88-31.9 70.56-71.2 70.56s-71.2-31.68-71.2-70.56c.01-25.68-21.49-46.6-48.07-46.6s-48.08 20.88-48.08 46.56c0 41 15.26 79.44 43.23 108.24 22 22.56 43 35 75.59 44.4 6.24 1.68 9.71 8.4 8.09 14.64a11.39 11.39 0 01-10.87 9.16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrintOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrintOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FingerPrintOutline.js"],"names":["FingerPrintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,o7DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"FingerPrintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M390.42 75.28a10.45 10.45 0 01-5.32-1.44C340.72 50.08 302.35 40 256.35 40c-45.77 0-89.23 11.28-128.76 33.84C122 77 115.11 74.8 111.87 69a12.4 12.4 0 014.63-16.32A281.81 281.81 0 01256.35 16c49.23 0 92.23 11.28 139.39 36.48a12 12 0 014.85 16.08 11.3 11.3 0 01-10.17 6.72zm-330.79 126a11.73 11.73 0 01-6.7-2.16 12.26 12.26 0 01-2.78-16.8c22.89-33.6 52-60 86.69-78.48 72.58-38.84 165.51-39.12 238.32-.24 34.68 18.48 63.8 44.64 86.69 78a12.29 12.29 0 01-2.78 16.8 11.26 11.26 0 01-16.18-2.88c-20.8-30.24-47.15-54-78.36-70.56-66.34-35.28-151.18-35.28-217.29.24-31.44 16.8-57.79 40.8-78.59 71a10 10 0 01-9.02 5.08zM204.1 491a10.66 10.66 0 01-8.09-3.6C175.9 466.48 165 453 149.55 424c-16-29.52-24.27-65.52-24.27-104.16 0-71.28 58.71-129.36 130.84-129.36S387 248.56 387 319.84a11.56 11.56 0 11-23.11 0c0-58.08-48.32-105.36-107.72-105.36S148.4 261.76 148.4 319.84c0 34.56 7.39 66.48 21.49 92.4 14.8 27.6 25 39.36 42.77 58.08a12.67 12.67 0 010 17 12.44 12.44 0 01-8.56 3.68zm165.75-44.4c-27.51 0-51.78-7.2-71.66-21.36a129.1 129.1 0 01-55-105.36 11.57 11.57 0 1123.12 0 104.28 104.28 0 0044.84 85.44c16.41 11.52 35.6 17 58.72 17a147.41 147.41 0 0024-2.4c6.24-1.2 12.25 3.12 13.4 9.84a11.92 11.92 0 01-9.47 13.92 152.28 152.28 0 01-27.95 2.88zM323.38 496a13 13 0 01-3-.48c-36.76-10.56-60.8-24.72-86-50.4-32.37-33.36-50.16-77.76-50.16-125.28 0-38.88 31.9-70.56 71.19-70.56s71.2 31.68 71.2 70.56c0 25.68 21.5 46.56 48.08 46.56s48.08-20.88 48.08-46.56c0-90.48-75.13-163.92-167.59-163.92-65.65 0-125.75 37.92-152.79 96.72-9 19.44-13.64 42.24-13.64 67.2 0 18.72 1.61 48.24 15.48 86.64 2.32 6.24-.69 13.2-6.7 15.36a11.34 11.34 0 01-14.79-7 276.39 276.39 0 01-16.88-95c0-28.8 5.32-55 15.72-77.76 30.75-67 98.94-110.4 173.6-110.4 105.18 0 190.71 84.24 190.71 187.92 0 38.88-31.9 70.56-71.2 70.56s-71.2-31.68-71.2-70.56c.01-25.68-21.49-46.6-48.07-46.6s-48.08 20.88-48.08 46.56c0 41 15.26 79.44 43.23 108.24 22 22.56 43 35 75.59 44.4 6.24 1.68 9.71 8.4 8.09 14.64a11.39 11.39 0 01-10.87 9.16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrintOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrintOutline"]}
\ No newline at end of file
diff --git a/lib/FingerPrintSharp.js b/lib/FingerPrintSharp.js
index d827ed7e1..0945947a9 100644
--- a/lib/FingerPrintSharp.js
+++ b/lib/FingerPrintSharp.js
@@ -50,7 +50,7 @@ var FingerPrintSharp = function FingerPrintSharp(props) {
 FingerPrintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FingerPrintSharp.js.map b/lib/FingerPrintSharp.js.map
index b87521b83..ca5e54b81 100644
--- a/lib/FingerPrintSharp.js.map
+++ b/lib/FingerPrintSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FingerPrintSharp.js"],"names":["FingerPrintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+SAAR,GAAjK;AAA0d,8CAAM,GAAE,23BAAR,GAA1d;AAA+1C,8CAAM,GAAE,6oBAAR,GAA/1C;AAAs/D,8CAAM,GAAE,mOAAR;AAAt/D;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"FingerPrintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M56.79 200.58l12.36 7.5 7.35-13.58C93.07 166.75 143.78 102 256 102c115 0 164 70.32 180.1 93.46l8.16 12.7L469.88 192l-8.54-13.36c-8.88-12.85-27.52-39.53-60.78-63.1C360.15 86.82 311.5 72.25 256 72.25c-128.07 0-186.69 75.11-206 107.25L42.63 192 54 198.86a14.09 14.09 0 001.63 1.1 12.57 12.57 0 001.16.62z\"/><path d=\"M379.22 172.32c-35.54-28.93-78.12-44.25-123.22-44.25-97.52 0-162.31 66-183.33 131.47C53.42 320 76.82 407.61 77.8 411.36l4.38 13.81 29.93-6.43-4.74-15c-.21-.75-22.1-82.93-5.41-135.21 9-28.08 27.73-55.4 51.35-74.79C181.81 170.39 217.35 158 256 158c90.58 0 141.93 70.61 156.45 108.11 11.27 28.93 8.67 61.82-6.28 82-5.53 7.39-15.28 16.07-30.12 15.32-33.81-1.72-39.66-18.43-47.79-50.25-3.9-15.32-7.9-31.18-17.87-44-12.14-15.75-29.8-23.36-54.28-23.36-26.33 0-46.27 8.68-59.38 25.72-28.6 37.28-10 100.93-9.21 103.61l.22.85c1.41 3.86 36.08 96.65 128.93 119.68l14.77 3.21 8.09-28.71-15.27-3.43c-74.22-18.43-105.21-94.39-107.59-100.39a152.44 152.44 0 01-5.1-29.79c-1.08-14.46-.32-34.39 9.43-47.14 7.15-9.32 18.64-13.82 35-13.82 29.79 0 34.78 14.57 42.58 44.79 7.58 29.46 18 69.85 75.84 72.75 22.21 1.07 42.26-8.79 56.34-27.65 21.13-28.28 25.14-71.57 10.19-110.14-11.68-30.36-34.21-60.54-61.73-83.04z\"/><path d=\"M154.18 343.21c-3.47-28.28 1.41-71 26.55-98.78 17.44-19.29 42.79-29 75.19-29 37.49 0 65.87 16.72 84.51 49.61a154 154 0 0117.88 53.25l1.43 14.69 30-2.2a112.63 112.63 0 00-1-15.6c-.11-1.28-3.57-32.46-21-63.75-24.06-43.11-62.63-65.93-111.74-65.93-41.5 0-74.55 13.18-98.06 39.11-31.85 35.14-38.35 86.25-33.91 122.35v.33c7.97 54.53 28.97 98.14 66.12 137.14l11.6 11.22 20.95-21.79-10.34-9.79c-32.72-34.28-51.25-72.64-58.18-120.86zM132.47 72.66c11.08-6.72 50.27-26.77 123.53-26.77 87.54 0 126.44 28.72 126.87 28.93l13.9 8.86L413 58.47l-13.22-8.56c-.52-.38-1.06-.76-1.6-1.12C385.5 40.54 340.54 16 256 16c-87.71 0-132.75 26.48-143.41 33.71L99 58.52l16.2 25.21z\"/><path d=\"M390.59 415.21c-33.37 3.75-60.45-2.67-80.71-18.85-34.24-27.43-38.68-75.11-38.79-76l-1.23-14.88-30.53 2.23 1.31 15c.22 2.46 5.2 60.75 49.62 96.54 22.11 17.89 49.74 26.89 82.24 26.89a187 187 0 0021.56-1.29l16.59-2.09-6.1-29.71z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrintSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrintSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FingerPrintSharp.js"],"names":["FingerPrintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+SAAR,GAAhK;AAA0d,8CAAM,GAAE,23BAAR,GAA1d;AAAg2C,8CAAM,GAAE,6oBAAR,GAAh2C;AAAw/D,8CAAM,GAAE,mOAAR;AAAx/D;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"FingerPrintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FingerPrintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M56.79 200.58l12.36 7.5 7.35-13.58C93.07 166.75 143.78 102 256 102c115 0 164 70.32 180.1 93.46l8.16 12.7L469.88 192l-8.54-13.36c-8.88-12.85-27.52-39.53-60.78-63.1C360.15 86.82 311.5 72.25 256 72.25c-128.07 0-186.69 75.11-206 107.25L42.63 192 54 198.86a14.09 14.09 0 001.63 1.1 12.57 12.57 0 001.16.62z\" /><path d=\"M379.22 172.32c-35.54-28.93-78.12-44.25-123.22-44.25-97.52 0-162.31 66-183.33 131.47C53.42 320 76.82 407.61 77.8 411.36l4.38 13.81 29.93-6.43-4.74-15c-.21-.75-22.1-82.93-5.41-135.21 9-28.08 27.73-55.4 51.35-74.79C181.81 170.39 217.35 158 256 158c90.58 0 141.93 70.61 156.45 108.11 11.27 28.93 8.67 61.82-6.28 82-5.53 7.39-15.28 16.07-30.12 15.32-33.81-1.72-39.66-18.43-47.79-50.25-3.9-15.32-7.9-31.18-17.87-44-12.14-15.75-29.8-23.36-54.28-23.36-26.33 0-46.27 8.68-59.38 25.72-28.6 37.28-10 100.93-9.21 103.61l.22.85c1.41 3.86 36.08 96.65 128.93 119.68l14.77 3.21 8.09-28.71-15.27-3.43c-74.22-18.43-105.21-94.39-107.59-100.39a152.44 152.44 0 01-5.1-29.79c-1.08-14.46-.32-34.39 9.43-47.14 7.15-9.32 18.64-13.82 35-13.82 29.79 0 34.78 14.57 42.58 44.79 7.58 29.46 18 69.85 75.84 72.75 22.21 1.07 42.26-8.79 56.34-27.65 21.13-28.28 25.14-71.57 10.19-110.14-11.68-30.36-34.21-60.54-61.73-83.04z\" /><path d=\"M154.18 343.21c-3.47-28.28 1.41-71 26.55-98.78 17.44-19.29 42.79-29 75.19-29 37.49 0 65.87 16.72 84.51 49.61a154 154 0 0117.88 53.25l1.43 14.69 30-2.2a112.63 112.63 0 00-1-15.6c-.11-1.28-3.57-32.46-21-63.75-24.06-43.11-62.63-65.93-111.74-65.93-41.5 0-74.55 13.18-98.06 39.11-31.85 35.14-38.35 86.25-33.91 122.35v.33c7.97 54.53 28.97 98.14 66.12 137.14l11.6 11.22 20.95-21.79-10.34-9.79c-32.72-34.28-51.25-72.64-58.18-120.86zM132.47 72.66c11.08-6.72 50.27-26.77 123.53-26.77 87.54 0 126.44 28.72 126.87 28.93l13.9 8.86L413 58.47l-13.22-8.56c-.52-.38-1.06-.76-1.6-1.12C385.5 40.54 340.54 16 256 16c-87.71 0-132.75 26.48-143.41 33.71L99 58.52l16.2 25.21z\" /><path d=\"M390.59 415.21c-33.37 3.75-60.45-2.67-80.71-18.85-34.24-27.43-38.68-75.11-38.79-76l-1.23-14.88-30.53 2.23 1.31 15c.22 2.46 5.2 60.75 49.62 96.54 22.11 17.89 49.74 26.89 82.24 26.89a187 187 0 0021.56-1.29l16.59-2.09-6.1-29.71z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFingerPrintSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFingerPrintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FingerPrintSharp"]}
\ No newline at end of file
diff --git a/lib/Fish.js b/lib/Fish.js
index a20332111..8d03ae5b3 100644
--- a/lib/Fish.js
+++ b/lib/Fish.js
@@ -48,7 +48,7 @@ var Fish = function Fish(props) {
 Fish.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Fish.js.map b/lib/Fish.js.map
index b307689fe..52333ebbe 100644
--- a/lib/Fish.js.map
+++ b/lib/Fish.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Fish.js"],"names":["Fish","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wRAAR,GAAjK;AAAmc,8CAAM,GAAE,muBAAR;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Fish.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Fish = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M512 256c0-16.54-14.27-46.76-45.61-74a207.06 207.06 0 00-60.28-36.12 3.15 3.15 0 00-3.93 1.56c-.15.29-.3.57-.47.86l-9.59 15.9a183.24 183.24 0 00.07 183.78l.23.39 8.74 16a4 4 0 004.94 1.82C479.63 337.42 512 281.49 512 256zm-93.92-.14a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z\"/><path d=\"M335.45 256a214.8 214.8 0 0129.08-108l.12-.21 4.62-7.67a4 4 0 00-2.59-6 284.29 284.29 0 00-39.26-5.39 7.94 7.94 0 01-4.29-1.6c-19.28-14.66-57.5-40.3-96.46-46.89a16 16 0 00-18 20.18l10.62 37.17a4 4 0 01-2.42 4.84c-36.85 13.69-68.59 38.75-91.74 57.85a8 8 0 01-10.06.06q-4.72-3.75-9.69-7.39c-39.64-28.95-86.21-32.76-88.17-32.9a16 16 0 00-16.83 19.4c.42 1.93 9.19 40.69 31.7 71.61a8.09 8.09 0 010 9.55C9.57 291.52.8 330.29.38 332.22a16 16 0 0016.83 19.4c2-.14 48.53-4 88.12-32.88q4.85-3.56 9.47-7.22a8 8 0 0110.06.07c23.25 19.19 55.05 44.28 92 58a4 4 0 012.42 4.83l-10.66 37.18a16 16 0 0018 20.18c17.16-2.9 51.88-12.86 96.05-46.83a8.15 8.15 0 014.36-1.65 287.36 287.36 0 0039.22-5.3 4 4 0 002.69-5.83l-4.51-8.29A214.81 214.81 0 01335.45 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFish.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFish.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Fish"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Fish.js"],"names":["Fish","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wRAAR,GAAhK;AAAmc,8CAAM,GAAE,muBAAR;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Fish.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Fish = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M512 256c0-16.54-14.27-46.76-45.61-74a207.06 207.06 0 00-60.28-36.12 3.15 3.15 0 00-3.93 1.56c-.15.29-.3.57-.47.86l-9.59 15.9a183.24 183.24 0 00.07 183.78l.23.39 8.74 16a4 4 0 004.94 1.82C479.63 337.42 512 281.49 512 256zm-93.92-.14a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z\" /><path d=\"M335.45 256a214.8 214.8 0 0129.08-108l.12-.21 4.62-7.67a4 4 0 00-2.59-6 284.29 284.29 0 00-39.26-5.39 7.94 7.94 0 01-4.29-1.6c-19.28-14.66-57.5-40.3-96.46-46.89a16 16 0 00-18 20.18l10.62 37.17a4 4 0 01-2.42 4.84c-36.85 13.69-68.59 38.75-91.74 57.85a8 8 0 01-10.06.06q-4.72-3.75-9.69-7.39c-39.64-28.95-86.21-32.76-88.17-32.9a16 16 0 00-16.83 19.4c.42 1.93 9.19 40.69 31.7 71.61a8.09 8.09 0 010 9.55C9.57 291.52.8 330.29.38 332.22a16 16 0 0016.83 19.4c2-.14 48.53-4 88.12-32.88q4.85-3.56 9.47-7.22a8 8 0 0110.06.07c23.25 19.19 55.05 44.28 92 58a4 4 0 012.42 4.83l-10.66 37.18a16 16 0 0018 20.18c17.16-2.9 51.88-12.86 96.05-46.83a8.15 8.15 0 014.36-1.65 287.36 287.36 0 0039.22-5.3 4 4 0 002.69-5.83l-4.51-8.29A214.81 214.81 0 01335.45 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFish.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFish.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Fish"]}
\ No newline at end of file
diff --git a/lib/FishOutline.js b/lib/FishOutline.js
index 4df79e7ee..331ad9ff7 100644
--- a/lib/FishOutline.js
+++ b/lib/FishOutline.js
@@ -49,7 +49,7 @@ var FishOutline = function FishOutline(props) {
 FishOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FishOutline.js.map b/lib/FishOutline.js.map
index b784186f0..ece680b61 100644
--- a/lib/FishOutline.js.map
+++ b/lib/FishOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FishOutline.js"],"names":["FishOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,gBAAe,OAAxE,EAAgF,GAAE,0XAAlF,GAAjK;AAA+mB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B,GAA/mB;AAAopB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,eAAc,OAAvE,EAA+E,kBAAiB,IAAhG,EAAqG,GAAE,qCAAvG;AAAppB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FishOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FishOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinejoin=\"round\" d=\"M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261.14 261.14 0 00-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259.18 259.18 0 0023.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96z\"/><circle cx=\"416\" cy=\"239.99\" r=\"16\"/><path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinecap=\"round\" strokeMiterlimit=\"20\" d=\"M378.37 356a199.22 199.22 0 010-200\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFishOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFishOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FishOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FishOutline.js"],"names":["FishOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,gBAAe,OAAxE,EAAgF,GAAE,0XAAlF,GAAhK;AAA+mB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B,GAA/mB;AAAqpB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,aAAY,IAApD,EAAyD,eAAc,OAAvE,EAA+E,kBAAiB,IAAhG,EAAqG,GAAE,qCAAvG;AAArpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FishOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FishOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinejoin=\"round\" d=\"M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261.14 261.14 0 00-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259.18 259.18 0 0023.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96z\" /><circle cx=\"416\" cy=\"239.99\" r=\"16\" /><path fill=\"none\" stroke=\"currentColor\" strokeWidth=\"32\" strokeLinecap=\"round\" strokeMiterlimit=\"20\" d=\"M378.37 356a199.22 199.22 0 010-200\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFishOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFishOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FishOutline"]}
\ No newline at end of file
diff --git a/lib/FishSharp.js b/lib/FishSharp.js
index bf6658c06..71996ba24 100644
--- a/lib/FishSharp.js
+++ b/lib/FishSharp.js
@@ -48,7 +48,7 @@ var FishSharp = function FishSharp(props) {
 FishSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FishSharp.js.map b/lib/FishSharp.js.map
index 9dcba554f..a42cc9084 100644
--- a/lib/FishSharp.js.map
+++ b/lib/FishSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FishSharp.js"],"names":["FishSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mhBAAR,GAAjK;AAA8rB,8CAAM,GAAE,mQAAR;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FishSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FishSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.45 256a214.83 214.83 0 0129.08-108l7.62-13.26a280.69 280.69 0 00-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.27 284.27 0 0049.32-7.23l-7.91-13.18A214.92 214.92 0 01335.45 256z\"/><path d=\"M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.82 209.82 0 00-62-37L392.23 164a183.22 183.22 0 00-.09 183.87l11.75 19.57a209.26 209.26 0 0061.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25zM416 256a16 16 0 1116-16 16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFishSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFishSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FishSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FishSharp.js"],"names":["FishSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mhBAAR,GAAhK;AAA8rB,8CAAM,GAAE,mQAAR;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FishSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FishSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M335.45 256a214.83 214.83 0 0129.08-108l7.62-13.26a280.69 280.69 0 00-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.27 284.27 0 0049.32-7.23l-7.91-13.18A214.92 214.92 0 01335.45 256z\" /><path d=\"M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.82 209.82 0 00-62-37L392.23 164a183.22 183.22 0 00-.09 183.87l11.75 19.57a209.26 209.26 0 0061.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25zM416 256a16 16 0 1116-16 16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFishSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFishSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FishSharp"]}
\ No newline at end of file
diff --git a/lib/Fitness.js b/lib/Fitness.js
index ae9f26044..517fafc6f 100644
--- a/lib/Fitness.js
+++ b/lib/Fitness.js
@@ -48,7 +48,7 @@ var Fitness = function Fitness(props) {
 Fitness.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Fitness.js.map b/lib/Fitness.js.map
index 98c49a821..440ef3436 100644
--- a/lib/Fitness.js.map
+++ b/lib/Fitness.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Fitness.js"],"names":["Fitness","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wRAAR,GAAjK;AAAmc,8CAAM,GAAE,gbAAR;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Fitness.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Fitness = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M193.69 152.84a16 16 0 0129.64 2.56l36.4 121.36 30-59.92a16 16 0 0128.62 0L345.89 272h96.76A213.08 213.08 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65A211.13 211.13 0 0056.93 240h93.18z\"/><path d=\"M321.69 295.16L304 259.78l-33.69 67.38A16 16 0 01256 336q-.67 0-1.38-.06a16 16 0 01-14-11.34l-36.4-121.36-30 59.92A16 16 0 01160 272H69.35q14 29.29 37.27 57.66c18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81a316.79 316.79 0 0019-25.66H336a16 16 0 01-14.31-8.84zM464 272h-21.35a260.11 260.11 0 01-18.25 32H464a16 16 0 000-32zM48 240a16 16 0 000 32h21.35a225.22 225.22 0 01-12.42-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitness.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitness.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Fitness"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Fitness.js"],"names":["Fitness","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wRAAR,GAAhK;AAAmc,8CAAM,GAAE,gbAAR;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Fitness.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Fitness = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M193.69 152.84a16 16 0 0129.64 2.56l36.4 121.36 30-59.92a16 16 0 0128.62 0L345.89 272h96.76A213.08 213.08 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65A211.13 211.13 0 0056.93 240h93.18z\" /><path d=\"M321.69 295.16L304 259.78l-33.69 67.38A16 16 0 01256 336q-.67 0-1.38-.06a16 16 0 01-14-11.34l-36.4-121.36-30 59.92A16 16 0 01160 272H69.35q14 29.29 37.27 57.66c18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81a316.79 316.79 0 0019-25.66H336a16 16 0 01-14.31-8.84zM464 272h-21.35a260.11 260.11 0 01-18.25 32H464a16 16 0 000-32zM48 240a16 16 0 000 32h21.35a225.22 225.22 0 01-12.42-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitness.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitness.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Fitness"]}
\ No newline at end of file
diff --git a/lib/FitnessOutline.js b/lib/FitnessOutline.js
index 96dde4fd2..3122ddc26 100644
--- a/lib/FitnessOutline.js
+++ b/lib/FitnessOutline.js
@@ -48,7 +48,7 @@ var FitnessOutline = function FitnessOutline(props) {
 FitnessOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FitnessOutline.js.map b/lib/FitnessOutline.js.map
index 86f1d41eb..5bf0ed698 100644
--- a/lib/FitnessOutline.js.map
+++ b/lib/FitnessOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FitnessOutline.js"],"names":["FitnessOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT,GAAjK;AAAyd,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAzd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"FitnessOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FitnessOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 256h112l48-96 48 160 48-96 32 64h128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitnessOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitnessOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FitnessOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FitnessOutline.js"],"names":["FitnessOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT,GAAhK;AAAyd,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAzd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"FitnessOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FitnessOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 256h112l48-96 48 160 48-96 32 64h128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitnessOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitnessOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FitnessOutline"]}
\ No newline at end of file
diff --git a/lib/FitnessSharp.js b/lib/FitnessSharp.js
index a0263cba5..8f4104c2d 100644
--- a/lib/FitnessSharp.js
+++ b/lib/FitnessSharp.js
@@ -49,7 +49,7 @@ var FitnessSharp = function FitnessSharp(props) {
 FitnessSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FitnessSharp.js.map b/lib/FitnessSharp.js.map
index 0f28384da..895dbb9bf 100644
--- a/lib/FitnessSharp.js.map
+++ b/lib/FitnessSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FitnessSharp.js"],"names":["FitnessSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4FAAR,GAAjK;AAAuQ,8CAAM,GAAE,qMAAR,GAAvQ;AAAsd,8CAAM,GAAE,gPAAR;AAAtd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FitnessSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FitnessSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 272h-37.34a261.41 261.41 0 01-18.25 32H480zM32 240v32h37.34a225.1 225.1 0 01-12.4-32z\"/><path d=\"M304 259.78l-51.73 103.46-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32A322.78 322.78 0 00424.41 304h-98.3z\"/><path d=\"M211.73 116.76l48 160L304 188.22 345.89 272h96.77A213.13 213.13 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65A211.23 211.23 0 0056.94 240h93.17z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitnessSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitnessSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FitnessSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FitnessSharp.js"],"names":["FitnessSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4FAAR,GAAhK;AAAuQ,8CAAM,GAAE,qMAAR,GAAvQ;AAAud,8CAAM,GAAE,gPAAR;AAAvd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FitnessSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FitnessSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 272h-37.34a261.41 261.41 0 01-18.25 32H480zM32 240v32h37.34a225.1 225.1 0 01-12.4-32z\" /><path d=\"M304 259.78l-51.73 103.46-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32A322.78 322.78 0 00424.41 304h-98.3z\" /><path d=\"M211.73 116.76l48 160L304 188.22 345.89 272h96.77A213.13 213.13 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65A211.23 211.23 0 0056.94 240h93.17z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFitnessSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFitnessSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FitnessSharp"]}
\ No newline at end of file
diff --git a/lib/Flag.js b/lib/Flag.js
index f1cfe2210..488ab45ba 100644
--- a/lib/Flag.js
+++ b/lib/Flag.js
@@ -47,7 +47,7 @@ var Flag = function Flag(props) {
 Flag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flag.js.map b/lib/Flag.js.map
index 305cc6f24..a5f8aa6e4 100644
--- a/lib/Flag.js.map
+++ b/lib/Flag.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flag.js"],"names":["Flag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Flag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 480a16 16 0 01-16-16V68.13a24 24 0 0111.9-20.72C88 40.38 112.38 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80a183.84 183.84 0 0071-14.5 18 18 0 0125 16.58v219.36a20 20 0 01-12 18.31c-8.71 3.81-40.51 16.25-84 16.25-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-55.74 5.58-64 9.11V464a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlag.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flag"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flag.js"],"names":["Flag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Flag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 480a16 16 0 01-16-16V68.13a24 24 0 0111.9-20.72C88 40.38 112.38 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80a183.84 183.84 0 0071-14.5 18 18 0 0125 16.58v219.36a20 20 0 01-12 18.31c-8.71 3.81-40.51 16.25-84 16.25-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-55.74 5.58-64 9.11V464a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlag.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flag"]}
\ No newline at end of file
diff --git a/lib/FlagOutline.js b/lib/FlagOutline.js
index 7c1b9bd62..9667602ca 100644
--- a/lib/FlagOutline.js
+++ b/lib/FlagOutline.js
@@ -47,7 +47,7 @@ var FlagOutline = function FlagOutline(props) {
 FlagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlagOutline.js.map b/lib/FlagOutline.js.map
index d3f7fc332..2b428593f 100644
--- a/lib/FlagOutline.js.map
+++ b/lib/FlagOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlagOutline.js"],"names":["FlagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wNAAR,EAAiO,MAAK,MAAtO,EAA6O,QAAO,cAApP,EAAmQ,eAAc,OAAjR,EAAyR,kBAAiB,IAA1S,EAA+S,aAAY,IAA3T;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FlagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 464V68.14a8 8 0 014-6.9C91.81 56.66 112.92 48 160 48c64 0 145 48 192 48a199.53 199.53 0 0077.23-15.77 2 2 0 012.77 1.85v219.36a4 4 0 01-2.39 3.65C421.37 308.7 392.33 320 352 320c-48 0-128-32-192-32s-80 16-80 16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlagOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlagOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlagOutline.js"],"names":["FlagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wNAAR,EAAiO,MAAK,MAAtO,EAA6O,QAAO,cAApP,EAAmQ,eAAc,OAAjR,EAAyR,kBAAiB,IAA1S,EAA+S,aAAY,IAA3T;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FlagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 464V68.14a8 8 0 014-6.9C91.81 56.66 112.92 48 160 48c64 0 145 48 192 48a199.53 199.53 0 0077.23-15.77 2 2 0 012.77 1.85v219.36a4 4 0 01-2.39 3.65C421.37 308.7 392.33 320 352 320c-48 0-128-32-192-32s-80 16-80 16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlagOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlagOutline"]}
\ No newline at end of file
diff --git a/lib/FlagSharp.js b/lib/FlagSharp.js
index e6b8be8ad..5b76815d1 100644
--- a/lib/FlagSharp.js
+++ b/lib/FlagSharp.js
@@ -47,7 +47,7 @@ var FlagSharp = function FlagSharp(props) {
 FlagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlagSharp.js.map b/lib/FlagSharp.js.map
index 8b11be7dd..03c6bcbfd 100644
--- a/lib/FlagSharp.js.map
+++ b/lib/FlagSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlagSharp.js"],"names":["FlagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FlagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M102 480H64V57.37l4.69-4.68C72.14 49.23 92.78 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80c42.83 0 72.72-14.25 73-14.4l23-11.14v259.43l-8.84 4.42C437.71 319 403.19 336 352 336c-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-49.74 5.58-58 9.11z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlagSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlagSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlagSharp.js"],"names":["FlagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"FlagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M102 480H64V57.37l4.69-4.68C72.14 49.23 92.78 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80c42.83 0 72.72-14.25 73-14.4l23-11.14v259.43l-8.84 4.42C437.71 319 403.19 336 352 336c-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-49.74 5.58-58 9.11z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlagSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlagSharp"]}
\ No newline at end of file
diff --git a/lib/Flame.js b/lib/Flame.js
index 1d7774b6a..445d4a1d1 100644
--- a/lib/Flame.js
+++ b/lib/Flame.js
@@ -47,7 +47,7 @@ var Flame = function Flame(props) {
 Flame.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flame.js.map b/lib/Flame.js.map
index f753474f7..bd63ed0ea 100644
--- a/lib/Flame.js.map
+++ b/lib/Flame.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flame.js"],"names":["Flame","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4dAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flame.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flame = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlame.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlame.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flame"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flame.js"],"names":["Flame","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4dAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flame.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flame = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlame.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlame.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flame"]}
\ No newline at end of file
diff --git a/lib/FlameOutline.js b/lib/FlameOutline.js
index e49b59b4c..a043d8738 100644
--- a/lib/FlameOutline.js
+++ b/lib/FlameOutline.js
@@ -48,7 +48,7 @@ var FlameOutline = function FlameOutline(props) {
 FlameOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlameOutline.js.map b/lib/FlameOutline.js.map
index 4b679dbb9..0c3ae68e7 100644
--- a/lib/FlameOutline.js.map
+++ b/lib/FlameOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlameOutline.js"],"names":["FlameOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,eAAc,OAA/H,EAAuI,gBAAe,OAAtJ,EAA8J,aAAY,IAA1K,GAAjK;AAAiV,8CAAM,GAAE,iFAAR,EAA0F,MAAK,MAA/F,EAAsG,QAAO,cAA7G,EAA4H,eAAc,OAA1I,EAAkJ,gBAAe,OAAjK,EAAyK,aAAY,IAArL;AAAjV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlameOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlameOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 320c0-93 124-165 96-272 66 0 192 96 192 272a144 144 0 01-288 0z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M320 368c0 57.71-32 80-64 80s-64-22.29-64-80 40-86 32-128c42 0 96 70.29 96 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlameOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlameOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlameOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlameOutline.js"],"names":["FlameOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,eAAc,OAA/H,EAAuI,gBAAe,OAAtJ,EAA8J,aAAY,IAA1K,GAAhK;AAAiV,8CAAM,GAAE,iFAAR,EAA0F,MAAK,MAA/F,EAAsG,QAAO,cAA7G,EAA4H,eAAc,OAA1I,EAAkJ,gBAAe,OAAjK,EAAyK,aAAY,IAArL;AAAjV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlameOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlameOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 320c0-93 124-165 96-272 66 0 192 96 192 272a144 144 0 01-288 0z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M320 368c0 57.71-32 80-64 80s-64-22.29-64-80 40-86 32-128c42 0 96 70.29 96 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlameOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlameOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlameOutline"]}
\ No newline at end of file
diff --git a/lib/FlameSharp.js b/lib/FlameSharp.js
index 1937fff7d..3faa83474 100644
--- a/lib/FlameSharp.js
+++ b/lib/FlameSharp.js
@@ -47,7 +47,7 @@ var FlameSharp = function FlameSharp(props) {
 FlameSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlameSharp.js.map b/lib/FlameSharp.js.map
index da071da75..60b50521a 100644
--- a/lib/FlameSharp.js.map
+++ b/lib/FlameSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlameSharp.js"],"names":["FlameSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gcAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlameSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlameSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394.24 197.56a300.67 300.67 0 00-53.38-90C301.2 61.65 240 32 192 32c19 70-14.36 117.12-44.79 163.77C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.76-122.44zM288.33 418.69C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 6.48-14.07 14.66-27.22 15.11-44.49 11.3 5.88 23.67 16.91 34.54 31.28 18.17 24 29 52.42 29 76 .01 22.23-5.41 39.76-15.66 50.68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlameSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlameSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlameSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlameSharp.js"],"names":["FlameSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gcAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlameSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlameSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394.24 197.56a300.67 300.67 0 00-53.38-90C301.2 61.65 240 32 192 32c19 70-14.36 117.12-44.79 163.77C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.76-122.44zM288.33 418.69C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 6.48-14.07 14.66-27.22 15.11-44.49 11.3 5.88 23.67 16.91 34.54 31.28 18.17 24 29 52.42 29 76 .01 22.23-5.41 39.76-15.66 50.68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlameSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlameSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlameSharp"]}
\ No newline at end of file
diff --git a/lib/Flash.js b/lib/Flash.js
index e432ab37e..1a18735b7 100644
--- a/lib/Flash.js
+++ b/lib/Flash.js
@@ -47,7 +47,7 @@ var Flash = function Flash(props) {
 Flash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flash.js.map b/lib/Flash.js.map
index 4b55aa618..ef2c2e858 100644
--- a/lib/Flash.js.map
+++ b/lib/Flash.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flash.js"],"names":["Flash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M194.82 496a18.36 18.36 0 01-18.1-21.53v-.11L204.83 320H96a16 16 0 01-12.44-26.06L302.73 23a18.45 18.45 0 0132.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0112.44 26.06L209.24 489a18.45 18.45 0 01-14.42 7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlash.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flash"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flash.js"],"names":["Flash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M194.82 496a18.36 18.36 0 01-18.1-21.53v-.11L204.83 320H96a16 16 0 01-12.44-26.06L302.73 23a18.45 18.45 0 0132.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0112.44 26.06L209.24 489a18.45 18.45 0 01-14.42 7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlash.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flash"]}
\ No newline at end of file
diff --git a/lib/FlashOff.js b/lib/FlashOff.js
index 7e665f8ef..840d543ac 100644
--- a/lib/FlashOff.js
+++ b/lib/FlashOff.js
@@ -47,7 +47,7 @@ var FlashOff = function FlashOff(props) {
 FlashOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashOff.js.map b/lib/FlashOff.js.map
index 07cc64264..b20852e54 100644
--- a/lib/FlashOff.js.map
+++ b/lib/FlashOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashOff.js"],"names":["FlashOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8cAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FlashOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM431.5 204a16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.29 5.35l151 151a4 4 0 005.94-.31l60.8-75.16A16.37 16.37 0 00431.5 204zM301.57 369.19l-151-151a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashOff.js"],"names":["FlashOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8cAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"FlashOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM431.5 204a16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.29 5.35l151 151a4 4 0 005.94-.31l60.8-75.16A16.37 16.37 0 00431.5 204zM301.57 369.19l-151-151a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOff"]}
\ No newline at end of file
diff --git a/lib/FlashOffOutline.js b/lib/FlashOffOutline.js
index ef925d065..85f5248d2 100644
--- a/lib/FlashOffOutline.js
+++ b/lib/FlashOffOutline.js
@@ -47,7 +47,7 @@ var FlashOffOutline = function FlashOffOutline(props) {
 FlashOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashOffOutline.js.map b/lib/FlashOffOutline.js.map
index 3906bdccb..9f226943b 100644
--- a/lib/FlashOffOutline.js.map
+++ b/lib/FlashOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashOffOutline.js"],"names":["FlashOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mtBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FlashOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM294.34 84.28l-22.08 120.84a16 16 0 006.17 15.71 16.49 16.49 0 009.93 3.17h94.12l-38.37 47.42a4 4 0 00.28 5.34l17.07 17.07a4 4 0 005.94-.31l60.8-75.16a16.37 16.37 0 003.3-14.36 16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.28 5.35l17.07 17.06a4 4 0 005.94-.31zM217.78 427.57l22-120.71a16 16 0 00-6.19-15.7 16.54 16.54 0 00-9.92-3.16h-94.1l38.36-47.42a4 4 0 00-.28-5.34l-17.07-17.07a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35l-17.07-17.06a4 4 0 00-5.94.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashOffOutline.js"],"names":["FlashOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mtBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FlashOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM294.34 84.28l-22.08 120.84a16 16 0 006.17 15.71 16.49 16.49 0 009.93 3.17h94.12l-38.37 47.42a4 4 0 00.28 5.34l17.07 17.07a4 4 0 005.94-.31l60.8-75.16a16.37 16.37 0 003.3-14.36 16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.28 5.35l17.07 17.06a4 4 0 005.94-.31zM217.78 427.57l22-120.71a16 16 0 00-6.19-15.7 16.54 16.54 0 00-9.92-3.16h-94.1l38.36-47.42a4 4 0 00-.28-5.34l-17.07-17.07a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35l-17.07-17.06a4 4 0 00-5.94.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOffOutline"]}
\ No newline at end of file
diff --git a/lib/FlashOffSharp.js b/lib/FlashOffSharp.js
index 148532466..95905172c 100644
--- a/lib/FlashOffSharp.js
+++ b/lib/FlashOffSharp.js
@@ -47,7 +47,7 @@ var FlashOffSharp = function FlashOffSharp(props) {
 FlashOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashOffSharp.js.map b/lib/FlashOffSharp.js.map
index a7adeb43c..e83ad4406 100644
--- a/lib/FlashOffSharp.js.map
+++ b/lib/FlashOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashOffSharp.js"],"names":["FlashOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FlashOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM80 304h144l-32 192 108.18-129.82-148.36-148.36L80 304zM432 208H288l32-192-108.18 129.82 148.36 148.36L432 208z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashOffSharp.js"],"names":["FlashOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FlashOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM80 304h144l-32 192 108.18-129.82-148.36-148.36L80 304zM432 208H288l32-192-108.18 129.82 148.36 148.36L432 208z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOffSharp"]}
\ No newline at end of file
diff --git a/lib/FlashOutline.js b/lib/FlashOutline.js
index f035199b1..799497dbf 100644
--- a/lib/FlashOutline.js
+++ b/lib/FlashOutline.js
@@ -47,7 +47,7 @@ var FlashOutline = function FlashOutline(props) {
 FlashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashOutline.js.map b/lib/FlashOutline.js.map
index 5388990e0..1eb3a3323 100644
--- a/lib/FlashOutline.js.map
+++ b/lib/FlashOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashOutline.js"],"names":["FlashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,eAAc,OAA1N,EAAkO,gBAAe,OAAjP,EAAyP,aAAY,IAArQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashOutline.js"],"names":["FlashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,eAAc,OAA1N,EAAkO,gBAAe,OAAjP,EAAyP,aAAY,IAArQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashOutline"]}
\ No newline at end of file
diff --git a/lib/FlashSharp.js b/lib/FlashSharp.js
index 296410eec..8058a03f4 100644
--- a/lib/FlashSharp.js
+++ b/lib/FlashSharp.js
@@ -47,7 +47,7 @@ var FlashSharp = function FlashSharp(props) {
 FlashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashSharp.js.map b/lib/FlashSharp.js.map
index 32e9a3edc..8d888b40c 100644
--- a/lib/FlashSharp.js.map
+++ b/lib/FlashSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashSharp.js"],"names":["FlashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 208H288l32-192L80 304h144l-32 192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashSharp.js"],"names":["FlashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 208H288l32-192L80 304h144l-32 192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashSharp"]}
\ No newline at end of file
diff --git a/lib/Flashlight.js b/lib/Flashlight.js
index 2cae02112..e934e91f6 100644
--- a/lib/Flashlight.js
+++ b/lib/Flashlight.js
@@ -47,7 +47,7 @@ var Flashlight = function Flashlight(props) {
 Flashlight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flashlight.js.map b/lib/Flashlight.js.map
index 6cc3ac1dc..07cd480cb 100644
--- a/lib/Flashlight.js.map
+++ b/lib/Flashlight.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flashlight.js"],"names":["Flashlight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,skBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Flashlight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flashlight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M462 216c9.35-9.35 15.14-19.09 17.19-28.95 2.7-12.95-1.29-25.55-11.22-35.48L360.43 44.05C346.29 29.92 322 24.07 296 50l-2 2a8 8 0 000 11.32L448.64 218a8 8 0 0011.36 0zM250.14 153.08l-.16 2.34c-.53 7.18-6.88 19.15-13.88 26.14L47.27 370.36c-11.12 11.11-16.46 25.57-15.05 40.7C33.49 424.58 40.16 438 51 448.83L63.17 461c12.61 12.6 27.78 19 42.49 19a50.4 50.4 0 0036-15.24l188.84-188.8c7.07-7.07 18.84-13.3 26.17-13.87 17.48-1.32 43.57-3.28 67.79-15.65a4 4 0 001-6.37L271.69 86.31a4 4 0 00-6.39 1c-12.12 22.99-13.82 46.91-15.16 65.77zm-9.95 146.83a20 20 0 110-25.25 20 20 0 010 25.25z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlight.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flashlight"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flashlight.js"],"names":["Flashlight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,skBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Flashlight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flashlight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M462 216c9.35-9.35 15.14-19.09 17.19-28.95 2.7-12.95-1.29-25.55-11.22-35.48L360.43 44.05C346.29 29.92 322 24.07 296 50l-2 2a8 8 0 000 11.32L448.64 218a8 8 0 0011.36 0zM250.14 153.08l-.16 2.34c-.53 7.18-6.88 19.15-13.88 26.14L47.27 370.36c-11.12 11.11-16.46 25.57-15.05 40.7C33.49 424.58 40.16 438 51 448.83L63.17 461c12.61 12.6 27.78 19 42.49 19a50.4 50.4 0 0036-15.24l188.84-188.8c7.07-7.07 18.84-13.3 26.17-13.87 17.48-1.32 43.57-3.28 67.79-15.65a4 4 0 001-6.37L271.69 86.31a4 4 0 00-6.39 1c-12.12 22.99-13.82 46.91-15.16 65.77zm-9.95 146.83a20 20 0 110-25.25 20 20 0 010 25.25z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlight.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flashlight"]}
\ No newline at end of file
diff --git a/lib/FlashlightOutline.js b/lib/FlashlightOutline.js
index f7092fdce..35ae75875 100644
--- a/lib/FlashlightOutline.js
+++ b/lib/FlashlightOutline.js
@@ -49,7 +49,7 @@ var FlashlightOutline = function FlashlightOutline(props) {
 FlashlightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashlightOutline.js.map b/lib/FlashlightOutline.js.map
index a0eaad4aa..b3484a1b1 100644
--- a/lib/FlashlightOutline.js.map
+++ b/lib/FlashlightOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashlightOutline.js"],"names":["FlashlightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2WAAR,EAAoX,MAAK,MAAzX,EAAgY,QAAO,cAAvY,EAAsZ,kBAAiB,IAAva,EAA4a,aAAY,IAAxb,GAAjK;AAA+lB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,IAAlC,GAA/lB;AAAuoB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,iBAAvG;AAAvoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FlashlightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashlightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.64 162.86L349.12 55.36c-13.15-13.14-28.68-7.17-41.82 6l-11.95 12c-26.13 26.13-27.62 58.38-29.42 83.31-.89 12.24-9.78 27.55-18.51 36.28L58.58 381.67c-16.35 16.33-12.69 39.42 3.73 55.84l12.17 12.17c16.36 16.35 39.43 20.16 55.86 3.74l188.83-188.8c8.74-8.74 24-17.55 36.29-18.52 24.87-1.86 58.62-4.85 83.26-29.49l11.94-11.94c13.15-13.14 19.12-28.67 5.98-41.81z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"224.68\" cy=\"287.28\" r=\"20\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M289 81l142 142\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlightOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashlightOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashlightOutline.js"],"names":["FlashlightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2WAAR,EAAoX,MAAK,MAAzX,EAAgY,QAAO,cAAvY,EAAsZ,kBAAiB,IAAva,EAA4a,aAAY,IAAxb,GAAhK;AAA+lB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,IAAlC,GAA/lB;AAAwoB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,iBAAvG;AAAxoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FlashlightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashlightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.64 162.86L349.12 55.36c-13.15-13.14-28.68-7.17-41.82 6l-11.95 12c-26.13 26.13-27.62 58.38-29.42 83.31-.89 12.24-9.78 27.55-18.51 36.28L58.58 381.67c-16.35 16.33-12.69 39.42 3.73 55.84l12.17 12.17c16.36 16.35 39.43 20.16 55.86 3.74l188.83-188.8c8.74-8.74 24-17.55 36.29-18.52 24.87-1.86 58.62-4.85 83.26-29.49l11.94-11.94c13.15-13.14 19.12-28.67 5.98-41.81z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"224.68\" cy=\"287.28\" r=\"20\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M289 81l142 142\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlightOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashlightOutline"]}
\ No newline at end of file
diff --git a/lib/FlashlightSharp.js b/lib/FlashlightSharp.js
index 882385b72..5e8b07095 100644
--- a/lib/FlashlightSharp.js
+++ b/lib/FlashlightSharp.js
@@ -49,7 +49,7 @@ var FlashlightSharp = function FlashlightSharp(props) {
 FlashlightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlashlightSharp.js.map b/lib/FlashlightSharp.js.map
index 12691b53e..575311005 100644
--- a/lib/FlashlightSharp.js.map
+++ b/lib/FlashlightSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlashlightSharp.js"],"names":["FlashlightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kDAAR,GAAjK;AAA6N,iDAAS,IAAG,QAAZ,EAAqB,IAAG,OAAxB,EAAgC,IAAG,OAAnC,EAA2C,IAAG,OAA9C,EAAsD,MAAK,MAA3D,GAA7N;AAAgS,8CAAM,GAAE,mHAAR;AAAhS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FlashlightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashlightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 16l-42.68 42.7L453.3 224.68 496 182 330 16z\"/><ellipse cx=\"224.68\" cy=\"287.3\" rx=\"20.03\" ry=\"19.96\" fill=\"none\"/><path d=\"M429.21 243.85L268 82.59 249.65 168 16 402l94 94 234.23-233.8zm-189 56.07a20 20 0 110-25.25 20 20 0 01-.02 25.25z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlightSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashlightSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlashlightSharp.js"],"names":["FlashlightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kDAAR,GAAhK;AAA6N,iDAAS,IAAG,QAAZ,EAAqB,IAAG,OAAxB,EAAgC,IAAG,OAAnC,EAA2C,IAAG,OAA9C,EAAsD,MAAK,MAA3D,GAA7N;AAAiS,8CAAM,GAAE,mHAAR;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FlashlightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlashlightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 16l-42.68 42.7L453.3 224.68 496 182 330 16z\" /><ellipse cx=\"224.68\" cy=\"287.3\" rx=\"20.03\" ry=\"19.96\" fill=\"none\" /><path d=\"M429.21 243.85L268 82.59 249.65 168 16 402l94 94 234.23-233.8zm-189 56.07a20 20 0 110-25.25 20 20 0 01-.02 25.25z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlashlightSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlashlightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlashlightSharp"]}
\ No newline at end of file
diff --git a/lib/Flask.js b/lib/Flask.js
index 53b3a028f..9c0484d47 100644
--- a/lib/Flask.js
+++ b/lib/Flask.js
@@ -47,7 +47,7 @@ var Flask = function Flask(props) {
 Flask.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flask.js.map b/lib/Flask.js.map
index 3f999160c..86be84612 100644
--- a/lib/Flask.js.map
+++ b/lib/Flask.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flask.js"],"names":["Flask","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oeAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flask.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flask = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M452.32 365L327.4 167.12a48.07 48.07 0 01-7.4-25.64V64h15.56c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 32H176.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 64h16v77.48a47.92 47.92 0 01-7.41 25.63L59.68 365a74 74 0 00-2.5 75.84C70.44 465.19 96.36 480 124.13 480h263.74c27.77 0 53.69-14.81 66.95-39.21a74 74 0 00-2.5-75.79zM211.66 184.2A79.94 79.94 0 00224 141.48V68a4 4 0 014-4h56a4 4 0 014 4v73.48a79.94 79.94 0 0012.35 42.72l57.8 91.53a8 8 0 01-6.78 12.27H160.63a8 8 0 01-6.77-12.27z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlask.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlask.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flask"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flask.js"],"names":["Flask","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oeAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Flask.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flask = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M452.32 365L327.4 167.12a48.07 48.07 0 01-7.4-25.64V64h15.56c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 32H176.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 64h16v77.48a47.92 47.92 0 01-7.41 25.63L59.68 365a74 74 0 00-2.5 75.84C70.44 465.19 96.36 480 124.13 480h263.74c27.77 0 53.69-14.81 66.95-39.21a74 74 0 00-2.5-75.79zM211.66 184.2A79.94 79.94 0 00224 141.48V68a4 4 0 014-4h56a4 4 0 014 4v73.48a79.94 79.94 0 0012.35 42.72l57.8 91.53a8 8 0 01-6.78 12.27H160.63a8 8 0 01-6.77-12.27z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlask.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlask.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flask"]}
\ No newline at end of file
diff --git a/lib/FlaskOutline.js b/lib/FlaskOutline.js
index 170048cd2..6fb3a0285 100644
--- a/lib/FlaskOutline.js
+++ b/lib/FlaskOutline.js
@@ -47,7 +47,7 @@ var FlaskOutline = function FlaskOutline(props) {
 FlaskOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlaskOutline.js.map b/lib/FlaskOutline.js.map
index 9119afeb8..bc7f4bebf 100644
--- a/lib/FlaskOutline.js.map
+++ b/lib/FlaskOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlaskOutline.js"],"names":["FlaskOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,oMAAvG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlaskOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlaskOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M176 48h160M118 304h276M208 48v93.48a64.09 64.09 0 01-9.88 34.18L73.21 373.49C48.4 412.78 76.63 464 123.08 464h265.84c46.45 0 74.68-51.22 49.87-90.51L313.87 175.66a64.09 64.09 0 01-9.87-34.18V48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlaskOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlaskOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlaskOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlaskOutline.js"],"names":["FlaskOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,oMAAvG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"FlaskOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlaskOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M176 48h160M118 304h276M208 48v93.48a64.09 64.09 0 01-9.88 34.18L73.21 373.49C48.4 412.78 76.63 464 123.08 464h265.84c46.45 0 74.68-51.22 49.87-90.51L313.87 175.66a64.09 64.09 0 01-9.87-34.18V48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlaskOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlaskOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlaskOutline"]}
\ No newline at end of file
diff --git a/lib/FlaskSharp.js b/lib/FlaskSharp.js
index 2541ef819..4956796f8 100644
--- a/lib/FlaskSharp.js
+++ b/lib/FlaskSharp.js
@@ -47,7 +47,7 @@ var FlaskSharp = function FlaskSharp(props) {
 FlaskSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlaskSharp.js.map b/lib/FlaskSharp.js.map
index aea62c060..933e4b8b8 100644
--- a/lib/FlaskSharp.js.map
+++ b/lib/FlaskSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlaskSharp.js"],"names":["FlaskSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlaskSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlaskSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.11 382.76L325 153.92V74h32V32H155v42h32v79.92L42.89 382.76c-13 20.64-14.78 43.73-3 65.1S71.59 480 96 480h320c24.41 0 44.32-10.76 56.1-32.14s10.04-44.46-2.99-65.1zM224.39 173.39a29.76 29.76 0 004.62-16V74h54v84.59a25.85 25.85 0 004 13.82L356.82 283H155.18z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlaskSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlaskSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlaskSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlaskSharp.js"],"names":["FlaskSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FlaskSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlaskSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M469.11 382.76L325 153.92V74h32V32H155v42h32v79.92L42.89 382.76c-13 20.64-14.78 43.73-3 65.1S71.59 480 96 480h320c24.41 0 44.32-10.76 56.1-32.14s10.04-44.46-2.99-65.1zM224.39 173.39a29.76 29.76 0 004.62-16V74h54v84.59a25.85 25.85 0 004 13.82L356.82 283H155.18z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlaskSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlaskSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlaskSharp"]}
\ No newline at end of file
diff --git a/lib/Flower.js b/lib/Flower.js
index f5c848c38..d7d3d0c39 100644
--- a/lib/Flower.js
+++ b/lib/Flower.js
@@ -48,7 +48,7 @@ var Flower = function Flower(props) {
 Flower.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Flower.js.map b/lib/Flower.js.map
index d348f2dc5..da51adc55 100644
--- a/lib/Flower.js.map
+++ b/lib/Flower.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Flower.js"],"names":["Flower","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,sxBAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Flower.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flower = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><path d=\"M475.93 303.91a67.49 67.49 0 00-44.34-115.53 5.2 5.2 0 01-4.58-3.21 5.21 5.21 0 011-5.51A67.83 67.83 0 00378 66.33h-.25A67.13 67.13 0 00332.35 84a5.21 5.21 0 01-5.52 1 5.23 5.23 0 01-3.22-4.58 67.68 67.68 0 00-135.23 0 5.2 5.2 0 01-3.21 4.58 5.21 5.21 0 01-5.52-1 67.11 67.11 0 00-45.44-17.69H134a67.91 67.91 0 00-50 113.34 5.21 5.21 0 011 5.51 5.2 5.2 0 01-4.58 3.21 67.71 67.71 0 000 135.23 5.23 5.23 0 014.58 3.23 5.22 5.22 0 01-1 5.52 67.54 67.54 0 0050.08 113h.25A67.38 67.38 0 00179.65 428a5.21 5.21 0 015.51-1 5.2 5.2 0 013.21 4.58 67.71 67.71 0 00135.23 0 5.23 5.23 0 013.22-4.58 5.21 5.21 0 015.51 1 67.38 67.38 0 0045.29 17.42h.25a67.48 67.48 0 0050.08-113 5.22 5.22 0 01-1-5.52 5.23 5.23 0 014.58-3.22 67.31 67.31 0 0044.4-19.77zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlower.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlower.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flower"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Flower.js"],"names":["Flower","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,sxBAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Flower.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Flower = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><path d=\"M475.93 303.91a67.49 67.49 0 00-44.34-115.53 5.2 5.2 0 01-4.58-3.21 5.21 5.21 0 011-5.51A67.83 67.83 0 00378 66.33h-.25A67.13 67.13 0 00332.35 84a5.21 5.21 0 01-5.52 1 5.23 5.23 0 01-3.22-4.58 67.68 67.68 0 00-135.23 0 5.2 5.2 0 01-3.21 4.58 5.21 5.21 0 01-5.52-1 67.11 67.11 0 00-45.44-17.69H134a67.91 67.91 0 00-50 113.34 5.21 5.21 0 011 5.51 5.2 5.2 0 01-4.58 3.21 67.71 67.71 0 000 135.23 5.23 5.23 0 014.58 3.23 5.22 5.22 0 01-1 5.52 67.54 67.54 0 0050.08 113h.25A67.38 67.38 0 00179.65 428a5.21 5.21 0 015.51-1 5.2 5.2 0 013.21 4.58 67.71 67.71 0 00135.23 0 5.23 5.23 0 013.22-4.58 5.21 5.21 0 015.51 1 67.38 67.38 0 0045.29 17.42h.25a67.48 67.48 0 0050.08-113 5.22 5.22 0 01-1-5.52 5.23 5.23 0 014.58-3.22 67.31 67.31 0 0044.4-19.77zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlower.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlower.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Flower"]}
\ No newline at end of file
diff --git a/lib/FlowerOutline.js b/lib/FlowerOutline.js
index 1287406c8..5f283ab1c 100644
--- a/lib/FlowerOutline.js
+++ b/lib/FlowerOutline.js
@@ -49,7 +49,7 @@ var FlowerOutline = function FlowerOutline(props) {
 FlowerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlowerOutline.js.map b/lib/FlowerOutline.js.map
index d6aaa3e59..0c1048457 100644
--- a/lib/FlowerOutline.js.map
+++ b/lib/FlowerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlowerOutline.js"],"names":["FlowerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kiBAAR,EAA2iB,MAAK,MAAhjB,EAAujB,QAAO,cAA9jB,EAA6kB,eAAc,OAA3lB,EAAmmB,kBAAiB,IAApnB,EAAynB,aAAY,IAAroB,GAAjK;AAA4yB,8CAAM,GAAE,mjBAAR,EAA4jB,MAAK,MAAjkB,EAAwkB,QAAO,cAA/kB,EAA8lB,eAAc,OAA5mB,EAAonB,kBAAiB,IAAroB,EAA0oB,aAAY,IAAtpB,GAA5yB;AAAw8C,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H;AAAx8C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FlowerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlowerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M215.08 156.92c-4.89-24-10.77-56.27-10.77-73.23A51.36 51.36 0 01256 32h0c28.55 0 51.69 23.69 51.69 51.69 0 16.5-5.85 48.95-10.77 73.23M215.08 355.08c-4.91 24.06-10.77 56.16-10.77 73.23A51.36 51.36 0 00256 480h0c28.55 0 51.69-23.69 51.69-51.69 0-16.54-5.85-48.93-10.77-73.23M355.08 215.08c24.06-4.91 56.16-10.77 73.23-10.77A51.36 51.36 0 01480 256h0c0 28.55-23.69 51.69-51.69 51.69-16.5 0-48.95-5.85-73.23-10.77M156.92 215.07c-24-4.89-56.25-10.76-73.23-10.76A51.36 51.36 0 0032 256h0c0 28.55 23.69 51.69 51.69 51.69 16.5 0 48.95-5.85 73.23-10.77\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M296.92 156.92c13.55-20.48 32.3-47.25 44.37-59.31a51.35 51.35 0 0173.1 0h0c20.19 20.19 19.8 53.3 0 73.1-11.66 11.67-38.67 30.67-59.31 44.37M156.92 296.92c-20.48 13.55-47.25 32.3-59.31 44.37a51.35 51.35 0 000 73.1h0c20.19 20.19 53.3 19.8 73.1 0 11.67-11.66 30.67-38.67 44.37-59.31M355.08 296.92c20.48 13.55 47.25 32.3 59.31 44.37a51.35 51.35 0 010 73.1h0c-20.19 20.19-53.3 19.8-73.1 0-11.69-11.69-30.66-38.65-44.37-59.31M215.08 156.92c-13.53-20.43-32.38-47.32-44.37-59.31a51.35 51.35 0 00-73.1 0h0c-20.19 20.19-19.8 53.3 0 73.1 11.61 11.61 38.7 30.68 59.31 44.37\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlowerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlowerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlowerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlowerOutline.js"],"names":["FlowerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kiBAAR,EAA2iB,MAAK,MAAhjB,EAAujB,QAAO,cAA9jB,EAA6kB,eAAc,OAA3lB,EAAmmB,kBAAiB,IAApnB,EAAynB,aAAY,IAAroB,GAAhK;AAA4yB,8CAAM,GAAE,mjBAAR,EAA4jB,MAAK,MAAjkB,EAAwkB,QAAO,cAA/kB,EAA8lB,eAAc,OAA5mB,EAAonB,kBAAiB,IAAroB,EAA0oB,aAAY,IAAtpB,GAA5yB;AAAy8C,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H;AAAz8C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FlowerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlowerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M215.08 156.92c-4.89-24-10.77-56.27-10.77-73.23A51.36 51.36 0 01256 32h0c28.55 0 51.69 23.69 51.69 51.69 0 16.5-5.85 48.95-10.77 73.23M215.08 355.08c-4.91 24.06-10.77 56.16-10.77 73.23A51.36 51.36 0 00256 480h0c28.55 0 51.69-23.69 51.69-51.69 0-16.54-5.85-48.93-10.77-73.23M355.08 215.08c24.06-4.91 56.16-10.77 73.23-10.77A51.36 51.36 0 01480 256h0c0 28.55-23.69 51.69-51.69 51.69-16.5 0-48.95-5.85-73.23-10.77M156.92 215.07c-24-4.89-56.25-10.76-73.23-10.76A51.36 51.36 0 0032 256h0c0 28.55 23.69 51.69 51.69 51.69 16.5 0 48.95-5.85 73.23-10.77\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M296.92 156.92c13.55-20.48 32.3-47.25 44.37-59.31a51.35 51.35 0 0173.1 0h0c20.19 20.19 19.8 53.3 0 73.1-11.66 11.67-38.67 30.67-59.31 44.37M156.92 296.92c-20.48 13.55-47.25 32.3-59.31 44.37a51.35 51.35 0 000 73.1h0c20.19 20.19 53.3 19.8 73.1 0 11.67-11.66 30.67-38.67 44.37-59.31M355.08 296.92c20.48 13.55 47.25 32.3 59.31 44.37a51.35 51.35 0 010 73.1h0c-20.19 20.19-53.3 19.8-73.1 0-11.69-11.69-30.66-38.65-44.37-59.31M215.08 156.92c-13.53-20.43-32.38-47.32-44.37-59.31a51.35 51.35 0 00-73.1 0h0c-20.19 20.19-19.8 53.3 0 73.1 11.61 11.61 38.7 30.68 59.31 44.37\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlowerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlowerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlowerOutline"]}
\ No newline at end of file
diff --git a/lib/FlowerSharp.js b/lib/FlowerSharp.js
index 452e93117..c14b66ce9 100644
--- a/lib/FlowerSharp.js
+++ b/lib/FlowerSharp.js
@@ -48,7 +48,7 @@ var FlowerSharp = function FlowerSharp(props) {
 FlowerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FlowerSharp.js.map b/lib/FlowerSharp.js.map
index 14c740220..f195ae8e6 100644
--- a/lib/FlowerSharp.js.map
+++ b/lib/FlowerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FlowerSharp.js"],"names":["FlowerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,81BAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FlowerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlowerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"43\"/><path d=\"M475.93 303.91a67.49 67.49 0 00-47.62-115.6c-2.88 0-6.2.14-9.93.43 2.75-2.36 5.23-4.62 7.33-6.71A67.83 67.83 0 00378 66.33h-.25a67.27 67.27 0 00-47.82 20c-2.11 2.11-4.37 4.59-6.72 7.33.29-3.75.44-7.07.44-9.93a67.69 67.69 0 10-135.38 0c0 2.87.15 6.19.44 9.93-2.36-2.74-4.62-5.22-6.72-7.33a67.27 67.27 0 00-47.82-20H134A67.9 67.9 0 0086.29 182c2.1 2.09 4.58 4.35 7.34 6.72-3.74-.29-7.06-.44-9.94-.44a67.69 67.69 0 000 135.38c2.86 0 6.18-.15 9.93-.44-2.74 2.35-5.22 4.61-7.33 6.72a67.55 67.55 0 0047.82 115.42h.25A67.32 67.32 0 00182 425.71c2.09-2.1 4.35-4.58 6.71-7.33-.28 3.73-.43 7.05-.43 9.93a67.69 67.69 0 00135.38 0c0-2.87-.15-6.19-.44-9.94 2.36 2.75 4.62 5.24 6.72 7.34a67.32 67.32 0 0047.67 19.68h.25A67.5 67.5 0 00425.71 330c-2.11-2.11-4.59-4.37-7.33-6.72 3.75.29 7.07.44 9.93.44a67.27 67.27 0 0047.62-19.81zM256 341a85 85 0 1185-85 85.1 85.1 0 01-85 85z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlowerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlowerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlowerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FlowerSharp.js"],"names":["FlowerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,81BAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FlowerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FlowerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"43\" /><path d=\"M475.93 303.91a67.49 67.49 0 00-47.62-115.6c-2.88 0-6.2.14-9.93.43 2.75-2.36 5.23-4.62 7.33-6.71A67.83 67.83 0 00378 66.33h-.25a67.27 67.27 0 00-47.82 20c-2.11 2.11-4.37 4.59-6.72 7.33.29-3.75.44-7.07.44-9.93a67.69 67.69 0 10-135.38 0c0 2.87.15 6.19.44 9.93-2.36-2.74-4.62-5.22-6.72-7.33a67.27 67.27 0 00-47.82-20H134A67.9 67.9 0 0086.29 182c2.1 2.09 4.58 4.35 7.34 6.72-3.74-.29-7.06-.44-9.94-.44a67.69 67.69 0 000 135.38c2.86 0 6.18-.15 9.93-.44-2.74 2.35-5.22 4.61-7.33 6.72a67.55 67.55 0 0047.82 115.42h.25A67.32 67.32 0 00182 425.71c2.09-2.1 4.35-4.58 6.71-7.33-.28 3.73-.43 7.05-.43 9.93a67.69 67.69 0 00135.38 0c0-2.87-.15-6.19-.44-9.94 2.36 2.75 4.62 5.24 6.72 7.34a67.32 67.32 0 0047.67 19.68h.25A67.5 67.5 0 00425.71 330c-2.11-2.11-4.59-4.37-7.33-6.72 3.75.29 7.07.44 9.93.44a67.27 67.27 0 0047.62-19.81zM256 341a85 85 0 1185-85 85.1 85.1 0 01-85 85z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFlowerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFlowerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FlowerSharp"]}
\ No newline at end of file
diff --git a/lib/Folder.js b/lib/Folder.js
index 4a3034e23..adba8180e 100644
--- a/lib/Folder.js
+++ b/lib/Folder.js
@@ -47,7 +47,7 @@ var Folder = function Folder(props) {
 Folder.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Folder.js.map b/lib/Folder.js.map
index 9dd7193f0..9412f53be 100644
--- a/lib/Folder.js.map
+++ b/lib/Folder.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Folder.js"],"names":["Folder","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Folder.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Folder = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 152a56 56 0 00-56-56H220.11a23.89 23.89 0 01-13.31-4L179 73.41A55.77 55.77 0 00147.89 64H72a56 56 0 00-56 56v48a8 8 0 008 8h464a8 8 0 008-8zM16 392a56 56 0 0056 56h368a56 56 0 0056-56V216a8 8 0 00-8-8H24a8 8 0 00-8 8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolder.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolder.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Folder"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Folder.js"],"names":["Folder","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Folder.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Folder = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 152a56 56 0 00-56-56H220.11a23.89 23.89 0 01-13.31-4L179 73.41A55.77 55.77 0 00147.89 64H72a56 56 0 00-56 56v48a8 8 0 008 8h464a8 8 0 008-8zM16 392a56 56 0 0056 56h368a56 56 0 0056-56V216a8 8 0 00-8-8H24a8 8 0 00-8 8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolder.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolder.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Folder"]}
\ No newline at end of file
diff --git a/lib/FolderOpen.js b/lib/FolderOpen.js
index ac426624d..e30905390 100644
--- a/lib/FolderOpen.js
+++ b/lib/FolderOpen.js
@@ -47,7 +47,7 @@ var FolderOpen = function FolderOpen(props) {
 FolderOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FolderOpen.js.map b/lib/FolderOpen.js.map
index 5a29399d8..25a6b57cd 100644
--- a/lib/FolderOpen.js.map
+++ b/lib/FolderOpen.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FolderOpen.js"],"names":["FolderOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FolderOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 96H252.11a23.89 23.89 0 01-13.31-4L211 73.41A55.77 55.77 0 00179.89 64H104a56.06 56.06 0 00-56 56v24h416c0-30.88-25.12-48-56-48zM423.75 448H88.25a56 56 0 01-55.93-55.15L16.18 228.11v-.28A48 48 0 0164 176h384.1a48 48 0 0147.8 51.83v.28l-16.22 164.74A56 56 0 01423.75 448zm56.15-221.45z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpen"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FolderOpen.js"],"names":["FolderOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"FolderOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 96H252.11a23.89 23.89 0 01-13.31-4L211 73.41A55.77 55.77 0 00179.89 64H104a56.06 56.06 0 00-56 56v24h416c0-30.88-25.12-48-56-48zM423.75 448H88.25a56 56 0 01-55.93-55.15L16.18 228.11v-.28A48 48 0 0164 176h384.1a48 48 0 0147.8 51.83v.28l-16.22 164.74A56 56 0 01423.75 448zm56.15-221.45z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpen"]}
\ No newline at end of file
diff --git a/lib/FolderOpenOutline.js b/lib/FolderOpenOutline.js
index a2b2af3ba..fccca03b8 100644
--- a/lib/FolderOpenOutline.js
+++ b/lib/FolderOpenOutline.js
@@ -48,7 +48,7 @@ var FolderOpenOutline = function FolderOpenOutline(props) {
 FolderOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FolderOpenOutline.js.map b/lib/FolderOpenOutline.js.map
index e06bf8b6d..2fa7a70cc 100644
--- a/lib/FolderOpenOutline.js.map
+++ b/lib/FolderOpenOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FolderOpenOutline.js"],"names":["FolderOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gHAAR,EAAyH,MAAK,MAA9H,EAAqI,QAAO,cAA5I,EAA2J,eAAc,OAAzK,EAAiL,gBAAe,OAAhM,EAAwM,aAAY,IAApN,GAAjK;AAA2X,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FolderOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpenOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FolderOpenOutline.js"],"names":["FolderOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gHAAR,EAAyH,MAAK,MAA9H,EAAqI,QAAO,cAA5I,EAA2J,eAAc,OAAzK,EAAiL,gBAAe,OAAhM,EAAwM,aAAY,IAApN,GAAhK;AAA2X,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"FolderOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpenOutline"]}
\ No newline at end of file
diff --git a/lib/FolderOpenSharp.js b/lib/FolderOpenSharp.js
index 859f3ca55..bb04ee323 100644
--- a/lib/FolderOpenSharp.js
+++ b/lib/FolderOpenSharp.js
@@ -47,7 +47,7 @@ var FolderOpenSharp = function FolderOpenSharp(props) {
 FolderOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FolderOpenSharp.js.map b/lib/FolderOpenSharp.js.map
index 7ec17cee9..b9e51649e 100644
--- a/lib/FolderOpenSharp.js.map
+++ b/lib/FolderOpenSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FolderOpenSharp.js"],"names":["FolderOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FolderOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16.08 189.4l28.58 233.87A28 28 0 0072.52 448h367a28 28 0 0027.86-24.73l28.54-233.87A12 12 0 00484 176H28a12 12 0 00-11.92 13.4zM464 124a28 28 0 00-28-28H244.84l-48-32H76a28 28 0 00-28 28v52h416z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpenSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FolderOpenSharp.js"],"names":["FolderOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FolderOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16.08 189.4l28.58 233.87A28 28 0 0072.52 448h367a28 28 0 0027.86-24.73l28.54-233.87A12 12 0 00484 176H28a12 12 0 00-11.92 13.4zM464 124a28 28 0 00-28-28H244.84l-48-32H76a28 28 0 00-28 28v52h416z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOpenSharp"]}
\ No newline at end of file
diff --git a/lib/FolderOutline.js b/lib/FolderOutline.js
index c2fa67518..940b0d4ef 100644
--- a/lib/FolderOutline.js
+++ b/lib/FolderOutline.js
@@ -47,7 +47,7 @@ var FolderOutline = function FolderOutline(props) {
 FolderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FolderOutline.js.map b/lib/FolderOutline.js.map
index ae14243de..5977ff10b 100644
--- a/lib/FolderOutline.js.map
+++ b/lib/FolderOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FolderOutline.js"],"names":["FolderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mKAAR,EAA4K,MAAK,MAAjL,EAAwL,QAAO,cAA/L,EAA8M,eAAc,OAA5N,EAAoO,gBAAe,OAAnP,EAA2P,aAAY,IAAvQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FolderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440 432H72a40 40 0 01-40-40V120a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H440a40 40 0 0140 40v240a40 40 0 01-40 40zM32 192h448\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FolderOutline.js"],"names":["FolderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mKAAR,EAA4K,MAAK,MAAjL,EAAwL,QAAO,cAA/L,EAA8M,eAAc,OAA5N,EAAoO,gBAAe,OAAnP,EAA2P,aAAY,IAAvQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FolderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440 432H72a40 40 0 01-40-40V120a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H440a40 40 0 0140 40v240a40 40 0 01-40 40zM32 192h448\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderOutline"]}
\ No newline at end of file
diff --git a/lib/FolderSharp.js b/lib/FolderSharp.js
index b79295932..132038ffa 100644
--- a/lib/FolderSharp.js
+++ b/lib/FolderSharp.js
@@ -47,7 +47,7 @@ var FolderSharp = function FolderSharp(props) {
 FolderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FolderSharp.js.map b/lib/FolderSharp.js.map
index 4ac3543e6..23e78f13a 100644
--- a/lib/FolderSharp.js.map
+++ b/lib/FolderSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FolderSharp.js"],"names":["FolderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FolderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 420a28 28 0 0028 28h424a28 28 0 0028-28V208H16zM496 124a28 28 0 00-28-28H212.84l-48-32H44a28 28 0 00-28 28v84h480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FolderSharp.js"],"names":["FolderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FolderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FolderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 420a28 28 0 0028 28h424a28 28 0 0028-28V208H16zM496 124a28 28 0 00-28-28H212.84l-48-32H44a28 28 0 00-28 28v84h480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFolderSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFolderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FolderSharp"]}
\ No newline at end of file
diff --git a/lib/Football.js b/lib/Football.js
index b55c419bd..f8ee9a8b7 100644
--- a/lib/Football.js
+++ b/lib/Football.js
@@ -47,7 +47,7 @@ var Football = function Football(props) {
 Football.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Football.js.map b/lib/Football.js.map
index 6d069473b..441dfec78 100644
--- a/lib/Football.js.map
+++ b/lib/Football.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Football.js"],"names":["Football","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oiCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Football.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Football = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm143 304h-45.22a8 8 0 01-6.91-4l-16.14-27.68a8 8 0 01-.86-6l14.86-59.92a8 8 0 014.65-5.45l28.1-11.9a8 8 0 018.34 1.3l41.63 35.82a8 8 0 012.69 7.26 174.75 174.75 0 01-24.28 66.68A8 8 0 01399 352zM134.52 237.13l28.1 11.9a8 8 0 014.65 5.45l14.86 59.92a8 8 0 01-.86 6L165.13 348a8 8 0 01-6.91 4H113a8 8 0 01-6.82-3.81 174.75 174.75 0 01-24.28-66.68 8 8 0 012.69-7.26l41.63-35.82a8 8 0 018.3-1.3zm256.94-87.24l-18.07 51.38A8 8 0 01369 206l-29.58 12.53a8 8 0 01-8.26-1.24L274.9 170.1a8 8 0 01-2.9-6.1v-33.58a8 8 0 013.56-6.65l42.83-28.54a8 8 0 017.66-.67A176.92 176.92 0 01390 142a8 8 0 011.46 7.89zM193.6 95.23l42.84 28.54a8 8 0 013.56 6.65V164a8 8 0 01-2.86 6.13l-56.26 47.19a8 8 0 01-8.26 1.24L143 206a8 8 0 01-4.43-4.72L120.5 149.9a8 8 0 011.5-7.9 176.92 176.92 0 0164-47.48 8 8 0 017.6.71zm17.31 327.46L191.18 373a8 8 0 01.52-7l15.17-26a8 8 0 016.91-4h84.44a8 8 0 016.91 4l15.18 26a8 8 0 01.53 7l-19.59 49.67a8 8 0 01-5.69 4.87 176.58 176.58 0 01-79 0 8 8 0 01-5.65-4.85z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootball.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Football"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Football.js"],"names":["Football","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oiCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Football.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Football = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm143 304h-45.22a8 8 0 01-6.91-4l-16.14-27.68a8 8 0 01-.86-6l14.86-59.92a8 8 0 014.65-5.45l28.1-11.9a8 8 0 018.34 1.3l41.63 35.82a8 8 0 012.69 7.26 174.75 174.75 0 01-24.28 66.68A8 8 0 01399 352zM134.52 237.13l28.1 11.9a8 8 0 014.65 5.45l14.86 59.92a8 8 0 01-.86 6L165.13 348a8 8 0 01-6.91 4H113a8 8 0 01-6.82-3.81 174.75 174.75 0 01-24.28-66.68 8 8 0 012.69-7.26l41.63-35.82a8 8 0 018.3-1.3zm256.94-87.24l-18.07 51.38A8 8 0 01369 206l-29.58 12.53a8 8 0 01-8.26-1.24L274.9 170.1a8 8 0 01-2.9-6.1v-33.58a8 8 0 013.56-6.65l42.83-28.54a8 8 0 017.66-.67A176.92 176.92 0 01390 142a8 8 0 011.46 7.89zM193.6 95.23l42.84 28.54a8 8 0 013.56 6.65V164a8 8 0 01-2.86 6.13l-56.26 47.19a8 8 0 01-8.26 1.24L143 206a8 8 0 01-4.43-4.72L120.5 149.9a8 8 0 011.5-7.9 176.92 176.92 0 0164-47.48 8 8 0 017.6.71zm17.31 327.46L191.18 373a8 8 0 01.52-7l15.17-26a8 8 0 016.91-4h84.44a8 8 0 016.91 4l15.18 26a8 8 0 01.53 7l-19.59 49.67a8 8 0 01-5.69 4.87 176.58 176.58 0 01-79 0 8 8 0 01-5.65-4.85z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootball.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Football"]}
\ No newline at end of file
diff --git a/lib/FootballOutline.js b/lib/FootballOutline.js
index 51771806a..e6834a834 100644
--- a/lib/FootballOutline.js
+++ b/lib/FootballOutline.js
@@ -48,7 +48,7 @@ var FootballOutline = function FootballOutline(props) {
 FootballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FootballOutline.js.map b/lib/FootballOutline.js.map
index 72717604d..7227bd2c5 100644
--- a/lib/FootballOutline.js.map
+++ b/lib/FootballOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FootballOutline.js"],"names":["FootballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,kBAAiB,IAA3G,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iTAAxG;AAAnS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FootballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FootballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 175.15l-76.09 63.83L200 320h112l20.09-81.02L256 175.15zM332.09 238.98l52.87-22.4 25.78-73.26M447 269.97l-62.04-53.39M179.91 238.98l-52.87-22.4-25.78-73.26M65 269.97l62.04-53.39M256 175.15v-57.57l64-42.64M192 74.93l64 42.65M312 320l28 48-28 71M410.74 368H342M200 320l-28 48 28.37 71.5M101.63 368H172\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootballOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FootballOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FootballOutline.js"],"names":["FootballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,kBAAiB,IAA3G,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iTAAxG;AAAnS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"FootballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FootballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 175.15l-76.09 63.83L200 320h112l20.09-81.02L256 175.15zM332.09 238.98l52.87-22.4 25.78-73.26M447 269.97l-62.04-53.39M179.91 238.98l-52.87-22.4-25.78-73.26M65 269.97l62.04-53.39M256 175.15v-57.57l64-42.64M192 74.93l64 42.65M312 320l28 48-28 71M410.74 368H342M200 320l-28 48 28.37 71.5M101.63 368H172\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootballOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FootballOutline"]}
\ No newline at end of file
diff --git a/lib/FootballSharp.js b/lib/FootballSharp.js
index 46961090c..3d1483b62 100644
--- a/lib/FootballSharp.js
+++ b/lib/FootballSharp.js
@@ -47,7 +47,7 @@ var FootballSharp = function FootballSharp(props) {
 FootballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FootballSharp.js.map b/lib/FootballSharp.js.map
index 952974586..40bbbf68d 100644
--- a/lib/FootballSharp.js.map
+++ b/lib/FootballSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FootballSharp.js"],"names":["FootballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,shBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FootballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FootballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm140.64 296.08h-46.77l-16.89-29 15-60.44L377.79 242l42.65 36.71a164.87 164.87 0 01-23.8 65.37zM134.21 242L164 254.67l15 60.44-16.89 29h-46.75a164.87 164.87 0 01-23.8-65.34zm249.07-92.47l-18.41 52.33-31.12 13.18L277 167.46v-35l43.86-29.22a166.87 166.87 0 0162.42 46.32zM191.14 103.2L235 132.42v35l-56.75 47.61-31.12-13.18-18.41-52.33a166.87 166.87 0 0162.42-46.32zm26.44 314.3l-20.1-50.66 16-27.51h85l16.06 27.53-20 50.6a166.23 166.23 0 01-77 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootballSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FootballSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FootballSharp.js"],"names":["FootballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,shBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FootballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FootballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm140.64 296.08h-46.77l-16.89-29 15-60.44L377.79 242l42.65 36.71a164.87 164.87 0 01-23.8 65.37zM134.21 242L164 254.67l15 60.44-16.89 29h-46.75a164.87 164.87 0 01-23.8-65.34zm249.07-92.47l-18.41 52.33-31.12 13.18L277 167.46v-35l43.86-29.22a166.87 166.87 0 0162.42 46.32zM191.14 103.2L235 132.42v35l-56.75 47.61-31.12-13.18-18.41-52.33a166.87 166.87 0 0162.42-46.32zm26.44 314.3l-20.1-50.66 16-27.51h85l16.06 27.53-20 50.6a166.23 166.23 0 01-77 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFootballSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFootballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FootballSharp"]}
\ No newline at end of file
diff --git a/lib/Funnel.js b/lib/Funnel.js
index 11d412ef8..69ba4cda6 100644
--- a/lib/Funnel.js
+++ b/lib/Funnel.js
@@ -47,7 +47,7 @@ var Funnel = function Funnel(props) {
 Funnel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Funnel.js.map b/lib/Funnel.js.map
index 6b3c2bb37..dd88e0f0d 100644
--- a/lib/Funnel.js.map
+++ b/lib/Funnel.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Funnel.js"],"names":["Funnel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Funnel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Funnel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 464a23.88 23.88 0 01-7.55-1.23L208.3 436.1a23.92 23.92 0 01-16.3-22.78V294.11a.44.44 0 00-.09-.13L23.26 97.54A30 30 0 0146.05 48H466a30 30 0 0122.79 49.54L320.09 294a.77.77 0 00-.09.13V440a23.93 23.93 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnel.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Funnel"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Funnel.js"],"names":["Funnel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Funnel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Funnel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 464a23.88 23.88 0 01-7.55-1.23L208.3 436.1a23.92 23.92 0 01-16.3-22.78V294.11a.44.44 0 00-.09-.13L23.26 97.54A30 30 0 0146.05 48H466a30 30 0 0122.79 49.54L320.09 294a.77.77 0 00-.09.13V440a23.93 23.93 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnel.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Funnel"]}
\ No newline at end of file
diff --git a/lib/FunnelOutline.js b/lib/FunnelOutline.js
index 26254751d..4a87b8fff 100644
--- a/lib/FunnelOutline.js
+++ b/lib/FunnelOutline.js
@@ -47,7 +47,7 @@ var FunnelOutline = function FunnelOutline(props) {
 FunnelOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FunnelOutline.js.map b/lib/FunnelOutline.js.map
index 73a66080f..fa7a7ae3f 100644
--- a/lib/FunnelOutline.js.map
+++ b/lib/FunnelOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FunnelOutline.js"],"names":["FunnelOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yMAAR,EAAkN,MAAK,MAAvN,EAA8N,QAAO,cAArO,EAAoP,eAAc,OAAlQ,EAA0Q,gBAAe,OAAzR,EAAiS,aAAY,IAA7S;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FunnelOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FunnelOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M35.4 87.12l168.65 196.44A16.07 16.07 0 01208 294v119.32a7.93 7.93 0 005.39 7.59l80.15 26.67A7.94 7.94 0 00304 440V294a16.07 16.07 0 014-10.44L476.6 87.12A14 14 0 00466 64H46.05A14 14 0 0035.4 87.12z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnelOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnelOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FunnelOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FunnelOutline.js"],"names":["FunnelOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yMAAR,EAAkN,MAAK,MAAvN,EAA8N,QAAO,cAArO,EAAoP,eAAc,OAAlQ,EAA0Q,gBAAe,OAAzR,EAAiS,aAAY,IAA7S;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"FunnelOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FunnelOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M35.4 87.12l168.65 196.44A16.07 16.07 0 01208 294v119.32a7.93 7.93 0 005.39 7.59l80.15 26.67A7.94 7.94 0 00304 440V294a16.07 16.07 0 014-10.44L476.6 87.12A14 14 0 00466 64H46.05A14 14 0 0035.4 87.12z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnelOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnelOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FunnelOutline"]}
\ No newline at end of file
diff --git a/lib/FunnelSharp.js b/lib/FunnelSharp.js
index 6648da695..ae673b6f1 100644
--- a/lib/FunnelSharp.js
+++ b/lib/FunnelSharp.js
@@ -47,7 +47,7 @@ var FunnelSharp = function FunnelSharp(props) {
 FunnelSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/FunnelSharp.js.map b/lib/FunnelSharp.js.map
index 083007a0c..675871205 100644
--- a/lib/FunnelSharp.js.map
+++ b/lib/FunnelSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/FunnelSharp.js"],"names":["FunnelSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FunnelSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FunnelSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 48l192 240v128l128 48V288L512 48H0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnelSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnelSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FunnelSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/FunnelSharp.js"],"names":["FunnelSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"FunnelSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst FunnelSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 48l192 240v128l128 48V288L512 48H0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nFunnelSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nFunnelSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default FunnelSharp"]}
\ No newline at end of file
diff --git a/lib/GameController.js b/lib/GameController.js
index e2df073d9..d67908840 100644
--- a/lib/GameController.js
+++ b/lib/GameController.js
@@ -47,7 +47,7 @@ var GameController = function GameController(props) {
 GameController.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GameController.js.map b/lib/GameController.js.map
index e9336d682..9e35adb40 100644
--- a/lib/GameController.js.map
+++ b/lib/GameController.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GameController.js"],"names":["GameController","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,syBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GameController.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameController = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.13 107.13 0 00352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.74 115.74 0 00-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.62 56.62 0 0018.64 3.22c29.93 0 53.93-24.93 70.33-45.34 18.53-23.1 40.22-34.82 107.34-34.82 59.95 0 84.76 8.13 106.19 34.82 13.47 16.78 26.2 28.52 38.9 35.91 16.89 9.82 33.77 12 50.16 6.37 25.82-8.81 40.62-32.1 44-69.24 2.57-28.48-1.39-65.89-12.12-114.37zM208 240h-32v32a16 16 0 01-32 0v-32h-32a16 16 0 010-32h32v-32a16 16 0 0132 0v32h32a16 16 0 010 32zm84 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-19.95A20 20 0 01336 288zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameController.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameController.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameController"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GameController.js"],"names":["GameController","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,syBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GameController.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameController = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.13 107.13 0 00352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.74 115.74 0 00-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.62 56.62 0 0018.64 3.22c29.93 0 53.93-24.93 70.33-45.34 18.53-23.1 40.22-34.82 107.34-34.82 59.95 0 84.76 8.13 106.19 34.82 13.47 16.78 26.2 28.52 38.9 35.91 16.89 9.82 33.77 12 50.16 6.37 25.82-8.81 40.62-32.1 44-69.24 2.57-28.48-1.39-65.89-12.12-114.37zM208 240h-32v32a16 16 0 01-32 0v-32h-32a16 16 0 010-32h32v-32a16 16 0 0132 0v32h32a16 16 0 010 32zm84 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-19.95A20 20 0 01336 288zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameController.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameController.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameController"]}
\ No newline at end of file
diff --git a/lib/GameControllerOutline.js b/lib/GameControllerOutline.js
index 98bd8f19c..1c59859eb 100644
--- a/lib/GameControllerOutline.js
+++ b/lib/GameControllerOutline.js
@@ -52,7 +52,7 @@ var GameControllerOutline = function GameControllerOutline(props) {
 GameControllerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GameControllerOutline.js.map b/lib/GameControllerOutline.js.map
index c47ba740a..74ea893f2 100644
--- a/lib/GameControllerOutline.js.map
+++ b/lib/GameControllerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GameControllerOutline.js"],"names":["GameControllerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uWAAR,EAAgX,MAAK,MAArX,EAA4X,QAAO,cAAnY,EAAkZ,kBAAiB,IAAna,EAAwa,aAAY,IAApb,GAAjK;AAA2lB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3lB;AAA6nB,8CAAM,GAAE,gDAAR,GAA7nB;AAAurB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAvrB;AAAytB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAztB;AAA2vB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAA3vB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"GameControllerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameControllerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467.51 248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5 91.5 0 00352 96c-26.89 0-48.11 16-96 16s-69.15-16-96-16a99.09 99.09 0 00-27.2 3.66C89 112.59 61.94 165.7 43.33 248.83c-19 84.91-15.56 152 21.58 164.88 26 9 49.25-9.61 71.27-37 25-31.2 55.79-40.8 119.82-40.8s93.62 9.6 118.66 40.8c22 27.41 46.11 45.79 71.42 37.16 41.02-14.01 40.44-79.13 21.43-165.04z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"292\" cy=\"224\" r=\"20\"/><path d=\"M336 288a20 20 0 1120-19.95A20 20 0 01336 288z\"/><circle cx=\"336\" cy=\"180\" r=\"20\"/><circle cx=\"380\" cy=\"224\" r=\"20\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 176v96M208 224h-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameControllerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameControllerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameControllerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GameControllerOutline.js"],"names":["GameControllerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uWAAR,EAAgX,MAAK,MAArX,EAA4X,QAAO,cAAnY,EAAkZ,kBAAiB,IAAna,EAAwa,aAAY,IAApb,GAAhK;AAA2lB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA3lB;AAA8nB,8CAAM,GAAE,gDAAR,GAA9nB;AAAyrB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAzrB;AAA4tB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA5tB;AAA+vB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAA/vB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"GameControllerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameControllerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467.51 248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5 91.5 0 00352 96c-26.89 0-48.11 16-96 16s-69.15-16-96-16a99.09 99.09 0 00-27.2 3.66C89 112.59 61.94 165.7 43.33 248.83c-19 84.91-15.56 152 21.58 164.88 26 9 49.25-9.61 71.27-37 25-31.2 55.79-40.8 119.82-40.8s93.62 9.6 118.66 40.8c22 27.41 46.11 45.79 71.42 37.16 41.02-14.01 40.44-79.13 21.43-165.04z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"292\" cy=\"224\" r=\"20\" /><path d=\"M336 288a20 20 0 1120-19.95A20 20 0 01336 288z\" /><circle cx=\"336\" cy=\"180\" r=\"20\" /><circle cx=\"380\" cy=\"224\" r=\"20\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 176v96M208 224h-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameControllerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameControllerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameControllerOutline"]}
\ No newline at end of file
diff --git a/lib/GameControllerSharp.js b/lib/GameControllerSharp.js
index b641a2bda..876f4d7fc 100644
--- a/lib/GameControllerSharp.js
+++ b/lib/GameControllerSharp.js
@@ -47,7 +47,7 @@ var GameControllerSharp = function GameControllerSharp(props) {
 GameControllerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GameControllerSharp.js.map b/lib/GameControllerSharp.js.map
index df9bafbd8..6920cd8c0 100644
--- a/lib/GameControllerSharp.js.map
+++ b/lib/GameControllerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GameControllerSharp.js"],"names":["GameControllerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wdAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"GameControllerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameControllerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0114.28-8.78h198.28a16 16 0 0114.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88zM224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48zm68 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameControllerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameControllerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameControllerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GameControllerSharp.js"],"names":["GameControllerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wdAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"GameControllerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GameControllerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0114.28-8.78h198.28a16 16 0 0114.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88zM224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48zm68 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGameControllerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGameControllerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GameControllerSharp"]}
\ No newline at end of file
diff --git a/lib/Gift.js b/lib/Gift.js
index d8fa8f765..5ea4c89cc 100644
--- a/lib/Gift.js
+++ b/lib/Gift.js
@@ -48,7 +48,7 @@ var Gift = function Gift(props) {
 Gift.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Gift.js.map b/lib/Gift.js.map
index cc6e1507d..5e0462fba 100644
--- a/lib/Gift.js.map
+++ b/lib/Gift.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Gift.js"],"names":["Gift","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,GAAjK;AAAyQ,8CAAM,GAAE,8fAAR;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Gift.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Gift = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200 144h40v-40a40 40 0 10-40 40zM352 104a40 40 0 00-80 0v40h40a40 40 0 0040-40z\" fill=\"none\"/><path d=\"M80 416a64 64 0 0064 64h92a4 4 0 004-4V292a4 4 0 00-4-4H88a8 8 0 00-8 8zM240 252V144h32v108a4 4 0 004 4h140a47.93 47.93 0 0016-2.75A48.09 48.09 0 00464 208v-16a48 48 0 00-48-48h-40.54a2 2 0 01-1.7-3A72 72 0 00256 58.82 72 72 0 00138.24 141a2 2 0 01-1.7 3H96a48 48 0 00-48 48v16a48.09 48.09 0 0032 45.25A47.93 47.93 0 0096 256h140a4 4 0 004-4zm32-148a40 40 0 1140 40h-40zm-74.86-39.9A40 40 0 01240 104v40h-40a40 40 0 01-2.86-79.89zM276 480h92a64 64 0 0064-64V296a8 8 0 00-8-8H276a4 4 0 00-4 4v184a4 4 0 004 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGift.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGift.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Gift"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Gift.js"],"names":["Gift","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,GAAhK;AAAyQ,8CAAM,GAAE,8fAAR;AAAzQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Gift.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Gift = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200 144h40v-40a40 40 0 10-40 40zM352 104a40 40 0 00-80 0v40h40a40 40 0 0040-40z\" fill=\"none\" /><path d=\"M80 416a64 64 0 0064 64h92a4 4 0 004-4V292a4 4 0 00-4-4H88a8 8 0 00-8 8zM240 252V144h32v108a4 4 0 004 4h140a47.93 47.93 0 0016-2.75A48.09 48.09 0 00464 208v-16a48 48 0 00-48-48h-40.54a2 2 0 01-1.7-3A72 72 0 00256 58.82 72 72 0 00138.24 141a2 2 0 01-1.7 3H96a48 48 0 00-48 48v16a48.09 48.09 0 0032 45.25A47.93 47.93 0 0096 256h140a4 4 0 004-4zm32-148a40 40 0 1140 40h-40zm-74.86-39.9A40 40 0 01240 104v40h-40a40 40 0 01-2.86-79.89zM276 480h92a64 64 0 0064-64V296a8 8 0 00-8-8H276a4 4 0 00-4 4v184a4 4 0 004 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGift.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGift.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Gift"]}
\ No newline at end of file
diff --git a/lib/GiftOutline.js b/lib/GiftOutline.js
index b9af8c22e..deed25265 100644
--- a/lib/GiftOutline.js
+++ b/lib/GiftOutline.js
@@ -49,7 +49,7 @@ var GiftOutline = function GiftOutline(props) {
 GiftOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GiftOutline.js.map b/lib/GiftOutline.js.map
index a100d913c..99dae7fc3 100644
--- a/lib/GiftOutline.js.map
+++ b/lib/GiftOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GiftOutline.js"],"names":["GiftOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kEAAR,EAA2E,MAAK,MAAhF,EAAuF,QAAO,cAA9F,EAA6G,eAAc,OAA3H,EAAmI,kBAAiB,IAApJ,EAAyJ,aAAY,IAArK,GAAjK;AAA4U,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA5U;AAA2e,8CAAM,GAAE,oEAAR,EAA6E,MAAK,MAAlF,EAAyF,QAAO,cAAhG,EAA+G,eAAc,OAA7H,EAAqI,gBAAe,OAApJ,EAA4J,aAAY,IAAxK;AAA3e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GiftOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GiftOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 104v56h56a56 56 0 10-56-56zM256 104v56h-56a56 56 0 1156-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><rect x=\"64\" y=\"160\" width=\"384\" height=\"112\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M416 272v144a48 48 0 01-48 48H144a48 48 0 01-48-48V272M256 160v304\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGiftOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGiftOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GiftOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GiftOutline.js"],"names":["GiftOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kEAAR,EAA2E,MAAK,MAAhF,EAAuF,QAAO,cAA9F,EAA6G,eAAc,OAA3H,EAAmI,kBAAiB,IAApJ,EAAyJ,aAAY,IAArK,GAAhK;AAA4U,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA5U;AAA4e,8CAAM,GAAE,oEAAR,EAA6E,MAAK,MAAlF,EAAyF,QAAO,cAAhG,EAA+G,eAAc,OAA7H,EAAqI,gBAAe,OAApJ,EAA4J,aAAY,IAAxK;AAA5e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GiftOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GiftOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 104v56h56a56 56 0 10-56-56zM256 104v56h-56a56 56 0 1156-56z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><rect x=\"64\" y=\"160\" width=\"384\" height=\"112\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M416 272v144a48 48 0 01-48 48H144a48 48 0 01-48-48V272M256 160v304\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGiftOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGiftOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GiftOutline"]}
\ No newline at end of file
diff --git a/lib/GiftSharp.js b/lib/GiftSharp.js
index b6090b23f..4e0f4c763 100644
--- a/lib/GiftSharp.js
+++ b/lib/GiftSharp.js
@@ -48,7 +48,7 @@ var GiftSharp = function GiftSharp(props) {
 GiftSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GiftSharp.js.map b/lib/GiftSharp.js.map
index d7711a89a..1408e8c1c 100644
--- a/lib/GiftSharp.js.map
+++ b/lib/GiftSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GiftSharp.js"],"names":["GiftSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,GAAjK;AAAqQ,8CAAM,GAAE,8SAAR;AAArQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GiftSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GiftSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M346 110a34 34 0 00-68 0v34h34a34 34 0 0034-34zM234 110a34 34 0 10-34 34h34z\" fill=\"none\"/><path d=\"M234 144h44v112h164a22 22 0 0022-22v-68a22 22 0 00-22-22h-59.82A77.95 77.95 0 00256 55.79 78 78 0 00129.81 144H70a22 22 0 00-22 22v68a22 22 0 0022 22h164zm44-34a34 34 0 1134 34h-34zm-112 0a34 34 0 1168 0v34h-34a34 34 0 01-34-34zM278 480h132a22 22 0 0022-22V288H278zM80 458a22 22 0 0022 22h132V288H80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGiftSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGiftSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GiftSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GiftSharp.js"],"names":["GiftSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,GAAhK;AAAqQ,8CAAM,GAAE,8SAAR;AAArQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GiftSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GiftSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M346 110a34 34 0 00-68 0v34h34a34 34 0 0034-34zM234 110a34 34 0 10-34 34h34z\" fill=\"none\" /><path d=\"M234 144h44v112h164a22 22 0 0022-22v-68a22 22 0 00-22-22h-59.82A77.95 77.95 0 00256 55.79 78 78 0 00129.81 144H70a22 22 0 00-22 22v68a22 22 0 0022 22h164zm44-34a34 34 0 1134 34h-34zm-112 0a34 34 0 1168 0v34h-34a34 34 0 01-34-34zM278 480h132a22 22 0 0022-22V288H278zM80 458a22 22 0 0022 22h132V288H80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGiftSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGiftSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GiftSharp"]}
\ No newline at end of file
diff --git a/lib/GitBranch.js b/lib/GitBranch.js
index 3b2ad8779..e1d239dc8 100644
--- a/lib/GitBranch.js
+++ b/lib/GitBranch.js
@@ -47,7 +47,7 @@ var GitBranch = function GitBranch(props) {
 GitBranch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitBranch.js.map b/lib/GitBranch.js.map
index b5be5b702..670cd193c 100644
--- a/lib/GitBranch.js.map
+++ b/lib/GitBranch.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitBranch.js"],"names":["GitBranch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GitBranch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 160a64 64 0 10-96.27 55.24c-2.29 29.08-20.08 37-75 48.42-17.76 3.68-35.93 7.45-52.71 13.93v-126.2a64 64 0 10-64 0v209.22a64 64 0 1064.42.24c2.39-18 16-24.33 65.26-34.52 27.43-5.67 55.78-11.54 79.78-26.95 29-18.58 44.53-46.78 46.36-83.89A64 64 0 00416 160zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranch.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranch"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitBranch.js"],"names":["GitBranch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GitBranch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 160a64 64 0 10-96.27 55.24c-2.29 29.08-20.08 37-75 48.42-17.76 3.68-35.93 7.45-52.71 13.93v-126.2a64 64 0 10-64 0v209.22a64 64 0 1064.42.24c2.39-18 16-24.33 65.26-34.52 27.43-5.67 55.78-11.54 79.78-26.95 29-18.58 44.53-46.78 46.36-83.89A64 64 0 00416 160zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranch.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranch"]}
\ No newline at end of file
diff --git a/lib/GitBranchOutline.js b/lib/GitBranchOutline.js
index 3123be042..4385e9b5e 100644
--- a/lib/GitBranchOutline.js
+++ b/lib/GitBranchOutline.js
@@ -51,7 +51,7 @@ var GitBranchOutline = function GitBranchOutline(props) {
 GitBranchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitBranchOutline.js.map b/lib/GitBranchOutline.js.map
index abd53f886..44d51f049 100644
--- a/lib/GitBranchOutline.js.map
+++ b/lib/GitBranchOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitBranchOutline.js"],"names":["GitBranchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAoa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAApa;AAA4hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA5hB;AAA8pB,8CAAM,GAAE,+BAAR,EAAwC,MAAK,MAA7C,EAAoD,QAAO,cAA3D,EAA0E,eAAc,OAAxF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI;AAA9pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"GitBranchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"160\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"160\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368V144\"/><circle cx=\"352\" cy=\"160\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M352 208c0 128-192 48-192 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranchOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranchOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitBranchOutline.js"],"names":["GitBranchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAra;AAA8hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA9hB;AAAiqB,8CAAM,GAAE,+BAAR,EAAwC,MAAK,MAA7C,EAAoD,QAAO,cAA3D,EAA0E,eAAc,OAAxF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI;AAAjqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"GitBranchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"160\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"160\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 368V144\" /><circle cx=\"352\" cy=\"160\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M352 208c0 128-192 48-192 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranchOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranchOutline"]}
\ No newline at end of file
diff --git a/lib/GitBranchSharp.js b/lib/GitBranchSharp.js
index 0cc013e33..1e5be44b1 100644
--- a/lib/GitBranchSharp.js
+++ b/lib/GitBranchSharp.js
@@ -47,7 +47,7 @@ var GitBranchSharp = function GitBranchSharp(props) {
 GitBranchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitBranchSharp.js.map b/lib/GitBranchSharp.js.map
index 3871fdb0a..89b268e36 100644
--- a/lib/GitBranchSharp.js.map
+++ b/lib/GitBranchSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitBranchSharp.js"],"names":["GitBranchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitBranchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 96a64 64 0 00-58.86 89.11l-101.14 88V151.39a64 64 0 10-64 0v209.22a64 64 0 1064 0V358l154.25-134.27c1.9.17 3.81.27 5.75.27a64 64 0 000-128zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranchSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranchSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitBranchSharp.js"],"names":["GitBranchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitBranchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitBranchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 96a64 64 0 00-58.86 89.11l-101.14 88V151.39a64 64 0 10-64 0v209.22a64 64 0 1064 0V358l154.25-134.27c1.9.17 3.81.27 5.75.27a64 64 0 000-128zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitBranchSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitBranchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitBranchSharp"]}
\ No newline at end of file
diff --git a/lib/GitCommit.js b/lib/GitCommit.js
index 6e1afe71a..9019399f2 100644
--- a/lib/GitCommit.js
+++ b/lib/GitCommit.js
@@ -47,7 +47,7 @@ var GitCommit = function GitCommit(props) {
 GitCommit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCommit.js.map b/lib/GitCommit.js.map
index e78ba619c..dfa169d37 100644
--- a/lib/GitCommit.js.map
+++ b/lib/GitCommit.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCommit.js"],"names":["GitCommit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GitCommit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 224h-68a128 128 0 00-247.9 0H64a32 32 0 000 64h68.05A128 128 0 00380 288h68a32 32 0 000-64zm-192 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommit.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommit"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCommit.js"],"names":["GitCommit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GitCommit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 224h-68a128 128 0 00-247.9 0H64a32 32 0 000 64h68.05A128 128 0 00380 288h68a32 32 0 000-64zm-192 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommit.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommit"]}
\ No newline at end of file
diff --git a/lib/GitCommitOutline.js b/lib/GitCommitOutline.js
index 2f911d1b1..eae85322f 100644
--- a/lib/GitCommitOutline.js
+++ b/lib/GitCommitOutline.js
@@ -48,7 +48,7 @@ var GitCommitOutline = function GitCommitOutline(props) {
 GitCommitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCommitOutline.js.map b/lib/GitCommitOutline.js.map
index ebd769609..7bb6cc841 100644
--- a/lib/GitCommitOutline.js.map
+++ b/lib/GitCommitOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCommitOutline.js"],"names":["GitCommitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAnS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"GitCommitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 256H48M464 256H352\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommitOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommitOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCommitOutline.js"],"names":["GitCommitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG;AAAnS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"GitCommitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 256H48M464 256H352\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommitOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommitOutline"]}
\ No newline at end of file
diff --git a/lib/GitCommitSharp.js b/lib/GitCommitSharp.js
index cd4becea1..4b1f68902 100644
--- a/lib/GitCommitSharp.js
+++ b/lib/GitCommitSharp.js
@@ -47,7 +47,7 @@ var GitCommitSharp = function GitCommitSharp(props) {
 GitCommitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCommitSharp.js.map b/lib/GitCommitSharp.js.map
index 33f8bc0ce..5665da445 100644
--- a/lib/GitCommitSharp.js.map
+++ b/lib/GitCommitSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCommitSharp.js"],"names":["GitCommitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitCommitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 224H380a128 128 0 00-247.9 0H32v64h100.05A128 128 0 00380 288h100zm-224 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommitSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommitSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCommitSharp.js"],"names":["GitCommitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitCommitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCommitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 224H380a128 128 0 00-247.9 0H32v64h100.05A128 128 0 00380 288h100zm-224 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCommitSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCommitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCommitSharp"]}
\ No newline at end of file
diff --git a/lib/GitCompare.js b/lib/GitCompare.js
index b14d18a98..bc059edf1 100644
--- a/lib/GitCompare.js
+++ b/lib/GitCompare.js
@@ -47,7 +47,7 @@ var GitCompare = function GitCompare(props) {
 GitCompare.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCompare.js.map b/lib/GitCompare.js.map
index 04e8f6cf8..b88af42b3 100644
--- a/lib/GitCompare.js.map
+++ b/lib/GitCompare.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCompare.js"],"names":["GitCompare","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GitCompare.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompare = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.31 340.69A16 16 0 00191 352v32h-20a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h20v32a16 16 0 0027.31 11.31l64-64a16 16 0 000-22.62zM112 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00320 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompare.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompare"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCompare.js"],"names":["GitCompare","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GitCompare.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompare = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.31 340.69A16 16 0 00191 352v32h-20a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h20v32a16 16 0 0027.31 11.31l64-64a16 16 0 000-22.62zM112 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00320 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompare.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompare"]}
\ No newline at end of file
diff --git a/lib/GitCompareOutline.js b/lib/GitCompareOutline.js
index ab043d054..8bf3b82f3 100644
--- a/lib/GitCompareOutline.js
+++ b/lib/GitCompareOutline.js
@@ -50,7 +50,7 @@ var GitCompareOutline = function GitCompareOutline(props) {
 GitCompareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCompareOutline.js.map b/lib/GitCompareOutline.js.map
index 3c8885a77..5471ef7ad 100644
--- a/lib/GitCompareOutline.js.map
+++ b/lib/GitCompareOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCompareOutline.js"],"names":["GitCompareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG,GAAjK;AAAsT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAtT;AAAub,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAvb;AAAyjB,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,gBAAe,OAAjJ,EAAyJ,aAAY,IAArK;AAAzjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"GitCompareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 160l-64-64 64-64M207 352l64 64-64 64\"/><circle cx=\"112\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"400\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 96h84a60 60 0 0160 60v212M255 416h-84a60 60 0 01-60-60V144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompareOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompareOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCompareOutline.js"],"names":["GitCompareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG,GAAhK;AAAsT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAtT;AAAwb,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAxb;AAA2jB,8CAAM,GAAE,iEAAR,EAA0E,MAAK,MAA/E,EAAsF,QAAO,cAA7F,EAA4G,eAAc,OAA1H,EAAkI,gBAAe,OAAjJ,EAAyJ,aAAY,IAArK;AAA3jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"GitCompareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 160l-64-64 64-64M207 352l64 64-64 64\" /><circle cx=\"112\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"400\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 96h84a60 60 0 0160 60v212M255 416h-84a60 60 0 01-60-60V144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompareOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompareOutline"]}
\ No newline at end of file
diff --git a/lib/GitCompareSharp.js b/lib/GitCompareSharp.js
index a75693a31..db66f7233 100644
--- a/lib/GitCompareSharp.js
+++ b/lib/GitCompareSharp.js
@@ -47,7 +47,7 @@ var GitCompareSharp = function GitCompareSharp(props) {
 GitCompareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitCompareSharp.js.map b/lib/GitCompareSharp.js.map
index 11d211e51..a06a105bd 100644
--- a/lib/GitCompareSharp.js.map
+++ b/lib/GitCompareSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitCompareSharp.js"],"names":["GitCompareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitCompareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M209 384h-37a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h37v55.21L294.39 416 209 328.79zM113 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L217.14 96 305 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompareSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompareSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitCompareSharp.js"],"names":["GitCompareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitCompareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitCompareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M209 384h-37a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h37v55.21L294.39 416 209 328.79zM113 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L217.14 96 305 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitCompareSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitCompareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitCompareSharp"]}
\ No newline at end of file
diff --git a/lib/GitMerge.js b/lib/GitMerge.js
index caba41f06..7f01b2069 100644
--- a/lib/GitMerge.js
+++ b/lib/GitMerge.js
@@ -47,7 +47,7 @@ var GitMerge = function GitMerge(props) {
 GitMerge.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitMerge.js.map b/lib/GitMerge.js.map
index 9f736d28d..8c1eb45fd 100644
--- a/lib/GitMerge.js.map
+++ b/lib/GitMerge.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitMerge.js"],"names":["GitMerge","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wUAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"GitMerge.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMerge = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M385 224a64 64 0 00-55.33 31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64 64 0 10-64.31.18v209.22a64 64 0 1064 0v-94.46c44.76 34 107.28 52.38 168.56 53.76A64 64 0 10385 224zM129 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMerge.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMerge.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMerge"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitMerge.js"],"names":["GitMerge","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wUAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"GitMerge.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMerge = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M385 224a64 64 0 00-55.33 31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64 64 0 10-64.31.18v209.22a64 64 0 1064 0v-94.46c44.76 34 107.28 52.38 168.56 53.76A64 64 0 10385 224zM129 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMerge.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMerge.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMerge"]}
\ No newline at end of file
diff --git a/lib/GitMergeOutline.js b/lib/GitMergeOutline.js
index 04176de06..f17538329 100644
--- a/lib/GitMergeOutline.js
+++ b/lib/GitMergeOutline.js
@@ -51,7 +51,7 @@ var GitMergeOutline = function GitMergeOutline(props) {
 GitMergeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitMergeOutline.js.map b/lib/GitMergeOutline.js.map
index b31cf4051..c3b042cd1 100644
--- a/lib/GitMergeOutline.js.map
+++ b/lib/GitMergeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitMergeOutline.js"],"names":["GitMergeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAoa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAApa;AAA4hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA5hB;AAA8pB,8CAAM,GAAE,+BAAR,EAAwC,MAAK,MAA7C,EAAoD,QAAO,cAA3D,EAA0E,eAAc,OAAxF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI;AAA9pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitMergeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMergeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"129\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"129\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M129 144v224\"/><circle cx=\"385\" cy=\"288\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M129 144c0 96 112 144 208 144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMergeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMergeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMergeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitMergeOutline.js"],"names":["GitMergeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAra;AAA8hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA9hB;AAAiqB,8CAAM,GAAE,+BAAR,EAAwC,MAAK,MAA7C,EAAoD,QAAO,cAA3D,EAA0E,eAAc,OAAxF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI;AAAjqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitMergeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMergeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"129\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"129\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M129 144v224\" /><circle cx=\"385\" cy=\"288\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M129 144c0 96 112 144 208 144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMergeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMergeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMergeOutline"]}
\ No newline at end of file
diff --git a/lib/GitMergeSharp.js b/lib/GitMergeSharp.js
index 9e3ce8efc..cd8d158d5 100644
--- a/lib/GitMergeSharp.js
+++ b/lib/GitMergeSharp.js
@@ -47,7 +47,7 @@ var GitMergeSharp = function GitMergeSharp(props) {
 GitMergeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitMergeSharp.js.map b/lib/GitMergeSharp.js.map
index 5e7dde8c8..2c05ff23a 100644
--- a/lib/GitMergeSharp.js.map
+++ b/lib/GitMergeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitMergeSharp.js"],"names":["GitMergeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"GitMergeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMergeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224a63.66 63.66 0 00-37.95 12.5L160 153.36v-2a64 64 0 10-64 0v209.25a64 64 0 1064 0V223.46l160.41 71.69A64 64 0 10384 224zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMergeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMergeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMergeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitMergeSharp.js"],"names":["GitMergeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"GitMergeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitMergeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224a63.66 63.66 0 00-37.95 12.5L160 153.36v-2a64 64 0 10-64 0v209.25a64 64 0 1064 0V223.46l160.41 71.69A64 64 0 10384 224zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitMergeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitMergeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitMergeSharp"]}
\ No newline at end of file
diff --git a/lib/GitNetwork.js b/lib/GitNetwork.js
index a0553f3a0..e40892266 100644
--- a/lib/GitNetwork.js
+++ b/lib/GitNetwork.js
@@ -47,7 +47,7 @@ var GitNetwork = function GitNetwork(props) {
 GitNetwork.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitNetwork.js.map b/lib/GitNetwork.js.map
index 05c11c356..e4305c7ba 100644
--- a/lib/GitNetwork.js.map
+++ b/lib/GitNetwork.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitNetwork.js"],"names":["GitNetwork","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4dAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GitNetwork.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetwork = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 96a64 64 0 10-96.31 55.21c-1.79 20.87-11.47 38.1-28.87 51.29C305.07 216 280.09 224 256 224s-49.07-8-66.82-21.5c-17.4-13.19-27.08-30.42-28.87-51.29a64 64 0 10-64.11.29c2.08 40.87 21.17 76.87 54.31 102C171.3 269.26 197 280.19 224 285.09v75.52a64 64 0 1064 0v-75.52c27-4.9 52.7-15.83 73.49-31.59 33.14-25.13 52.23-61.13 54.31-102A64 64 0 00448 96zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm128 384a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetwork.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetwork.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetwork"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitNetwork.js"],"names":["GitNetwork","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4dAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GitNetwork.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetwork = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 96a64 64 0 10-96.31 55.21c-1.79 20.87-11.47 38.1-28.87 51.29C305.07 216 280.09 224 256 224s-49.07-8-66.82-21.5c-17.4-13.19-27.08-30.42-28.87-51.29a64 64 0 10-64.11.29c2.08 40.87 21.17 76.87 54.31 102C171.3 269.26 197 280.19 224 285.09v75.52a64 64 0 1064 0v-75.52c27-4.9 52.7-15.83 73.49-31.59 33.14-25.13 52.23-61.13 54.31-102A64 64 0 00448 96zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm128 384a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetwork.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetwork.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetwork"]}
\ No newline at end of file
diff --git a/lib/GitNetworkOutline.js b/lib/GitNetworkOutline.js
index 34662704a..adc563477 100644
--- a/lib/GitNetworkOutline.js
+++ b/lib/GitNetworkOutline.js
@@ -51,7 +51,7 @@ var GitNetworkOutline = function GitNetworkOutline(props) {
 GitNetworkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitNetworkOutline.js.map b/lib/GitNetworkOutline.js.map
index dff4cb5a1..af719d498 100644
--- a/lib/GitNetworkOutline.js.map
+++ b/lib/GitNetworkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitNetworkOutline.js"],"names":["GitNetworkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAoa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAApa;AAA4hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAA5hB;AAA6pB,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,eAAc,OAA/H,EAAuI,gBAAe,OAAtJ,EAA8J,aAAY,IAA1K;AAA7pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"GitNetworkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetworkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 256v112\"/><circle cx=\"384\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M128 144c0 74.67 68.92 112 128 112M384 144c0 74.67-68.92 112-128 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetworkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetworkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetworkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitNetworkOutline.js"],"names":["GitNetworkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhK;AAAkS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAlS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAra;AAA8hB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAA9hB;AAAgqB,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,eAAc,OAA/H,EAAuI,gBAAe,OAAtJ,EAA8J,aAAY,IAA1K;AAAhqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"GitNetworkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetworkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 256v112\" /><circle cx=\"384\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M128 144c0 74.67 68.92 112 128 112M384 144c0 74.67-68.92 112-128 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetworkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetworkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetworkOutline"]}
\ No newline at end of file
diff --git a/lib/GitNetworkSharp.js b/lib/GitNetworkSharp.js
index 2b0237a69..ad97e9bbf 100644
--- a/lib/GitNetworkSharp.js
+++ b/lib/GitNetworkSharp.js
@@ -47,7 +47,7 @@ var GitNetworkSharp = function GitNetworkSharp(props) {
 GitNetworkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitNetworkSharp.js.map b/lib/GitNetworkSharp.js.map
index 16253557c..adc1bd85e 100644
--- a/lib/GitNetworkSharp.js.map
+++ b/lib/GitNetworkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitNetworkSharp.js"],"names":["GitNetworkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitNetworkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetworkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 32a64 64 0 00-57.67 91.73l-70.83 80.82-70.19-80.1A64 64 0 10128 160c1.1 0 2.2 0 3.29-.08L224 265.7v94.91a64 64 0 1064 0v-96.05l91.78-104.71c1.39.09 2.8.15 4.22.15a64 64 0 000-128zM96 96a32 32 0 1132 32 32 32 0 01-32-32zm160 352a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetworkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetworkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetworkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitNetworkSharp.js"],"names":["GitNetworkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"GitNetworkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitNetworkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 32a64 64 0 00-57.67 91.73l-70.83 80.82-70.19-80.1A64 64 0 10128 160c1.1 0 2.2 0 3.29-.08L224 265.7v94.91a64 64 0 1064 0v-96.05l91.78-104.71c1.39.09 2.8.15 4.22.15a64 64 0 000-128zM96 96a32 32 0 1132 32 32 32 0 01-32-32zm160 352a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitNetworkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitNetworkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitNetworkSharp"]}
\ No newline at end of file
diff --git a/lib/GitPullRequest.js b/lib/GitPullRequest.js
index d133c6655..61460228c 100644
--- a/lib/GitPullRequest.js
+++ b/lib/GitPullRequest.js
@@ -47,7 +47,7 @@ var GitPullRequest = function GitPullRequest(props) {
 GitPullRequest.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitPullRequest.js.map b/lib/GitPullRequest.js.map
index 8a9bae5a8..1472f3202 100644
--- a/lib/GitPullRequest.js.map
+++ b/lib/GitPullRequest.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitPullRequest.js"],"names":["GitPullRequest","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitPullRequest.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequest = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 96a64 64 0 10-96 55.39v209.22a64 64 0 1064 0V151.39A64 64 0 00192 96zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00304 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequest.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequest.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequest"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitPullRequest.js"],"names":["GitPullRequest","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GitPullRequest.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequest = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 96a64 64 0 10-96 55.39v209.22a64 64 0 1064 0V151.39A64 64 0 00192 96zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00304 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequest.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequest.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequest"]}
\ No newline at end of file
diff --git a/lib/GitPullRequestOutline.js b/lib/GitPullRequestOutline.js
index 83f5782f0..f17238b7c 100644
--- a/lib/GitPullRequestOutline.js
+++ b/lib/GitPullRequestOutline.js
@@ -51,7 +51,7 @@ var GitPullRequestOutline = function GitPullRequestOutline(props) {
 GitPullRequestOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitPullRequestOutline.js.map b/lib/GitPullRequestOutline.js.map
index 9debe1fea..8b4c0b651 100644
--- a/lib/GitPullRequestOutline.js.map
+++ b/lib/GitPullRequestOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitPullRequestOutline.js"],"names":["GitPullRequestOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG,GAAnS;AAAgb,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhb;AAAijB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjjB;AAAmrB,8CAAM,GAAE,gCAAR,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAAnrB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"GitPullRequestOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequestOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128 144v224M288 160l-64-64 64-64\"/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M240 96h84a60 60 0 0160 60v212\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequestOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequestOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequestOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitPullRequestOutline.js"],"names":["GitPullRequestOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG,GAAnS;AAAib,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjb;AAAmjB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnjB;AAAsrB,8CAAM,GAAE,gCAAR,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAAtrB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"GitPullRequestOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequestOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128 144v224M288 160l-64-64 64-64\" /><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"416\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M240 96h84a60 60 0 0160 60v212\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequestOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequestOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequestOutline"]}
\ No newline at end of file
diff --git a/lib/GitPullRequestSharp.js b/lib/GitPullRequestSharp.js
index 5b8c78e04..3f4124341 100644
--- a/lib/GitPullRequestSharp.js
+++ b/lib/GitPullRequestSharp.js
@@ -47,7 +47,7 @@ var GitPullRequestSharp = function GitPullRequestSharp(props) {
 GitPullRequestSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GitPullRequestSharp.js.map b/lib/GitPullRequestSharp.js.map
index 71fdc6250..76aac24a5 100644
--- a/lib/GitPullRequestSharp.js.map
+++ b/lib/GitPullRequestSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GitPullRequestSharp.js"],"names":["GitPullRequestSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"GitPullRequestSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequestSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 96a64 64 0 10-97 54.81v209.8a64 64 0 1064 0V152a64.06 64.06 0 0033-56zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm-1 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L201.14 96 289 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequestSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequestSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequestSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GitPullRequestSharp.js"],"names":["GitPullRequestSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"GitPullRequestSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GitPullRequestSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 96a64 64 0 10-97 54.81v209.8a64 64 0 1064 0V152a64.06 64.06 0 0033-56zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm-1 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L201.14 96 289 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGitPullRequestSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGitPullRequestSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GitPullRequestSharp"]}
\ No newline at end of file
diff --git a/lib/Glasses.js b/lib/Glasses.js
index 5c9383ea8..4559fae12 100644
--- a/lib/Glasses.js
+++ b/lib/Glasses.js
@@ -47,7 +47,7 @@ var Glasses = function Glasses(props) {
 Glasses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Glasses.js.map b/lib/Glasses.js.map
index 64bb3b565..cde566c58 100644
--- a/lib/Glasses.js.map
+++ b/lib/Glasses.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Glasses.js"],"names":["Glasses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gpBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Glasses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Glasses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 184h-10.9a78.72 78.72 0 00-16-7.18C419.5 171 396.26 168 368 168s-51.5 3-69.06 8.82c-14.06 4.69-20.25 9.86-22.25 11.87a47.94 47.94 0 00-41.36 0c-2-2-8.19-7.18-22.25-11.87C195.5 171 172.26 168 144 168s-51.5 3-69.06 8.82a78.72 78.72 0 00-16 7.18H48a16 16 0 000 32h.17c1 45.46 6.44 72.78 18.11 92.23a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 9.68-16.14 15.09-37.69 17.21-70.52A16 16 0 00240 232a16 16 0 0132 0 16 16 0 001.07 5.71c2.12 32.83 7.53 54.38 17.21 70.52a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 11.67-19.45 17.13-46.77 18.11-92.23h.17a16 16 0 000-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlasses.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlasses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Glasses"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Glasses.js"],"names":["Glasses","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gpBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Glasses.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Glasses = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 184h-10.9a78.72 78.72 0 00-16-7.18C419.5 171 396.26 168 368 168s-51.5 3-69.06 8.82c-14.06 4.69-20.25 9.86-22.25 11.87a47.94 47.94 0 00-41.36 0c-2-2-8.19-7.18-22.25-11.87C195.5 171 172.26 168 144 168s-51.5 3-69.06 8.82a78.72 78.72 0 00-16 7.18H48a16 16 0 000 32h.17c1 45.46 6.44 72.78 18.11 92.23a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 9.68-16.14 15.09-37.69 17.21-70.52A16 16 0 00240 232a16 16 0 0132 0 16 16 0 001.07 5.71c2.12 32.83 7.53 54.38 17.21 70.52a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 11.67-19.45 17.13-46.77 18.11-92.23h.17a16 16 0 000-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlasses.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlasses.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Glasses"]}
\ No newline at end of file
diff --git a/lib/GlassesOutline.js b/lib/GlassesOutline.js
index 10838cfe0..e42458222 100644
--- a/lib/GlassesOutline.js
+++ b/lib/GlassesOutline.js
@@ -47,7 +47,7 @@ var GlassesOutline = function GlassesOutline(props) {
 GlassesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GlassesOutline.js.map b/lib/GlassesOutline.js.map
index f2311524c..030ca3d8b 100644
--- a/lib/GlassesOutline.js.map
+++ b/lib/GlassesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GlassesOutline.js"],"names":["GlassesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yLAAR,EAAkM,MAAK,MAAvM,EAA8M,QAAO,cAArN,EAAoO,eAAc,OAAlP,EAA0P,gBAAe,OAAzQ,EAAiR,aAAY,IAA7R;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GlassesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlassesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 232a32 32 0 0164 0M448 200h16M64 200H48M64 200c0 96 16 128 80 128s80-32 80-128c0 0-16-16-80-16s-80 16-80 16zM448 200c0 96-16 128-80 128s-80-32-80-128c0 0 16-16 80-16s80 16 80 16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlassesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlassesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlassesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GlassesOutline.js"],"names":["GlassesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yLAAR,EAAkM,MAAK,MAAvM,EAA8M,QAAO,cAArN,EAAoO,eAAc,OAAlP,EAA0P,gBAAe,OAAzQ,EAAiR,aAAY,IAA7R;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"GlassesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlassesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 232a32 32 0 0164 0M448 200h16M64 200H48M64 200c0 96 16 128 80 128s80-32 80-128c0 0-16-16-80-16s-80 16-80 16zM448 200c0 96-16 128-80 128s-80-32-80-128c0 0 16-16 80-16s80 16 80 16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlassesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlassesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlassesOutline"]}
\ No newline at end of file
diff --git a/lib/GlassesSharp.js b/lib/GlassesSharp.js
index 9670ef7a3..949559dd9 100644
--- a/lib/GlassesSharp.js
+++ b/lib/GlassesSharp.js
@@ -47,7 +47,7 @@ var GlassesSharp = function GlassesSharp(props) {
 GlassesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GlassesSharp.js.map b/lib/GlassesSharp.js.map
index 4fbd8fcc8..1db41a7eb 100644
--- a/lib/GlassesSharp.js.map
+++ b/lib/GlassesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GlassesSharp.js"],"names":["GlassesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"GlassesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlassesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 176H16v64h21.24l12.44 112h171.87L240 241.32V240a16 16 0 0132 0v1.32L290.45 352h171.87l12.44-112H496z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlassesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlassesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlassesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GlassesSharp.js"],"names":["GlassesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"GlassesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlassesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 176H16v64h21.24l12.44 112h171.87L240 241.32V240a16 16 0 0132 0v1.32L290.45 352h171.87l12.44-112H496z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlassesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlassesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlassesSharp"]}
\ No newline at end of file
diff --git a/lib/Globe.js b/lib/Globe.js
index 9d6afaccf..b52d6baef 100644
--- a/lib/Globe.js
+++ b/lib/Globe.js
@@ -48,7 +48,7 @@ var Globe = function Globe(props) {
 Globe.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Globe.js.map b/lib/Globe.js.map
index 23bebf0af..23e34909e 100644
--- a/lib/Globe.js.map
+++ b/lib/Globe.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Globe.js"],"names":["Globe","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i7CAAR,GAAjK;AAA4lD,8CAAM,GAAE,42CAAR;AAA5lD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Globe.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Globe = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340.75 344.49c5.91-20.7 9.82-44.75 11.31-67.84a4.41 4.41 0 00-4.46-4.65h-71.06a4.43 4.43 0 00-4.47 4.39v55.3a4.44 4.44 0 004.14 4.38 273.51 273.51 0 0159 11.39 4.45 4.45 0 005.54-2.97zM323.58 377.31a260.05 260.05 0 00-46.6-9.09 4.42 4.42 0 00-4.91 4.29v65.24a4.47 4.47 0 006.76 3.7c15.9-9.27 29-24.84 40.84-45.43 1.94-3.36 4.89-9.15 6.67-12.69a4.29 4.29 0 00-2.76-6.02zM235.29 368.4a256.85 256.85 0 00-46.56 8.82c-2.64.76-3.75 4.4-2.55 6.79 1.79 3.56 4 8.11 5.89 11.51 13 23 26.84 37.5 41.24 45.93a4.47 4.47 0 006.76-3.7v-65.27a4.16 4.16 0 00-4.78-4.08zM235.6 272h-71.06a4.41 4.41 0 00-4.46 4.64c1.48 23.06 5.37 47.16 11.26 67.84a4.46 4.46 0 005.59 3 272.2 272.2 0 0159-11.36 4.44 4.44 0 004.15-4.38V276.4a4.43 4.43 0 00-4.48-4.4zM277 143.78a235.8 235.8 0 0046.5-9.14 4.3 4.3 0 002.76-6c-1.79-3.57-4.27-8.68-6.17-12.09-12.29-22-26.14-37.35-41.24-46a4.48 4.48 0 00-6.76 3.7v65.23a4.43 4.43 0 004.91 4.3zM276.54 240h71.06a4.39 4.39 0 004.46-4.58c-1.48-22.77-5.27-47.8-11.16-68.22a4.46 4.46 0 00-5.59-2.95c-19 5.74-38.79 10.43-59.09 12a4.4 4.4 0 00-4.15 4.32v55.11a4.4 4.4 0 004.47 4.32zM233.31 70.56c-15.42 8.57-29.17 24.43-41.47 46.37-1.91 3.41-4.19 8.11-6 11.67a4.31 4.31 0 002.76 6 225.42 225.42 0 0046.54 9.17 4.43 4.43 0 004.91-4.29V74.26a4.49 4.49 0 00-6.74-3.7zM235.92 176.26c-20.3-1.55-40.11-6.24-59.09-12a4.46 4.46 0 00-5.59 2.95c-5.89 20.42-9.68 45.45-11.16 68.22a4.39 4.39 0 004.46 4.58h71.06a4.4 4.4 0 004.47-4.34v-55.09a4.4 4.4 0 00-4.15-4.32z\"/><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM176.6 430.85a219.08 219.08 0 01-12.48-19.66c-2-3.69-4.84-9.26-6.73-13.13a7.29 7.29 0 00-10.31-3.16c-4.3 2.41-10 5.72-14.13 8.43a147.29 147.29 0 01-23.57-22.43 248.83 248.83 0 0130.41-18.36c1.86-1 2.77-2.14 2.18-4.18a374.8 374.8 0 01-14.09-82.17 4.36 4.36 0 00-4.3-4.17H66.84a2 2 0 01-2-1.7A98.28 98.28 0 0164 256a96.27 96.27 0 01.86-14.29 2 2 0 012-1.7h56.74c2.29 0 4.17-1.32 4.29-3.63a372.71 372.71 0 0114-81.83 4.36 4.36 0 00-2.19-5.11 260.63 260.63 0 01-29.84-17.9 169.82 169.82 0 0123.14-22.8c4.08 2.68 9.4 5.71 13.66 8.11a7.89 7.89 0 0011-3.42c1.88-3.87 4-8.18 6.06-11.88a221.93 221.93 0 0112.54-19.91A185 185 0 01256 64c28.94 0 55.9 7 80.53 18.46a202.23 202.23 0 0112 19c2.59 4.66 5.34 10.37 7.66 15.32a4.29 4.29 0 005.92 1.94c5.38-2.91 11.21-6.26 16.34-9.63a171.36 171.36 0 0123.2 23 244.89 244.89 0 01-29.06 17.31 4.35 4.35 0 00-2.18 5.12 348.68 348.68 0 0113.85 81.4 4.33 4.33 0 004.3 4.12l56.62-.07a2 2 0 012 1.7 117.46 117.46 0 010 28.62 2 2 0 01-2 1.72h-56.67a4.35 4.35 0 00-4.3 4.17 367.4 367.4 0 01-13.87 81.3 4.45 4.45 0 002.19 5.19c5 2.59 10.57 5.48 15.37 8.42s9.55 6.08 14.13 9.34a172.73 172.73 0 01-23 22.93c-2.44-1.61-5.34-3.44-7.84-4.94-1.72-1-4.89-2.77-6.65-3.76-3.82-2.14-7.88-.54-9.79 3.4s-4.83 9.59-6.87 13.25a212.42 212.42 0 01-12.35 19.53C310.91 442.37 284.94 448 256 448s-54.77-5.63-79.4-17.15z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobe.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobe.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Globe"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Globe.js"],"names":["Globe","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i7CAAR,GAAhK;AAA4lD,8CAAM,GAAE,42CAAR;AAA5lD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Globe.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Globe = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340.75 344.49c5.91-20.7 9.82-44.75 11.31-67.84a4.41 4.41 0 00-4.46-4.65h-71.06a4.43 4.43 0 00-4.47 4.39v55.3a4.44 4.44 0 004.14 4.38 273.51 273.51 0 0159 11.39 4.45 4.45 0 005.54-2.97zM323.58 377.31a260.05 260.05 0 00-46.6-9.09 4.42 4.42 0 00-4.91 4.29v65.24a4.47 4.47 0 006.76 3.7c15.9-9.27 29-24.84 40.84-45.43 1.94-3.36 4.89-9.15 6.67-12.69a4.29 4.29 0 00-2.76-6.02zM235.29 368.4a256.85 256.85 0 00-46.56 8.82c-2.64.76-3.75 4.4-2.55 6.79 1.79 3.56 4 8.11 5.89 11.51 13 23 26.84 37.5 41.24 45.93a4.47 4.47 0 006.76-3.7v-65.27a4.16 4.16 0 00-4.78-4.08zM235.6 272h-71.06a4.41 4.41 0 00-4.46 4.64c1.48 23.06 5.37 47.16 11.26 67.84a4.46 4.46 0 005.59 3 272.2 272.2 0 0159-11.36 4.44 4.44 0 004.15-4.38V276.4a4.43 4.43 0 00-4.48-4.4zM277 143.78a235.8 235.8 0 0046.5-9.14 4.3 4.3 0 002.76-6c-1.79-3.57-4.27-8.68-6.17-12.09-12.29-22-26.14-37.35-41.24-46a4.48 4.48 0 00-6.76 3.7v65.23a4.43 4.43 0 004.91 4.3zM276.54 240h71.06a4.39 4.39 0 004.46-4.58c-1.48-22.77-5.27-47.8-11.16-68.22a4.46 4.46 0 00-5.59-2.95c-19 5.74-38.79 10.43-59.09 12a4.4 4.4 0 00-4.15 4.32v55.11a4.4 4.4 0 004.47 4.32zM233.31 70.56c-15.42 8.57-29.17 24.43-41.47 46.37-1.91 3.41-4.19 8.11-6 11.67a4.31 4.31 0 002.76 6 225.42 225.42 0 0046.54 9.17 4.43 4.43 0 004.91-4.29V74.26a4.49 4.49 0 00-6.74-3.7zM235.92 176.26c-20.3-1.55-40.11-6.24-59.09-12a4.46 4.46 0 00-5.59 2.95c-5.89 20.42-9.68 45.45-11.16 68.22a4.39 4.39 0 004.46 4.58h71.06a4.4 4.4 0 004.47-4.34v-55.09a4.4 4.4 0 00-4.15-4.32z\" /><path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM176.6 430.85a219.08 219.08 0 01-12.48-19.66c-2-3.69-4.84-9.26-6.73-13.13a7.29 7.29 0 00-10.31-3.16c-4.3 2.41-10 5.72-14.13 8.43a147.29 147.29 0 01-23.57-22.43 248.83 248.83 0 0130.41-18.36c1.86-1 2.77-2.14 2.18-4.18a374.8 374.8 0 01-14.09-82.17 4.36 4.36 0 00-4.3-4.17H66.84a2 2 0 01-2-1.7A98.28 98.28 0 0164 256a96.27 96.27 0 01.86-14.29 2 2 0 012-1.7h56.74c2.29 0 4.17-1.32 4.29-3.63a372.71 372.71 0 0114-81.83 4.36 4.36 0 00-2.19-5.11 260.63 260.63 0 01-29.84-17.9 169.82 169.82 0 0123.14-22.8c4.08 2.68 9.4 5.71 13.66 8.11a7.89 7.89 0 0011-3.42c1.88-3.87 4-8.18 6.06-11.88a221.93 221.93 0 0112.54-19.91A185 185 0 01256 64c28.94 0 55.9 7 80.53 18.46a202.23 202.23 0 0112 19c2.59 4.66 5.34 10.37 7.66 15.32a4.29 4.29 0 005.92 1.94c5.38-2.91 11.21-6.26 16.34-9.63a171.36 171.36 0 0123.2 23 244.89 244.89 0 01-29.06 17.31 4.35 4.35 0 00-2.18 5.12 348.68 348.68 0 0113.85 81.4 4.33 4.33 0 004.3 4.12l56.62-.07a2 2 0 012 1.7 117.46 117.46 0 010 28.62 2 2 0 01-2 1.72h-56.67a4.35 4.35 0 00-4.3 4.17 367.4 367.4 0 01-13.87 81.3 4.45 4.45 0 002.19 5.19c5 2.59 10.57 5.48 15.37 8.42s9.55 6.08 14.13 9.34a172.73 172.73 0 01-23 22.93c-2.44-1.61-5.34-3.44-7.84-4.94-1.72-1-4.89-2.77-6.65-3.76-3.82-2.14-7.88-.54-9.79 3.4s-4.83 9.59-6.87 13.25a212.42 212.42 0 01-12.35 19.53C310.91 442.37 284.94 448 256 448s-54.77-5.63-79.4-17.15z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobe.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobe.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Globe"]}
\ No newline at end of file
diff --git a/lib/GlobeOutline.js b/lib/GlobeOutline.js
index 6b951ef4a..27d380d9f 100644
--- a/lib/GlobeOutline.js
+++ b/lib/GlobeOutline.js
@@ -50,7 +50,7 @@ var GlobeOutline = function GlobeOutline(props) {
 GlobeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GlobeOutline.js.map b/lib/GlobeOutline.js.map
index 53e05cdad..0f0385789 100644
--- a/lib/GlobeOutline.js.map
+++ b/lib/GlobeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GlobeOutline.js"],"names":["GlobeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAjK;AAA8U,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,kBAAiB,IAAnK,EAAwK,aAAY,IAApL,GAA9U;AAAwgB,8CAAM,GAAE,8JAAR,EAAuK,MAAK,MAA5K,EAAmL,QAAO,cAA1L,EAAyM,eAAc,OAAvN,EAA+N,gBAAe,OAA9O,EAAsP,aAAY,IAAlQ,GAAxgB;AAAgxB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wBAAjF;AAAhxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"GlobeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlobeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M117.33 117.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 48v416M464 256H48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlobeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GlobeOutline.js"],"names":["GlobeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAhK;AAA8U,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,kBAAiB,IAAnK,EAAwK,aAAY,IAApL,GAA9U;AAAygB,8CAAM,GAAE,8JAAR,EAAuK,MAAK,MAA5K,EAAmL,QAAO,cAA1L,EAAyM,eAAc,OAAvN,EAA+N,gBAAe,OAA9O,EAAsP,aAAY,IAAlQ,GAAzgB;AAAkxB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wBAAjF;AAAlxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"GlobeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlobeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M117.33 117.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 48v416M464 256H48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlobeOutline"]}
\ No newline at end of file
diff --git a/lib/GlobeSharp.js b/lib/GlobeSharp.js
index f274f53c3..fc8a10362 100644
--- a/lib/GlobeSharp.js
+++ b/lib/GlobeSharp.js
@@ -50,7 +50,7 @@ var GlobeSharp = function GlobeSharp(props) {
 GlobeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GlobeSharp.js.map b/lib/GlobeSharp.js.map
index b7f3c1280..35c334315 100644
--- a/lib/GlobeSharp.js.map
+++ b/lib/GlobeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GlobeSharp.js"],"names":["GlobeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAjK;AAA8U,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,kBAAiB,IAAnK,EAAwK,aAAY,IAApL,GAA9U;AAAwgB,8CAAM,GAAE,8JAAR,EAAuK,MAAK,MAA5K,EAAmL,QAAO,cAA1L,EAAyM,eAAc,OAAvN,EAA+N,gBAAe,OAA9O,EAAsP,aAAY,IAAlQ,GAAxgB;AAAgxB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wBAAjF;AAAhxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GlobeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlobeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\"/><path d=\"M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\"/><path d=\"M117.33 121.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 390.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\"/><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M256 48v416M464 256H48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlobeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GlobeSharp.js"],"names":["GlobeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAhK;AAA8U,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,kBAAiB,IAAnK,EAAwK,aAAY,IAApL,GAA9U;AAAygB,8CAAM,GAAE,8JAAR,EAAuK,MAAK,MAA5K,EAAmL,QAAO,cAA1L,EAAyM,eAAc,OAAvN,EAA+N,gBAAe,OAA9O,EAAsP,aAAY,IAAlQ,GAAzgB;AAAkxB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,wBAAjF;AAAlxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"GlobeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GlobeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\" /><path d=\"M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\" /><path d=\"M117.33 121.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 390.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" /><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"44\" d=\"M256 48v416M464 256H48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGlobeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGlobeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GlobeSharp"]}
\ No newline at end of file
diff --git a/lib/Golf.js b/lib/Golf.js
index 860aefe86..40e343b21 100644
--- a/lib/Golf.js
+++ b/lib/Golf.js
@@ -48,7 +48,7 @@ var Golf = function Golf(props) {
 Golf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Golf.js.map b/lib/Golf.js.map
index 477ff9b7b..e78a93474 100644
--- a/lib/Golf.js.map
+++ b/lib/Golf.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Golf.js"],"names":["Golf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uGAAR,GAAjK;AAAkR,8CAAM,GAAE,oSAAR;AAAlR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Golf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Golf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 320.46V202.3l166.62-75.73a16 16 0 000-29.14l-176-80A16 16 0 00240 32v288.46q8-.45 16-.46t16 .46z\"/><path d=\"M463.33 457.5c-8.56-42.85-35.11-78.74-76.78-103.8-32.5-19.55-72.67-31.3-114.55-33.7v79.75a16 16 0 11-32 0V320c-41.88 2.4-82.05 14.15-114.55 33.7-41.67 25.06-68.22 60.95-76.78 103.8a32.49 32.49 0 006.44 27.08C61.13 492 70 496 80 496h352c10 0 18.88-4.05 24.9-11.42a32.49 32.49 0 006.43-27.08z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolf.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Golf"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Golf.js"],"names":["Golf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uGAAR,GAAhK;AAAkR,8CAAM,GAAE,oSAAR;AAAlR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Golf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Golf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 320.46V202.3l166.62-75.73a16 16 0 000-29.14l-176-80A16 16 0 00240 32v288.46q8-.45 16-.46t16 .46z\" /><path d=\"M463.33 457.5c-8.56-42.85-35.11-78.74-76.78-103.8-32.5-19.55-72.67-31.3-114.55-33.7v79.75a16 16 0 11-32 0V320c-41.88 2.4-82.05 14.15-114.55 33.7-41.67 25.06-68.22 60.95-76.78 103.8a32.49 32.49 0 006.44 27.08C61.13 492 70 496 80 496h352c10 0 18.88-4.05 24.9-11.42a32.49 32.49 0 006.43-27.08z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolf.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Golf"]}
\ No newline at end of file
diff --git a/lib/GolfOutline.js b/lib/GolfOutline.js
index 4686abc32..861890f35 100644
--- a/lib/GolfOutline.js
+++ b/lib/GolfOutline.js
@@ -48,7 +48,7 @@ var GolfOutline = function GolfOutline(props) {
 GolfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GolfOutline.js.map b/lib/GolfOutline.js.map
index 419521cce..3f760c414 100644
--- a/lib/GolfOutline.js.map
+++ b/lib/GolfOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GolfOutline.js"],"names":["GolfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAjK;AAAsS,8CAAM,GAAE,uIAAR,EAAgJ,MAAK,MAArJ,EAA4J,QAAO,cAAnK,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN;AAAtS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GolfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GolfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 400V32l176 80-176 80\"/><path d=\"M256 336c-87 0-175.3 43.2-191.64 124.74C62.39 470.57 68.57 480 80 480h352c11.44 0 17.62-9.43 15.65-19.26C431.3 379.2 343 336 256 336z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolfOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GolfOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GolfOutline.js"],"names":["GolfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAhK;AAAsS,8CAAM,GAAE,uIAAR,EAAgJ,MAAK,MAArJ,EAA4J,QAAO,cAAnK,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN;AAAtS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GolfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GolfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 400V32l176 80-176 80\" /><path d=\"M256 336c-87 0-175.3 43.2-191.64 124.74C62.39 470.57 68.57 480 80 480h352c11.44 0 17.62-9.43 15.65-19.26C431.3 379.2 343 336 256 336z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolfOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GolfOutline"]}
\ No newline at end of file
diff --git a/lib/GolfSharp.js b/lib/GolfSharp.js
index 4c803a802..7fd142fae 100644
--- a/lib/GolfSharp.js
+++ b/lib/GolfSharp.js
@@ -48,7 +48,7 @@ var GolfSharp = function GolfSharp(props) {
 GolfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GolfSharp.js.map b/lib/GolfSharp.js.map
index 133c6ba7b..eaab0c1b1 100644
--- a/lib/GolfSharp.js.map
+++ b/lib/GolfSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GolfSharp.js"],"names":["GolfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mDAAR,GAAjK;AAA8N,8CAAM,GAAE,6NAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GolfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GolfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 16v304.47q8-.47 16-.47t16 .47V202.3L448 112z\"/><path d=\"M462.91 457.5c-8.54-42.85-35-78.74-76.62-103.8-32.43-19.55-72.53-31.3-114.29-33.7v95.79h-32V320c-41.79 2.4-81.89 14.15-114.32 33.7-41.59 25.06-68.08 60.95-76.62 103.8-2 9.81-.68 38.5-.68 38.5h415.21s1.28-28.69-.68-38.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolfSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GolfSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GolfSharp.js"],"names":["GolfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mDAAR,GAAhK;AAA8N,8CAAM,GAAE,6NAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GolfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GolfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 16v304.47q8-.47 16-.47t16 .47V202.3L448 112z\" /><path d=\"M462.91 457.5c-8.54-42.85-35-78.74-76.62-103.8-32.43-19.55-72.53-31.3-114.29-33.7v95.79h-32V320c-41.79 2.4-81.89 14.15-114.32 33.7-41.59 25.06-68.08 60.95-76.62 103.8-2 9.81-.68 38.5-.68 38.5h415.21s1.28-28.69-.68-38.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGolfSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGolfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GolfSharp"]}
\ No newline at end of file
diff --git a/lib/Grid.js b/lib/Grid.js
index b39c34e01..21bfed06d 100644
--- a/lib/Grid.js
+++ b/lib/Grid.js
@@ -47,7 +47,7 @@ var Grid = function Grid(props) {
 Grid.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Grid.js.map b/lib/Grid.js.map
index 8cb940311..418d261af 100644
--- a/lib/Grid.js.map
+++ b/lib/Grid.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Grid.js"],"names":["Grid","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Grid.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Grid = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M204 240H68a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 240H308a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM204 480H68a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 480H308a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGrid.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGrid.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Grid"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Grid.js"],"names":["Grid","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Grid.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Grid = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M204 240H68a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 240H308a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM204 480H68a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 480H308a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGrid.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGrid.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Grid"]}
\ No newline at end of file
diff --git a/lib/GridOutline.js b/lib/GridOutline.js
index 97b77356a..6f8101b48 100644
--- a/lib/GridOutline.js
+++ b/lib/GridOutline.js
@@ -50,7 +50,7 @@ var GridOutline = function GridOutline(props) {
 GridOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GridOutline.js.map b/lib/GridOutline.js.map
index 7f8340574..d83c25b56 100644
--- a/lib/GridOutline.js.map
+++ b/lib/GridOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GridOutline.js"],"names":["GridOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA/T;AAA8d,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA9d;AAA6nB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,eAAc,OAA/G,EAAuH,gBAAe,OAAtI,EAA8I,aAAY,IAA1J;AAA7nB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GridOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GridOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"48\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"288\" y=\"48\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"48\" y=\"288\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"288\" y=\"288\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGridOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGridOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GridOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GridOutline.js"],"names":["GridOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA/T;AAA+d,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA/d;AAA+nB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,eAAc,OAA/G,EAAuH,gBAAe,OAAtI,EAA8I,aAAY,IAA1J;AAA/nB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"GridOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GridOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"48\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"288\" y=\"48\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"48\" y=\"288\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"288\" y=\"288\" width=\"176\" height=\"176\" rx=\"20\" ry=\"20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGridOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGridOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GridOutline"]}
\ No newline at end of file
diff --git a/lib/GridSharp.js b/lib/GridSharp.js
index 15fbd346b..ea0da0e88 100644
--- a/lib/GridSharp.js
+++ b/lib/GridSharp.js
@@ -47,7 +47,7 @@ var GridSharp = function GridSharp(props) {
 GridSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/GridSharp.js.map b/lib/GridSharp.js.map
index fbb259df2..550af5bf8 100644
--- a/lib/GridSharp.js.map
+++ b/lib/GridSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/GridSharp.js"],"names":["GridSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GridSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GridSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 240H32V32h208zM480 240H272V32h208zM240 480H32V272h208zM480 480H272V272h208z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nGridSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGridSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GridSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/GridSharp.js"],"names":["GridSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"GridSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst GridSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 240H32V32h208zM480 240H272V32h208zM240 480H32V272h208zM480 480H272V272h208z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nGridSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nGridSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default GridSharp"]}
\ No newline at end of file
diff --git a/lib/Hammer.js b/lib/Hammer.js
index 7db91ca85..b11464860 100644
--- a/lib/Hammer.js
+++ b/lib/Hammer.js
@@ -47,7 +47,7 @@ var Hammer = function Hammer(props) {
 Hammer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Hammer.js.map b/lib/Hammer.js.map
index 52162ff7b..06ec4ed32 100644
--- a/lib/Hammer.js.map
+++ b/lib/Hammer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Hammer.js"],"names":["Hammer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6gCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Hammer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Hammer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280.16 242.79l-26.11-26.12a32 32 0 00-45.14-.12L27.38 384.08c-6.61 6.23-10.95 14.17-11.35 23.06a32.11 32.11 0 009.21 23.94l39 39.43a.46.46 0 00.07.07A32.29 32.29 0 0087 480h1.18c8.89-.33 16.85-4.5 23.17-11.17l168.7-180.7a32 32 0 00.11-45.34zM490 190l-.31-.31-34.27-33.92a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68a119.92 119.92 0 00-14.18 16.22 16 16 0 0018.65 24.34 74.45 74.45 0 018.58-2.63 63.46 63.46 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.18 3.82-7.72 18.14-20 34.48a16 16 0 001.45 21l34.41 34.41a16 16 0 0022 .62c9.73-8.69 24.55-21.79 29.73-25 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l34.26 33.91a21.45 21.45 0 0015.28 6.25 21.7 21.7 0 0015.22-6.2l55.5-54.82c.19-.19.38-.39.56-.59A21.87 21.87 0 00490 190z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Hammer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Hammer.js"],"names":["Hammer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6gCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Hammer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Hammer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280.16 242.79l-26.11-26.12a32 32 0 00-45.14-.12L27.38 384.08c-6.61 6.23-10.95 14.17-11.35 23.06a32.11 32.11 0 009.21 23.94l39 39.43a.46.46 0 00.07.07A32.29 32.29 0 0087 480h1.18c8.89-.33 16.85-4.5 23.17-11.17l168.7-180.7a32 32 0 00.11-45.34zM490 190l-.31-.31-34.27-33.92a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68a119.92 119.92 0 00-14.18 16.22 16 16 0 0018.65 24.34 74.45 74.45 0 018.58-2.63 63.46 63.46 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.18 3.82-7.72 18.14-20 34.48a16 16 0 001.45 21l34.41 34.41a16 16 0 0022 .62c9.73-8.69 24.55-21.79 29.73-25 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l34.26 33.91a21.45 21.45 0 0015.28 6.25 21.7 21.7 0 0015.22-6.2l55.5-54.82c.19-.19.38-.39.56-.59A21.87 21.87 0 00490 190z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Hammer"]}
\ No newline at end of file
diff --git a/lib/HammerOutline.js b/lib/HammerOutline.js
index ab8a92730..916e1c33c 100644
--- a/lib/HammerOutline.js
+++ b/lib/HammerOutline.js
@@ -47,7 +47,7 @@ var HammerOutline = function HammerOutline(props) {
 HammerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HammerOutline.js.map b/lib/HammerOutline.js.map
index 12b66879e..1be46de96 100644
--- a/lib/HammerOutline.js.map
+++ b/lib/HammerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HammerOutline.js"],"names":["HammerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4iCAAR,EAAqjC,MAAK,MAA1jC,EAAikC,QAAO,cAAxkC,EAAulC,eAAc,OAArmC,EAA6mC,gBAAe,OAA5nC,EAAooC,aAAY,IAAhpC;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HammerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HammerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M277.42 247a24.68 24.68 0 00-4.08-5.47L255 223.44a21.63 21.63 0 00-6.56-4.57 20.93 20.93 0 00-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 00-1.09 23.54l39 39.43a16.13 16.13 0 0023.67-.89c29.24-34.37 96.3-109 136-148.23 20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 003.84-25.2zM478.43 201l-34.31-34a5.44 5.44 0 00-4-1.59 5.59 5.59 0 00-4 1.59h0a11.41 11.41 0 01-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86-7-6.86 1.09-20.36-5.07-29a242.88 242.88 0 00-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.79 123.79 0 00-47-9.24c-26.35 0-46.61 11.76-54 18.51-5.88 5.32-12 13.77-12 13.77a91.29 91.29 0 0110.81-3.2 79.53 79.53 0 0123.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 00.4 10.83l21.24 21.23a8 8 0 0011.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.71 35.71 0 0121.3 4.62 13.65 13.65 0 013.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 000 7.84l34.31 34a5.5 5.5 0 004 1.58 5.65 5.65 0 004-1.58L478.43 209a5.82 5.82 0 000-8z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HammerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HammerOutline.js"],"names":["HammerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4iCAAR,EAAqjC,MAAK,MAA1jC,EAAikC,QAAO,cAAxkC,EAAulC,eAAc,OAArmC,EAA6mC,gBAAe,OAA5nC,EAAooC,aAAY,IAAhpC;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HammerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HammerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M277.42 247a24.68 24.68 0 00-4.08-5.47L255 223.44a21.63 21.63 0 00-6.56-4.57 20.93 20.93 0 00-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 00-1.09 23.54l39 39.43a16.13 16.13 0 0023.67-.89c29.24-34.37 96.3-109 136-148.23 20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 003.84-25.2zM478.43 201l-34.31-34a5.44 5.44 0 00-4-1.59 5.59 5.59 0 00-4 1.59h0a11.41 11.41 0 01-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86-7-6.86 1.09-20.36-5.07-29a242.88 242.88 0 00-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.79 123.79 0 00-47-9.24c-26.35 0-46.61 11.76-54 18.51-5.88 5.32-12 13.77-12 13.77a91.29 91.29 0 0110.81-3.2 79.53 79.53 0 0123.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 00.4 10.83l21.24 21.23a8 8 0 0011.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.71 35.71 0 0121.3 4.62 13.65 13.65 0 013.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 000 7.84l34.31 34a5.5 5.5 0 004 1.58 5.65 5.65 0 004-1.58L478.43 209a5.82 5.82 0 000-8z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HammerOutline"]}
\ No newline at end of file
diff --git a/lib/HammerSharp.js b/lib/HammerSharp.js
index 07aad2b9c..55018b6be 100644
--- a/lib/HammerSharp.js
+++ b/lib/HammerSharp.js
@@ -47,7 +47,7 @@ var HammerSharp = function HammerSharp(props) {
 HammerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HammerSharp.js.map b/lib/HammerSharp.js.map
index f02bfd284..3bb17b0db 100644
--- a/lib/HammerSharp.js.map
+++ b/lib/HammerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HammerSharp.js"],"names":["HammerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,s0BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HammerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HammerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M294.28 256.9l-54.42-54.41a12 12 0 00-17 0L12.45 401a12 12 0 00-.27 17.2l66.05 66.28a12 12 0 0017.22-.23l198.81-210.36a12 12 0 00.02-16.99zM499.33 199.33l-43.89-43.58a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68A53.4 53.4 0 00176 86.17L192 96s8.06-2 13.86-3.39a62.73 62.73 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.2 4.23-9.52 21.35-24.16 39.84a8 8 0 00.61 10.62l45.37 45.37a8 8 0 0011 .25c12.07-11 30.49-28 34.67-30.59 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l43.95 43.68a8 8 0 0011.28 0l74.68-74.2a8 8 0 00.06-11.36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HammerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HammerSharp.js"],"names":["HammerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,s0BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HammerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HammerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M294.28 256.9l-54.42-54.41a12 12 0 00-17 0L12.45 401a12 12 0 00-.27 17.2l66.05 66.28a12 12 0 0017.22-.23l198.81-210.36a12 12 0 00.02-16.99zM499.33 199.33l-43.89-43.58a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68A53.4 53.4 0 00176 86.17L192 96s8.06-2 13.86-3.39a62.73 62.73 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.2 4.23-9.52 21.35-24.16 39.84a8 8 0 00.61 10.62l45.37 45.37a8 8 0 0011 .25c12.07-11 30.49-28 34.67-30.59 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l43.95 43.68a8 8 0 0011.28 0l74.68-74.2a8 8 0 00.06-11.36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHammerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHammerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HammerSharp"]}
\ No newline at end of file
diff --git a/lib/HandLeft.js b/lib/HandLeft.js
index 9dc677e8a..e87653c12 100644
--- a/lib/HandLeft.js
+++ b/lib/HandLeft.js
@@ -47,7 +47,7 @@ var HandLeft = function HandLeft(props) {
 HandLeft.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandLeft.js.map b/lib/HandLeft.js.map
index 59d6cfa5a..ad60142dc 100644
--- a/lib/HandLeft.js.map
+++ b/lib/HandLeft.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandLeft.js"],"names":["HandLeft","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ohBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"HandLeft.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeft = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 01-8.93 3.43 7 7 0 01-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 01271.21 240 11 11 0 01260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 01199.21 240 11 11 0 01188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 01125.21 256 11 11 0 01114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeft.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeft.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeft"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandLeft.js"],"names":["HandLeft","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ohBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"HandLeft.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeft = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 01-8.93 3.43 7 7 0 01-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 01271.21 240 11 11 0 01260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 01199.21 240 11 11 0 01188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 01125.21 256 11 11 0 01114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeft.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeft.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeft"]}
\ No newline at end of file
diff --git a/lib/HandLeftOutline.js b/lib/HandLeftOutline.js
index e6f19bdff..a4f3ac920 100644
--- a/lib/HandLeftOutline.js
+++ b/lib/HandLeftOutline.js
@@ -48,7 +48,7 @@ var HandLeftOutline = function HandLeftOutline(props) {
 HandLeftOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandLeftOutline.js.map b/lib/HandLeftOutline.js.map
index 142e7c9ba..e774bfbe2 100644
--- a/lib/HandLeftOutline.js.map
+++ b/lib/HandLeftOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandLeftOutline.js"],"names":["HandLeftOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sMAAR,EAA+M,MAAK,MAApN,EAA2N,QAAO,cAAlO,EAAiP,eAAc,OAA/P,EAAuQ,gBAAe,OAAtR,EAA8R,aAAY,IAA1S,GAAjK;AAAid,8CAAM,GAAE,2IAAR,EAAoJ,MAAK,MAAzJ,EAAgK,QAAO,cAAvK,EAAsL,eAAc,OAApM,EAA4M,gBAAe,OAA3N,EAAmO,aAAY,IAA/O;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HandLeftOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeftOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeftOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeftOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeftOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandLeftOutline.js"],"names":["HandLeftOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sMAAR,EAA+M,MAAK,MAApN,EAA2N,QAAO,cAAlO,EAAiP,eAAc,OAA/P,EAAuQ,gBAAe,OAAtR,EAA8R,aAAY,IAA1S,GAAhK;AAAid,8CAAM,GAAE,2IAAR,EAAoJ,MAAK,MAAzJ,EAAgK,QAAO,cAAvK,EAAsL,eAAc,OAApM,EAA4M,gBAAe,OAA3N,EAAmO,aAAY,IAA/O;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HandLeftOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeftOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeftOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeftOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeftOutline"]}
\ No newline at end of file
diff --git a/lib/HandLeftSharp.js b/lib/HandLeftSharp.js
index ffa9a1ae2..d701a5b7a 100644
--- a/lib/HandLeftSharp.js
+++ b/lib/HandLeftSharp.js
@@ -47,7 +47,7 @@ var HandLeftSharp = function HandLeftSharp(props) {
 HandLeftSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandLeftSharp.js.map b/lib/HandLeftSharp.js.map
index 1ab4bdabd..d0284e603 100644
--- a/lib/HandLeftSharp.js.map
+++ b/lib/HandLeftSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandLeftSharp.js"],"names":["HandLeftSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,odAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HandLeftSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeftSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.58 209.08c-15.06-6.62-32.38 1.31-38.5 17.62L356 312h-11.27V80c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v151.75l-14.78.25V32c0-17.6-13.3-32-29.55-32s-29.55 14.4-29.55 32v199.75L197 232V64c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v183.75l-14.8.25V128c0-17.6-13.3-32-29.55-32S64 110.4 64 128v216c0 75.8 37.13 168 169 168 40.8 0 79.42-7 100.66-21a121.41 121.41 0 0033.72-33.31 138 138 0 0016-31.78l62.45-175.14c6.17-16.31-1.19-35.06-16.25-41.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeftSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeftSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeftSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandLeftSharp.js"],"names":["HandLeftSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,odAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HandLeftSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandLeftSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.58 209.08c-15.06-6.62-32.38 1.31-38.5 17.62L356 312h-11.27V80c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v151.75l-14.78.25V32c0-17.6-13.3-32-29.55-32s-29.55 14.4-29.55 32v199.75L197 232V64c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v183.75l-14.8.25V128c0-17.6-13.3-32-29.55-32S64 110.4 64 128v216c0 75.8 37.13 168 169 168 40.8 0 79.42-7 100.66-21a121.41 121.41 0 0033.72-33.31 138 138 0 0016-31.78l62.45-175.14c6.17-16.31-1.19-35.06-16.25-41.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandLeftSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandLeftSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandLeftSharp"]}
\ No newline at end of file
diff --git a/lib/HandRight.js b/lib/HandRight.js
index 2ab384013..4245bb5ce 100644
--- a/lib/HandRight.js
+++ b/lib/HandRight.js
@@ -47,7 +47,7 @@ var HandRight = function HandRight(props) {
 HandRight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandRight.js.map b/lib/HandRight.js.map
index 42ed43d9f..ec1c4eb2b 100644
--- a/lib/HandRight.js.map
+++ b/lib/HandRight.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandRight.js"],"names":["HandRight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ghBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HandRight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 008.93 3.43 7 7 0 004.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 00240.79 240 11 11 0 00252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 00312.79 240 11 11 0 00324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 00386.79 256 11 11 0 00398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRight.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRight"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandRight.js"],"names":["HandRight","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ghBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HandRight.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRight = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 008.93 3.43 7 7 0 004.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 00240.79 240 11 11 0 00252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 00312.79 240 11 11 0 00324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 00386.79 256 11 11 0 00398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRight.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRight.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRight"]}
\ No newline at end of file
diff --git a/lib/HandRightOutline.js b/lib/HandRightOutline.js
index ab4deaa6e..64904dd6f 100644
--- a/lib/HandRightOutline.js
+++ b/lib/HandRightOutline.js
@@ -48,7 +48,7 @@ var HandRightOutline = function HandRightOutline(props) {
 HandRightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandRightOutline.js.map b/lib/HandRightOutline.js.map
index c08191c57..79a9edaeb 100644
--- a/lib/HandRightOutline.js.map
+++ b/lib/HandRightOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandRightOutline.js"],"names":["HandRightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+MAAR,EAAwN,MAAK,MAA7N,EAAoO,QAAO,cAA3O,EAA0P,eAAc,OAAxQ,EAAgR,gBAAe,OAA/R,EAAuS,aAAY,IAAnT,GAAjK;AAA0d,8CAAM,GAAE,6IAAR,EAAsJ,MAAK,MAA3J,EAAkK,QAAO,cAAzK,EAAwL,eAAc,OAAtM,EAA8M,gBAAe,OAA7N,EAAqO,aAAY,IAAjP;AAA1d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HandRightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 320V144a32 32 0 00-32-32h0a32 32 0 00-32 32v112M368 256V80a32 32 0 00-32-32h0a32 32 0 00-32 32v160M240 241V96a32 32 0 00-32-32h0a32 32 0 00-32 32v224M304 240V48a32 32 0 00-32-32h0a32 32 0 00-32 32v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M432 320c0 117.4-64 176-152 176s-123.71-39.6-144-88L83.33 264c-6.66-18.05-3.64-34.79 11.87-43.6h0c15.52-8.82 35.91-4.28 44.31 11.68L176 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRightOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRightOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandRightOutline.js"],"names":["HandRightOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+MAAR,EAAwN,MAAK,MAA7N,EAAoO,QAAO,cAA3O,EAA0P,eAAc,OAAxQ,EAAgR,gBAAe,OAA/R,EAAuS,aAAY,IAAnT,GAAhK;AAA0d,8CAAM,GAAE,6IAAR,EAAsJ,MAAK,MAA3J,EAAkK,QAAO,cAAzK,EAAwL,eAAc,OAAtM,EAA8M,gBAAe,OAA7N,EAAqO,aAAY,IAAjP;AAA1d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HandRightOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRightOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 320V144a32 32 0 00-32-32h0a32 32 0 00-32 32v112M368 256V80a32 32 0 00-32-32h0a32 32 0 00-32 32v160M240 241V96a32 32 0 00-32-32h0a32 32 0 00-32 32v224M304 240V48a32 32 0 00-32-32h0a32 32 0 00-32 32v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M432 320c0 117.4-64 176-152 176s-123.71-39.6-144-88L83.33 264c-6.66-18.05-3.64-34.79 11.87-43.6h0c15.52-8.82 35.91-4.28 44.31 11.68L176 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRightOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRightOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRightOutline"]}
\ No newline at end of file
diff --git a/lib/HandRightSharp.js b/lib/HandRightSharp.js
index 13896f3a3..f222d9013 100644
--- a/lib/HandRightSharp.js
+++ b/lib/HandRightSharp.js
@@ -47,7 +47,7 @@ var HandRightSharp = function HandRightSharp(props) {
 HandRightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HandRightSharp.js.map b/lib/HandRightSharp.js.map
index 213101e52..149673ccd 100644
--- a/lib/HandRightSharp.js.map
+++ b/lib/HandRightSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HandRightSharp.js"],"names":["HandRightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,meAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HandRightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M82.42 209.08c15.06-6.62 32.38 1.31 38.5 17.62L156 312h11.27V80c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v151.75l14.78.25V32c0-17.6 13.3-32 29.55-32 16.3 0 29.55 14.4 29.55 32v199.75L315 232V64c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v183.75l14.78.25V128c0-17.6 13.3-32 29.55-32C434.7 96 448 110.4 448 128v216c0 75.8-37.13 168-169 168-40.8 0-79.42-7-100.66-21a121.41 121.41 0 01-33.72-33.31 138 138 0 01-16-31.78L66.16 250.77c-6.11-16.31 1.2-35.06 16.26-41.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRightSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRightSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HandRightSharp.js"],"names":["HandRightSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,meAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HandRightSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HandRightSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M82.42 209.08c15.06-6.62 32.38 1.31 38.5 17.62L156 312h11.27V80c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v151.75l14.78.25V32c0-17.6 13.3-32 29.55-32 16.3 0 29.55 14.4 29.55 32v199.75L315 232V64c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v183.75l14.78.25V128c0-17.6 13.3-32 29.55-32C434.7 96 448 110.4 448 128v216c0 75.8-37.13 168-169 168-40.8 0-79.42-7-100.66-21a121.41 121.41 0 01-33.72-33.31 138 138 0 01-16-31.78L66.16 250.77c-6.11-16.31 1.2-35.06 16.26-41.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHandRightSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHandRightSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HandRightSharp"]}
\ No newline at end of file
diff --git a/lib/Happy.js b/lib/Happy.js
index 04eb66ead..748853327 100644
--- a/lib/Happy.js
+++ b/lib/Happy.js
@@ -47,7 +47,7 @@ var Happy = function Happy(props) {
 Happy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Happy.js.map b/lib/Happy.js.map
index 8688771b0..0635d31f5 100644
--- a/lib/Happy.js.map
+++ b/lib/Happy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Happy.js"],"names":["Happy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Happy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Happy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm167.67 106.17c-12 40.3-50.2 69.83-95.62 69.83s-83.62-29.53-95.72-69.83a8 8 0 017.83-10.17h175.69a8 8 0 017.82 10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Happy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Happy.js"],"names":["Happy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Happy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Happy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm167.67 106.17c-12 40.3-50.2 69.83-95.62 69.83s-83.62-29.53-95.72-69.83a8 8 0 017.83-10.17h175.69a8 8 0 017.82 10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Happy"]}
\ No newline at end of file
diff --git a/lib/HappyOutline.js b/lib/HappyOutline.js
index 8b7852382..13d568920 100644
--- a/lib/HappyOutline.js
+++ b/lib/HappyOutline.js
@@ -50,7 +50,7 @@ var HappyOutline = function HappyOutline(props) {
 HappyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HappyOutline.js.map b/lib/HappyOutline.js.map
index 63eeb8ffd..fc7739c86 100644
--- a/lib/HappyOutline.js.map
+++ b/lib/HappyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HappyOutline.js"],"names":["HappyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,+HAAR,GAAnM;AAA4U,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA5U;AAA8W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HappyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HappyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"184\" cy=\"232\" r=\"24\"/><path d=\"M256.05 384c-45.42 0-83.62-29.53-95.71-69.83a8 8 0 017.82-10.17h175.69a8 8 0 017.82 10.17c-11.99 40.3-50.2 69.83-95.62 69.83z\"/><circle cx=\"328\" cy=\"232\" r=\"24\"/><circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HappyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HappyOutline.js"],"names":["HappyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,+HAAR,GAAnM;AAA6U,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7U;AAAgX,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAAhX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HappyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HappyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"184\" cy=\"232\" r=\"24\" /><path d=\"M256.05 384c-45.42 0-83.62-29.53-95.71-69.83a8 8 0 017.82-10.17h175.69a8 8 0 017.82 10.17c-11.99 40.3-50.2 69.83-95.62 69.83z\" /><circle cx=\"328\" cy=\"232\" r=\"24\" /><circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HappyOutline"]}
\ No newline at end of file
diff --git a/lib/HappySharp.js b/lib/HappySharp.js
index ea0da15be..382142af9 100644
--- a/lib/HappySharp.js
+++ b/lib/HappySharp.js
@@ -47,7 +47,7 @@ var HappySharp = function HappySharp(props) {
 HappySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HappySharp.js.map b/lib/HappySharp.js.map
index a5c3b3946..f316abeb4 100644
--- a/lib/HappySharp.js.map
+++ b/lib/HappySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HappySharp.js"],"names":["HappySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ySAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HappySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HappySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72.05 176c-45.42 0-83.75-29.49-95.72-69.83C159.29 310.65 158 304 158 304h196s-1.31 6.69-2.33 10.17c-11.78 40.36-50.2 69.83-95.62 69.83z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HappySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HappySharp.js"],"names":["HappySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ySAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HappySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HappySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72.05 176c-45.42 0-83.75-29.49-95.72-69.83C159.29 310.65 158 304 158 304h196s-1.31 6.69-2.33 10.17c-11.78 40.36-50.2 69.83-95.62 69.83z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHappySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHappySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HappySharp"]}
\ No newline at end of file
diff --git a/lib/HardwareChip.js b/lib/HardwareChip.js
index 9d5239910..bbb0602a4 100644
--- a/lib/HardwareChip.js
+++ b/lib/HardwareChip.js
@@ -49,7 +49,7 @@ var HardwareChip = function HardwareChip(props) {
 HardwareChip.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HardwareChip.js.map b/lib/HardwareChip.js.map
index bdf747ef2..2d7561529 100644
--- a/lib/HardwareChip.js.map
+++ b/lib/HardwareChip.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HardwareChip.js"],"names":["HardwareChip","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kKAAR,EAA2K,MAAK,MAAhL,GAAjK;AAAyV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAzV;AAAuZ,8CAAM,GAAE,sfAAR;AAAvZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HardwareChip.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChip = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 128H160a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V160a32 32 0 00-32-32zm0 216a8 8 0 01-8 8H168a8 8 0 01-8-8V168a8 8 0 018-8h176a8 8 0 018 8z\" fill=\"none\"/><rect x=\"160\" y=\"160\" width=\"192\" height=\"192\" rx=\"8\" ry=\"8\"/><path d=\"M464 192a16 16 0 000-32h-16v-32a64.07 64.07 0 00-64-64h-32V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-32a64.07 64.07 0 00-64 64v32H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v32a64.07 64.07 0 0064 64h32v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h32a64.07 64.07 0 0064-64v-32h16a16 16 0 000-32h-16v-48h16a16 16 0 000-32h-16v-48zm-80 160a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h192a32 32 0 0132 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChip.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChip.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChip"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HardwareChip.js"],"names":["HardwareChip","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kKAAR,EAA2K,MAAK,MAAhL,GAAhK;AAAyV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAzV;AAAwZ,8CAAM,GAAE,sfAAR;AAAxZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HardwareChip.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChip = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 128H160a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V160a32 32 0 00-32-32zm0 216a8 8 0 01-8 8H168a8 8 0 01-8-8V168a8 8 0 018-8h176a8 8 0 018 8z\" fill=\"none\" /><rect x=\"160\" y=\"160\" width=\"192\" height=\"192\" rx=\"8\" ry=\"8\" /><path d=\"M464 192a16 16 0 000-32h-16v-32a64.07 64.07 0 00-64-64h-32V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-32a64.07 64.07 0 00-64 64v32H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v32a64.07 64.07 0 0064 64h32v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h32a64.07 64.07 0 0064-64v-32h16a16 16 0 000-32h-16v-48h16a16 16 0 000-32h-16v-48zm-80 160a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h192a32 32 0 0132 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChip.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChip.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChip"]}
\ No newline at end of file
diff --git a/lib/HardwareChipOutline.js b/lib/HardwareChipOutline.js
index 12e44a86f..77eba2fd7 100644
--- a/lib/HardwareChipOutline.js
+++ b/lib/HardwareChipOutline.js
@@ -49,7 +49,7 @@ var HardwareChipOutline = function HardwareChipOutline(props) {
 HardwareChipOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HardwareChipOutline.js.map b/lib/HardwareChipOutline.js.map
index d0c9441d8..380175e71 100644
--- a/lib/HardwareChipOutline.js.map
+++ b/lib/HardwareChipOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HardwareChipOutline.js"],"names":["HardwareChipOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAzS;AAAmb,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mIAAxG;AAAnb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"HardwareChipOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChipOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"80\" width=\"352\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"144\" y=\"144\" width=\"224\" height=\"224\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 80V48M336 80V48M176 80V48M256 464v-32M336 464v-32M176 464v-32M432 256h32M432 336h32M432 176h32M48 256h32M48 336h32M48 176h32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChipOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChipOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChipOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HardwareChipOutline.js"],"names":["HardwareChipOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAzS;AAAob,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mIAAxG;AAApb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"HardwareChipOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChipOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"80\" width=\"352\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"144\" y=\"144\" width=\"224\" height=\"224\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 80V48M336 80V48M176 80V48M256 464v-32M336 464v-32M176 464v-32M432 256h32M432 336h32M432 176h32M48 256h32M48 336h32M48 176h32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChipOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChipOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChipOutline"]}
\ No newline at end of file
diff --git a/lib/HardwareChipSharp.js b/lib/HardwareChipSharp.js
index bc12f80fa..1e548dda1 100644
--- a/lib/HardwareChipSharp.js
+++ b/lib/HardwareChipSharp.js
@@ -48,7 +48,7 @@ var HardwareChipSharp = function HardwareChipSharp(props) {
 HardwareChipSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HardwareChipSharp.js.map b/lib/HardwareChipSharp.js.map
index 7c6352b91..4979a1f9b 100644
--- a/lib/HardwareChipSharp.js.map
+++ b/lib/HardwareChipSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HardwareChipSharp.js"],"names":["HardwareChipSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uBAAR,GAAjK;AAAkM,8CAAM,GAAE,6QAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HardwareChipSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChipSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 160h192v192H160z\"/><path d=\"M480 198v-44h-32V88a24 24 0 00-24-24h-66V32h-44v32h-36V32h-44v32h-36V32h-44v32H88a24 24 0 00-24 24v66H32v44h32v36H32v44h32v36H32v44h32v66a24 24 0 0024 24h66v32h44v-32h36v32h44v-32h36v32h44v-32h66a24 24 0 0024-24v-66h32v-44h-32v-36h32v-44h-32v-36zm-352-70h256v256H128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChipSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChipSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChipSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HardwareChipSharp.js"],"names":["HardwareChipSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uBAAR,GAAhK;AAAkM,8CAAM,GAAE,6QAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HardwareChipSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HardwareChipSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 160h192v192H160z\" /><path d=\"M480 198v-44h-32V88a24 24 0 00-24-24h-66V32h-44v32h-36V32h-44v32h-36V32h-44v32H88a24 24 0 00-24 24v66H32v44h32v36H32v44h32v36H32v44h32v66a24 24 0 0024 24h66v32h44v-32h36v32h44v-32h36v32h44v-32h66a24 24 0 0024-24v-66h32v-44h-32v-36h32v-44h-32v-36zm-352-70h256v256H128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHardwareChipSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHardwareChipSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HardwareChipSharp"]}
\ No newline at end of file
diff --git a/lib/Headset.js b/lib/Headset.js
index 37f13cbe5..b961dda9a 100644
--- a/lib/Headset.js
+++ b/lib/Headset.js
@@ -47,7 +47,7 @@ var Headset = function Headset(props) {
 Headset.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Headset.js.map b/lib/Headset.js.map
index db6773183..c472447bb 100644
--- a/lib/Headset.js.map
+++ b/lib/Headset.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Headset.js"],"names":["Headset","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uvBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Headset.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Headset = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0030-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 00-43.57-11.76l-13.69 8a56.49 56.49 0 00-14 11.59 4 4 0 01-7-2A114.68 114.68 0 0164 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a114.68 114.68 0 01-1.68 17.91 4 4 0 01-7 2 56.49 56.49 0 00-14-11.59l-13.69-8a31.73 31.73 0 00-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0030 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadset.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadset.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Headset"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Headset.js"],"names":["Headset","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uvBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Headset.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Headset = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0030-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 00-43.57-11.76l-13.69 8a56.49 56.49 0 00-14 11.59 4 4 0 01-7-2A114.68 114.68 0 0164 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a114.68 114.68 0 01-1.68 17.91 4 4 0 01-7 2 56.49 56.49 0 00-14-11.59l-13.69-8a31.73 31.73 0 00-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0030 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadset.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadset.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Headset"]}
\ No newline at end of file
diff --git a/lib/HeadsetOutline.js b/lib/HeadsetOutline.js
index 1b6f18e76..3c8b368c2 100644
--- a/lib/HeadsetOutline.js
+++ b/lib/HeadsetOutline.js
@@ -48,7 +48,7 @@ var HeadsetOutline = function HeadsetOutline(props) {
 HeadsetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeadsetOutline.js.map b/lib/HeadsetOutline.js.map
index 350172efe..6f0f85db9 100644
--- a/lib/HeadsetOutline.js.map
+++ b/lib/HeadsetOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeadsetOutline.js"],"names":["HeadsetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAjK;AAA6W,8CAAM,GAAE,8TAAR,EAAuU,MAAK,MAA5U,EAAmV,QAAO,cAA1V,EAAyW,kBAAiB,IAA1X,EAA+X,aAAY,IAA3Y;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HeadsetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeadsetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M83 384c-13-33-35-93.37-35-128C48 141.12 149.33 48 256 48s208 93.12 208 208c0 34.63-23 97-35 128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M108.39 270.13l-13.69 8h0c-30.23 17.7-31.7 72.41-3.38 122.2s75.87 75.81 106.1 58.12h0l13.69-8a16.16 16.16 0 005.78-21.87L130 276a15.74 15.74 0 00-21.61-5.87zM403.61 270.13l13.69 8h0c30.23 17.69 31.74 72.4 3.38 122.19s-75.87 75.81-106.1 58.12h0l-13.69-8a16.16 16.16 0 01-5.78-21.87L382 276a15.74 15.74 0 0121.61-5.87z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadsetOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadsetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeadsetOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeadsetOutline.js"],"names":["HeadsetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAhK;AAA6W,8CAAM,GAAE,8TAAR,EAAuU,MAAK,MAA5U,EAAmV,QAAO,cAA1V,EAAyW,kBAAiB,IAA1X,EAA+X,aAAY,IAA3Y;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HeadsetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeadsetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M83 384c-13-33-35-93.37-35-128C48 141.12 149.33 48 256 48s208 93.12 208 208c0 34.63-23 97-35 128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M108.39 270.13l-13.69 8h0c-30.23 17.7-31.7 72.41-3.38 122.2s75.87 75.81 106.1 58.12h0l13.69-8a16.16 16.16 0 005.78-21.87L130 276a15.74 15.74 0 00-21.61-5.87zM403.61 270.13l13.69 8h0c30.23 17.69 31.74 72.4 3.38 122.19s-75.87 75.81-106.1 58.12h0l-13.69-8a16.16 16.16 0 01-5.78-21.87L382 276a15.74 15.74 0 0121.61-5.87z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadsetOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadsetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeadsetOutline"]}
\ No newline at end of file
diff --git a/lib/HeadsetSharp.js b/lib/HeadsetSharp.js
index 55afdc5e4..d2f77cfb6 100644
--- a/lib/HeadsetSharp.js
+++ b/lib/HeadsetSharp.js
@@ -47,7 +47,7 @@ var HeadsetSharp = function HeadsetSharp(props) {
 HeadsetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeadsetSharp.js.map b/lib/HeadsetSharp.js.map
index b96487641..71bf70337 100644
--- a/lib/HeadsetSharp.js.map
+++ b/lib/HeadsetSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeadsetSharp.js"],"names":["HeadsetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeadsetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeadsetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M411.16 97.45C368.43 55.85 311.88 32 256 32S143.57 55.85 100.84 97.45C56.45 140.67 32 196 32 256s26.84 118.49 45.42 152.25S121 480 144 480c32 0 96-32 96-32L128 240l-54.42 31.73a176.07 176.07 0 01-1-18.84c0-48.57 19.32-94.1 56.15-130C164.24 88.34 210 70 256 70s91.73 18.34 127.27 52.93c36.83 35.86 56.14 81.39 56.14 130a175.56 175.56 0 01-1 18.82L384 240 272 448s64 32 96 32c23 0 48-38 66.58-71.75S480 316 480 256s-24.45-115.33-68.84-158.55z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadsetSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadsetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeadsetSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeadsetSharp.js"],"names":["HeadsetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeadsetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeadsetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M411.16 97.45C368.43 55.85 311.88 32 256 32S143.57 55.85 100.84 97.45C56.45 140.67 32 196 32 256s26.84 118.49 45.42 152.25S121 480 144 480c32 0 96-32 96-32L128 240l-54.42 31.73a176.07 176.07 0 01-1-18.84c0-48.57 19.32-94.1 56.15-130C164.24 88.34 210 70 256 70s91.73 18.34 127.27 52.93c36.83 35.86 56.14 81.39 56.14 130a175.56 175.56 0 01-1 18.82L384 240 272 448s64 32 96 32c23 0 48-38 66.58-71.75S480 316 480 256s-24.45-115.33-68.84-158.55z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeadsetSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeadsetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeadsetSharp"]}
\ No newline at end of file
diff --git a/lib/Heart.js b/lib/Heart.js
index ea912467e..eb435b360 100644
--- a/lib/Heart.js
+++ b/lib/Heart.js
@@ -47,7 +47,7 @@ var Heart = function Heart(props) {
 Heart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Heart.js.map b/lib/Heart.js.map
index 97de7d4a9..092309ea5 100644
--- a/lib/Heart.js.map
+++ b/lib/Heart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Heart.js"],"names":["Heart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6UAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Heart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Heart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448a32 32 0 01-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 009.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64.54 54.21-18.63 104.26-58.61 153-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 01-18 5.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Heart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Heart.js"],"names":["Heart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6UAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Heart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Heart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448a32 32 0 01-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 009.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64.54 54.21-18.63 104.26-58.61 153-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 01-18 5.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Heart"]}
\ No newline at end of file
diff --git a/lib/HeartCircle.js b/lib/HeartCircle.js
index 99e5cd365..0b5ccb80d 100644
--- a/lib/HeartCircle.js
+++ b/lib/HeartCircle.js
@@ -47,7 +47,7 @@ var HeartCircle = function HeartCircle(props) {
 HeartCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartCircle.js.map b/lib/HeartCircle.js.map
index aa6ed22d2..9c06abd82 100644
--- a/lib/HeartCircle.js.map
+++ b/lib/HeartCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartCircle.js"],"names":["HeartCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HeartCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-9.38 11.44-26.4 29.73-65.7 56.41a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.3 27.1-9.29 52.13-29.28 76.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartCircle.js"],"names":["HeartCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HeartCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-9.38 11.44-26.4 29.73-65.7 56.41a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.3 27.1-9.29 52.13-29.28 76.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircle"]}
\ No newline at end of file
diff --git a/lib/HeartCircleOutline.js b/lib/HeartCircleOutline.js
index 40f987f13..d7e39d3e7 100644
--- a/lib/HeartCircleOutline.js
+++ b/lib/HeartCircleOutline.js
@@ -48,7 +48,7 @@ var HeartCircleOutline = function HeartCircleOutline(props) {
 HeartCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartCircleOutline.js.map b/lib/HeartCircleOutline.js.map
index 583e9ce49..81554e6a2 100644
--- a/lib/HeartCircleOutline.js.map
+++ b/lib/HeartCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartCircleOutline.js"],"names":["HeartCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,sTAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"HeartCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 360a16 16 0 01-9-2.78c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.28 27.1-9.31 52.13-29.3 76.5-9.38 11.44-26.4 29.73-65.7 56.41A16 16 0 01256 360z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartCircleOutline.js"],"names":["HeartCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,sTAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"HeartCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 360a16 16 0 01-9-2.78c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.28 27.1-9.31 52.13-29.3 76.5-9.38 11.44-26.4 29.73-65.7 56.41A16 16 0 01256 360z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircleOutline"]}
\ No newline at end of file
diff --git a/lib/HeartCircleSharp.js b/lib/HeartCircleSharp.js
index c37616f4b..c0aadedff 100644
--- a/lib/HeartCircleSharp.js
+++ b/lib/HeartCircleSharp.js
@@ -47,7 +47,7 @@ var HeartCircleSharp = function HeartCircleSharp(props) {
 HeartCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartCircleSharp.js.map b/lib/HeartCircleSharp.js.map
index bca0024d7..13e725d89 100644
--- a/lib/HeartCircleSharp.js.map
+++ b/lib/HeartCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartCircleSharp.js"],"names":["HeartCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wXAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HeartCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-8.5 10.36-39.69 38.48-74.69 63.51-35-25-66.19-53.15-74.69-63.51-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 22 0 37.3 12.41 46.19 22.76l2.27 2.75 2.27-2.75C267 180.29 282.42 168 304.46 168c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartCircleSharp.js"],"names":["HeartCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wXAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HeartCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-8.5 10.36-39.69 38.48-74.69 63.51-35-25-66.19-53.15-74.69-63.51-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 22 0 37.3 12.41 46.19 22.76l2.27 2.75 2.27-2.75C267 180.29 282.42 168 304.46 168c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartCircleSharp"]}
\ No newline at end of file
diff --git a/lib/HeartDislike.js b/lib/HeartDislike.js
index ec6ab5db2..edcf1c320 100644
--- a/lib/HeartDislike.js
+++ b/lib/HeartDislike.js
@@ -47,7 +47,7 @@ var HeartDislike = function HeartDislike(props) {
 HeartDislike.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislike.js.map b/lib/HeartDislike.js.map
index ac1ab5790..7157e0711 100644
--- a/lib/HeartDislike.js.map
+++ b/lib/HeartDislike.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislike.js"],"names":["HeartDislike","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ueAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeartDislike.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislike = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M417.84 448a16 16 0 01-11.35-4.72l-365.84-368a16 16 0 1122.7-22.56l365.83 368A16 16 0 01417.84 448zM364.92 80c-44.09 0-74.61 24.82-92.39 45.5a6 6 0 01-9.06 0C245.69 104.82 215.16 80 171.08 80a107.71 107.71 0 00-31 4.54l269.13 270.7c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.79 58.61-153C475.37 130.53 425.54 80 364.92 80zM69 149.15a115.06 115.06 0 00-9 43.49c-.54 54.21 18.63 104.25 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.88 31.88 0 0036 0c20.35-13.82 37.7-26.5 52.58-38.12z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislike.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislike.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislike"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislike.js"],"names":["HeartDislike","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ueAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeartDislike.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislike = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M417.84 448a16 16 0 01-11.35-4.72l-365.84-368a16 16 0 1122.7-22.56l365.83 368A16 16 0 01417.84 448zM364.92 80c-44.09 0-74.61 24.82-92.39 45.5a6 6 0 01-9.06 0C245.69 104.82 215.16 80 171.08 80a107.71 107.71 0 00-31 4.54l269.13 270.7c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.79 58.61-153C475.37 130.53 425.54 80 364.92 80zM69 149.15a115.06 115.06 0 00-9 43.49c-.54 54.21 18.63 104.25 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.88 31.88 0 0036 0c20.35-13.82 37.7-26.5 52.58-38.12z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislike.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislike.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislike"]}
\ No newline at end of file
diff --git a/lib/HeartDislikeCircle.js b/lib/HeartDislikeCircle.js
index 292f28db9..4e8936fd1 100644
--- a/lib/HeartDislikeCircle.js
+++ b/lib/HeartDislikeCircle.js
@@ -47,7 +47,7 @@ var HeartDislikeCircle = function HeartDislikeCircle(props) {
 HeartDislikeCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislikeCircle.js.map b/lib/HeartDislikeCircle.js.map
index 6a5fa8496..46fd22959 100644
--- a/lib/HeartDislikeCircle.js.map
+++ b/lib/HeartDislikeCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislikeCircle.js"],"names":["HeartDislikeCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0jBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"HeartDislikeCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm23.3 299.19c-4.41 3.2-9.16 6.55-14.31 10a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5v-.64a4 4 0 016.82-2.72l120.95 120.2a4 4 0 01-.46 6.07zm68 16.12a16 16 0 01-22.62 0l-176-176a16 16 0 0122.62-22.62l176 176a16 16 0 01.01 22.62zm-14.1-65.62a3.92 3.92 0 01-6 .37l-124-123.21A4 4 0 01206 168h1.55c20.4 0 35 10.64 44.11 20.42a5.93 5.93 0 008.7 0c9.11-9.78 23.71-20.42 44.11-20.42 30.31 0 55.22 25.27 55.53 56.33.26 25.93-8.52 49.97-26.8 73.36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislikeCircle.js"],"names":["HeartDislikeCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0jBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"HeartDislikeCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm23.3 299.19c-4.41 3.2-9.16 6.55-14.31 10a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5v-.64a4 4 0 016.82-2.72l120.95 120.2a4 4 0 01-.46 6.07zm68 16.12a16 16 0 01-22.62 0l-176-176a16 16 0 0122.62-22.62l176 176a16 16 0 01.01 22.62zm-14.1-65.62a3.92 3.92 0 01-6 .37l-124-123.21A4 4 0 01206 168h1.55c20.4 0 35 10.64 44.11 20.42a5.93 5.93 0 008.7 0c9.11-9.78 23.71-20.42 44.11-20.42 30.31 0 55.22 25.27 55.53 56.33.26 25.93-8.52 49.97-26.8 73.36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircle"]}
\ No newline at end of file
diff --git a/lib/HeartDislikeCircleOutline.js b/lib/HeartDislikeCircleOutline.js
index 2638ee18c..650656b6a 100644
--- a/lib/HeartDislikeCircleOutline.js
+++ b/lib/HeartDislikeCircleOutline.js
@@ -48,7 +48,7 @@ var HeartDislikeCircleOutline = function HeartDislikeCircleOutline(props) {
 HeartDislikeCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislikeCircleOutline.js.map b/lib/HeartDislikeCircleOutline.js.map
index 172adb400..185c8a3c9 100644
--- a/lib/HeartDislikeCircleOutline.js.map
+++ b/lib/HeartDislikeCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislikeCircleOutline.js"],"names":["HeartDislikeCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,0eAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"HeartDislikeCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M333.2 297.69c18.28-23.39 27.06-47.43 26.79-73.37-.31-31.06-25.22-56.33-55.53-56.33-20.4 0-35 10.64-44.11 20.42a5.93 5.93 0 01-8.7 0c-9.11-9.78-23.71-20.42-44.11-20.42L206 168a4 4 0 00-2.75 6.84l124 123.21a3.92 3.92 0 005.95-.36zM158.84 221a4 4 0 00-6.82 2.72v.64c-.28 27.1 9.31 52.13 29.3 76.5 9.38 11.44 26.4 29.73 65.7 56.41a15.93 15.93 0 0018 0c5.15-3.49 9.9-6.84 14.31-10a4 4 0 00.46-6.07zM336 368a15.92 15.92 0 01-11.31-4.69l-176-176a16 16 0 0122.62-22.62l176 176A16 16 0 01336 368z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislikeCircleOutline.js"],"names":["HeartDislikeCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,0eAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"HeartDislikeCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M333.2 297.69c18.28-23.39 27.06-47.43 26.79-73.37-.31-31.06-25.22-56.33-55.53-56.33-20.4 0-35 10.64-44.11 20.42a5.93 5.93 0 01-8.7 0c-9.11-9.78-23.71-20.42-44.11-20.42L206 168a4 4 0 00-2.75 6.84l124 123.21a3.92 3.92 0 005.95-.36zM158.84 221a4 4 0 00-6.82 2.72v.64c-.28 27.1 9.31 52.13 29.3 76.5 9.38 11.44 26.4 29.73 65.7 56.41a15.93 15.93 0 0018 0c5.15-3.49 9.9-6.84 14.31-10a4 4 0 00.46-6.07zM336 368a15.92 15.92 0 01-11.31-4.69l-176-176a16 16 0 0122.62-22.62l176 176A16 16 0 01336 368z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircleOutline"]}
\ No newline at end of file
diff --git a/lib/HeartDislikeCircleSharp.js b/lib/HeartDislikeCircleSharp.js
index 8846ad360..98f74dfc4 100644
--- a/lib/HeartDislikeCircleSharp.js
+++ b/lib/HeartDislikeCircleSharp.js
@@ -47,7 +47,7 @@ var HeartDislikeCircleSharp = function HeartDislikeCircleSharp(props) {
 HeartDislikeCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislikeCircleSharp.js.map b/lib/HeartDislikeCircleSharp.js.map
index 9f25371eb..d6663d6fb 100644
--- a/lib/HeartDislikeCircleSharp.js.map
+++ b/lib/HeartDislikeCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislikeCircleSharp.js"],"names":["HeartDislikeCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+dAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"HeartDislikeCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm63.73 310.36l-183.14-182.3 22.74-22.51 183.19 182.36zm-63.51 4.86c-35.36-25-66.31-51.92-74.91-62.4-20-24.37-29.58-49.4-29.3-76.5a58.27 58.27 0 01.85-9.31l130.21 129.4c-3.43 2.59-16.21 11.45-26.85 18.81zm74.47-62.4l-.31.38L197.33 169a53.8 53.8 0 0110.21-1 59.34 59.34 0 0144.1 19.41L256 192l4.36-4.6a59.34 59.34 0 0144.1-19.4c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislikeCircleSharp.js"],"names":["HeartDislikeCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+dAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"HeartDislikeCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm63.73 310.36l-183.14-182.3 22.74-22.51 183.19 182.36zm-63.51 4.86c-35.36-25-66.31-51.92-74.91-62.4-20-24.37-29.58-49.4-29.3-76.5a58.27 58.27 0 01.85-9.31l130.21 129.4c-3.43 2.59-16.21 11.45-26.85 18.81zm74.47-62.4l-.31.38L197.33 169a53.8 53.8 0 0110.21-1 59.34 59.34 0 0144.1 19.41L256 192l4.36-4.6a59.34 59.34 0 0144.1-19.4c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeCircleSharp"]}
\ No newline at end of file
diff --git a/lib/HeartDislikeOutline.js b/lib/HeartDislikeOutline.js
index eac271911..66e206708 100644
--- a/lib/HeartDislikeOutline.js
+++ b/lib/HeartDislikeOutline.js
@@ -47,7 +47,7 @@ var HeartDislikeOutline = function HeartDislikeOutline(props) {
 HeartDislikeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislikeOutline.js.map b/lib/HeartDislikeOutline.js.map
index ff0565d43..fc85aeb7a 100644
--- a/lib/HeartDislikeOutline.js.map
+++ b/lib/HeartDislikeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislikeOutline.js"],"names":["HeartDislikeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wwBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"HeartDislikeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M417.84 448a15.94 15.94 0 01-11.35-4.72L40.65 75.26a16 16 0 0122.7-22.56l365.83 368a16 16 0 01-11.34 27.3zM364.92 80c-48.09 0-80 29.55-96.92 51-16.88-21.48-48.83-51-96.92-51a107.37 107.37 0 00-31 4.55L168 112c22.26 0 45.81 9 63.94 26.67a123 123 0 0121.75 28.47 16 16 0 0028.6 0 123 123 0 0121.77-28.51C322.19 121 342.66 112 364.92 112c43.15 0 78.62 36.33 79.07 81 .54 53.69-22.75 99.55-57.38 139.52l22.63 22.77c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.8 58.61-153C475.37 130.52 425.54 80 364.92 80zM268 432C180.38 372.51 91 297.6 92 193a83.69 83.69 0 012.24-18.39L69 149.14a115.1 115.1 0 00-9 43.49c-.54 54.22 18.63 104.27 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.84 31.84 0 0036 0c20.35-13.81 37.7-26.5 52.58-38.11l-22.66-22.81C300.25 409.6 284.09 421.05 268 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislikeOutline.js"],"names":["HeartDislikeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wwBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"HeartDislikeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M417.84 448a15.94 15.94 0 01-11.35-4.72L40.65 75.26a16 16 0 0122.7-22.56l365.83 368a16 16 0 01-11.34 27.3zM364.92 80c-48.09 0-80 29.55-96.92 51-16.88-21.48-48.83-51-96.92-51a107.37 107.37 0 00-31 4.55L168 112c22.26 0 45.81 9 63.94 26.67a123 123 0 0121.75 28.47 16 16 0 0028.6 0 123 123 0 0121.77-28.51C322.19 121 342.66 112 364.92 112c43.15 0 78.62 36.33 79.07 81 .54 53.69-22.75 99.55-57.38 139.52l22.63 22.77c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.8 58.61-153C475.37 130.52 425.54 80 364.92 80zM268 432C180.38 372.51 91 297.6 92 193a83.69 83.69 0 012.24-18.39L69 149.14a115.1 115.1 0 00-9 43.49c-.54 54.22 18.63 104.27 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.84 31.84 0 0036 0c20.35-13.81 37.7-26.5 52.58-38.11l-22.66-22.81C300.25 409.6 284.09 421.05 268 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeOutline"]}
\ No newline at end of file
diff --git a/lib/HeartDislikeSharp.js b/lib/HeartDislikeSharp.js
index aa5c4940e..4a4c06bcf 100644
--- a/lib/HeartDislikeSharp.js
+++ b/lib/HeartDislikeSharp.js
@@ -47,7 +47,7 @@ var HeartDislikeSharp = function HeartDislikeSharp(props) {
 HeartDislikeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartDislikeSharp.js.map b/lib/HeartDislikeSharp.js.map
index 88b6fdd83..0c2bc840f 100644
--- a/lib/HeartDislikeSharp.js.map
+++ b/lib/HeartDislikeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartDislikeSharp.js"],"names":["HeartDislikeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HeartDislikeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 64.45l389.47 389.94 22.84-22.47L54.85 42 32 64.45zM62.67 192.91c-.56 55.63 19.77 106.94 62.16 156.88 40.25 47.42 94.56 79.67 137.47 108.21l9 6 9-6c18.49-12.3 39.1-25.3 59.79-39.89L71.74 149.28a114.62 114.62 0 00-9.07 43.63zM417.83 349.79c42.39-49.94 62.72-101.25 62.16-156.88-.63-62-50.61-112.54-111.43-112.54-48.26 0-80.35 28-97.23 48.17-16.88-20.2-49-48.17-97.23-48.17A108.24 108.24 0 00142.84 85l270 270.48c1.71-1.89 3.37-3.78 4.99-5.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartDislikeSharp.js"],"names":["HeartDislikeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HeartDislikeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartDislikeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 64.45l389.47 389.94 22.84-22.47L54.85 42 32 64.45zM62.67 192.91c-.56 55.63 19.77 106.94 62.16 156.88 40.25 47.42 94.56 79.67 137.47 108.21l9 6 9-6c18.49-12.3 39.1-25.3 59.79-39.89L71.74 149.28a114.62 114.62 0 00-9.07 43.63zM417.83 349.79c42.39-49.94 62.72-101.25 62.16-156.88-.63-62-50.61-112.54-111.43-112.54-48.26 0-80.35 28-97.23 48.17-16.88-20.2-49-48.17-97.23-48.17A108.24 108.24 0 00142.84 85l270 270.48c1.71-1.89 3.37-3.78 4.99-5.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartDislikeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartDislikeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartDislikeSharp"]}
\ No newline at end of file
diff --git a/lib/HeartHalf.js b/lib/HeartHalf.js
index 6debf5ad6..7dc0c264f 100644
--- a/lib/HeartHalf.js
+++ b/lib/HeartHalf.js
@@ -47,7 +47,7 @@ var HeartHalf = function HeartHalf(props) {
 HeartHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartHalf.js.map b/lib/HeartHalf.js.map
index 8a7969f09..66f1fb5f8 100644
--- a/lib/HeartHalf.js.map
+++ b/lib/HeartHalf.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartHalf.js"],"names":["HeartHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,meAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HeartHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalf.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalf"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartHalf.js"],"names":["HeartHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,meAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HeartHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalf.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalf"]}
\ No newline at end of file
diff --git a/lib/HeartHalfOutline.js b/lib/HeartHalfOutline.js
index 227c7acec..da08afb47 100644
--- a/lib/HeartHalfOutline.js
+++ b/lib/HeartHalfOutline.js
@@ -47,7 +47,7 @@ var HeartHalfOutline = function HeartHalfOutline(props) {
 HeartHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartHalfOutline.js.map b/lib/HeartHalfOutline.js.map
index 33d74943f..bc3fdf72e 100644
--- a/lib/HeartHalfOutline.js.map
+++ b/lib/HeartHalfOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartHalfOutline.js"],"names":["HeartHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,meAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HeartHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalfOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartHalfOutline.js"],"names":["HeartHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,meAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HeartHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalfOutline"]}
\ No newline at end of file
diff --git a/lib/HeartHalfSharp.js b/lib/HeartHalfSharp.js
index fd5668f6a..1d71ace96 100644
--- a/lib/HeartHalfSharp.js
+++ b/lib/HeartHalfSharp.js
@@ -47,7 +47,7 @@ var HeartHalfSharp = function HeartHalfSharp(props) {
 HeartHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartHalfSharp.js.map b/lib/HeartHalfSharp.js.map
index 90687c106..8e08c56d5 100644
--- a/lib/HeartHalfSharp.js.map
+++ b/lib/HeartHalfSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartHalfSharp.js"],"names":["HeartHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2dAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HeartHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65c-.56 55.68 19.71 107 62 157 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32 42.25-50 62.52-101.35 62-157C463.37 114.54 413.54 64 352.92 64zm24.67 249c-31.78 37.6-74.68 65.75-112.52 90.59l-9.07 6V162.23l24.59-29.54C294.53 116 318.38 96 352.92 96c43.15 0 78.62 36.32 79.07 81a178.63 178.63 0 01-12.69 68.59c-9.03 22.84-22.67 44.91-41.71 67.41z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalfSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartHalfSharp.js"],"names":["HeartHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2dAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HeartHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65c-.56 55.68 19.71 107 62 157 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32 42.25-50 62.52-101.35 62-157C463.37 114.54 413.54 64 352.92 64zm24.67 249c-31.78 37.6-74.68 65.75-112.52 90.59l-9.07 6V162.23l24.59-29.54C294.53 116 318.38 96 352.92 96c43.15 0 78.62 36.32 79.07 81a178.63 178.63 0 01-12.69 68.59c-9.03 22.84-22.67 44.91-41.71 67.41z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartHalfSharp"]}
\ No newline at end of file
diff --git a/lib/HeartOutline.js b/lib/HeartOutline.js
index a1f02e5ef..cf01a8477 100644
--- a/lib/HeartOutline.js
+++ b/lib/HeartOutline.js
@@ -47,7 +47,7 @@ var HeartOutline = function HeartOutline(props) {
 HeartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartOutline.js.map b/lib/HeartOutline.js.map
index d67823c13..2c5b6867a 100644
--- a/lib/HeartOutline.js.map
+++ b/lib/HeartOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartOutline.js"],"names":["HeartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartOutline.js"],"names":["HeartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8MAAR,EAAuN,MAAK,MAA5N,EAAmO,QAAO,cAA1O,EAAyP,eAAc,OAAvQ,EAA+Q,gBAAe,OAA9R,EAAsS,aAAY,IAAlT;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"HeartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartOutline"]}
\ No newline at end of file
diff --git a/lib/HeartSharp.js b/lib/HeartSharp.js
index c84b73c61..1b2b33c56 100644
--- a/lib/HeartSharp.js
+++ b/lib/HeartSharp.js
@@ -47,7 +47,7 @@ var HeartSharp = function HeartSharp(props) {
 HeartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HeartSharp.js.map b/lib/HeartSharp.js.map
index 6cfb921bd..488fd10f4 100644
--- a/lib/HeartSharp.js.map
+++ b/lib/HeartSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HeartSharp.js"],"names":["HeartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HeartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448l-9-6c-42.78-28.57-96.91-60.86-137-108.32-42.25-50-62.52-101.35-62-157C48.63 114.54 98.46 64 159.08 64c48.11 0 80.1 28 96.92 48.21C272.82 92 304.81 64 352.92 64c60.62 0 110.45 50.54 111.08 112.65.56 55.68-19.71 107-62 157-40.09 47.49-94.22 79.78-137 108.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HeartSharp.js"],"names":["HeartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HeartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HeartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448l-9-6c-42.78-28.57-96.91-60.86-137-108.32-42.25-50-62.52-101.35-62-157C48.63 114.54 98.46 64 159.08 64c48.11 0 80.1 28 96.92 48.21C272.82 92 304.81 64 352.92 64c60.62 0 110.45 50.54 111.08 112.65.56 55.68-19.71 107-62 157-40.09 47.49-94.22 79.78-137 108.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHeartSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHeartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HeartSharp"]}
\ No newline at end of file
diff --git a/lib/Help.js b/lib/Help.js
index 007961641..bbf7c2189 100644
--- a/lib/Help.js
+++ b/lib/Help.js
@@ -48,7 +48,7 @@ var Help = function Help(props) {
 Help.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Help.js.map b/lib/Help.js.map
index e2c7e3dfe..1e8dac574 100644
--- a/lib/Help.js.map
+++ b/lib/Help.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Help.js"],"names":["Help","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR,EAAyL,MAAK,MAA9L,EAAqM,QAAO,cAA5M,EAA2N,eAAc,OAAzO,EAAiP,kBAAiB,IAAlQ,EAAuQ,aAAY,IAAnR,GAAjK;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B;AAA1b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Help.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Help = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\"/><circle cx=\"248\" cy=\"399.99\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Help"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Help.js"],"names":["Help","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR,EAAyL,MAAK,MAA9L,EAAqM,QAAO,cAA5M,EAA2N,eAAc,OAAzO,EAAiP,kBAAiB,IAAlQ,EAAuQ,aAAY,IAAnR,GAAhK;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B;AAA1b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Help.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Help = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" /><circle cx=\"248\" cy=\"399.99\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Help"]}
\ No newline at end of file
diff --git a/lib/HelpBuoy.js b/lib/HelpBuoy.js
index 4ca36e359..3c85d04cd 100644
--- a/lib/HelpBuoy.js
+++ b/lib/HelpBuoy.js
@@ -47,7 +47,7 @@ var HelpBuoy = function HelpBuoy(props) {
 HelpBuoy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpBuoy.js.map b/lib/HelpBuoy.js.map
index a89388e10..43c01b399 100644
--- a/lib/HelpBuoy.js.map
+++ b/lib/HelpBuoy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpBuoy.js"],"names":["HelpBuoy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0yBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"HelpBuoy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpBuoy.js"],"names":["HelpBuoy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0yBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"HelpBuoy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoy"]}
\ No newline at end of file
diff --git a/lib/HelpBuoyOutline.js b/lib/HelpBuoyOutline.js
index c5240b7b7..f5898245a 100644
--- a/lib/HelpBuoyOutline.js
+++ b/lib/HelpBuoyOutline.js
@@ -49,7 +49,7 @@ var HelpBuoyOutline = function HelpBuoyOutline(props) {
 HelpBuoyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpBuoyOutline.js.map b/lib/HelpBuoyOutline.js.map
index 4903da479..ce49971db 100644
--- a/lib/HelpBuoyOutline.js.map
+++ b/lib/HelpBuoyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpBuoyOutline.js"],"names":["HelpBuoyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAApS;AAAsa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kHAAxG;AAAta;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HelpBuoyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 54l8 132M296 186l8-132M208 458l8-132M296 326l8 132M458 208l-132 8M326 296l132 8M54 208l132 8M186 296l-132 8\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpBuoyOutline.js"],"names":["HelpBuoyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAApS;AAAua,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kHAAxG;AAAva;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HelpBuoyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 54l8 132M296 186l8-132M208 458l8-132M296 326l8 132M458 208l-132 8M326 296l132 8M54 208l132 8M186 296l-132 8\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoyOutline"]}
\ No newline at end of file
diff --git a/lib/HelpBuoySharp.js b/lib/HelpBuoySharp.js
index cd4fca8a1..139921b6f 100644
--- a/lib/HelpBuoySharp.js
+++ b/lib/HelpBuoySharp.js
@@ -47,7 +47,7 @@ var HelpBuoySharp = function HelpBuoySharp(props) {
 HelpBuoySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpBuoySharp.js.map b/lib/HelpBuoySharp.js.map
index c520c6fa0..85ff13c97 100644
--- a/lib/HelpBuoySharp.js.map
+++ b/lib/HelpBuoySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpBuoySharp.js"],"names":["HelpBuoySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ujBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HelpBuoySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm-64 224a64 64 0 1164 64 64 64 0 01-64-64zm237.24-62.29L342.91 199a104.86 104.86 0 00-29.86-29.86l5.24-86.33a185 185 0 01111 111zm-303.35-67.82a183.44 183.44 0 0167.82-43.13l5.29 86.33A104.86 104.86 0 00169.09 199l-86.33-5.24a183.44 183.44 0 0143.13-67.87zm-43.13 192.4l86.33-5.24A104.86 104.86 0 00199 342.91l-5.24 86.33a185 185 0 01-111-110.95zm303.35 67.82a183.44 183.44 0 01-67.82 43.13l-5.24-86.33a104.86 104.86 0 0029.86-29.86l86.33 5.24a183.44 183.44 0 01-43.13 67.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpBuoySharp.js"],"names":["HelpBuoySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ujBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"HelpBuoySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpBuoySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm-64 224a64 64 0 1164 64 64 64 0 01-64-64zm237.24-62.29L342.91 199a104.86 104.86 0 00-29.86-29.86l5.24-86.33a185 185 0 01111 111zm-303.35-67.82a183.44 183.44 0 0167.82-43.13l5.29 86.33A104.86 104.86 0 00169.09 199l-86.33-5.24a183.44 183.44 0 0143.13-67.87zm-43.13 192.4l86.33-5.24A104.86 104.86 0 00199 342.91l-5.24 86.33a185 185 0 01-111-110.95zm303.35 67.82a183.44 183.44 0 01-67.82 43.13l-5.24-86.33a104.86 104.86 0 0029.86-29.86l86.33 5.24a183.44 183.44 0 01-43.13 67.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpBuoySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpBuoySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpBuoySharp"]}
\ No newline at end of file
diff --git a/lib/HelpCircle.js b/lib/HelpCircle.js
index b8ee78982..9b2c7ce37 100644
--- a/lib/HelpCircle.js
+++ b/lib/HelpCircle.js
@@ -47,7 +47,7 @@ var HelpCircle = function HelpCircle(props) {
 HelpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpCircle.js.map b/lib/HelpCircle.js.map
index a330fbcd6..7d1a3503a 100644
--- a/lib/HelpCircle.js.map
+++ b/lib/HelpCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpCircle.js"],"names":["HelpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yhBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HelpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm-6 304a20 20 0 1120-20 20 20 0 01-20 20zm33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 01-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 11-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpCircle.js"],"names":["HelpCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yhBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"HelpCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm-6 304a20 20 0 1120-20 20 20 0 01-20 20zm33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 01-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 11-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircle"]}
\ No newline at end of file
diff --git a/lib/HelpCircleOutline.js b/lib/HelpCircleOutline.js
index 8faa792a4..857633c14 100644
--- a/lib/HelpCircleOutline.js
+++ b/lib/HelpCircleOutline.js
@@ -49,7 +49,7 @@ var HelpCircleOutline = function HelpCircleOutline(props) {
 HelpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpCircleOutline.js.map b/lib/HelpCircleOutline.js.map
index 589af62f4..296e88783 100644
--- a/lib/HelpCircleOutline.js.map
+++ b/lib/HelpCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpCircleOutline.js"],"names":["HelpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H,GAAjK;AAAqS,8CAAM,GAAE,+KAAR,EAAwL,MAAK,MAA7L,EAAoM,QAAO,cAA3M,EAA0N,eAAc,OAAxO,EAAgP,kBAAiB,IAAjQ,EAAsQ,aAAY,IAAlR,GAArS;AAA6jB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA7jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HelpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80a176 176 0 10176 176A176 176 0 00256 80z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\"/><circle cx=\"250\" cy=\"348\" r=\"20\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpCircleOutline.js"],"names":["HelpCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H,GAAhK;AAAqS,8CAAM,GAAE,+KAAR,EAAwL,MAAK,MAA7L,EAAoM,QAAO,cAA3M,EAA0N,eAAc,OAAxO,EAAgP,kBAAiB,IAAjQ,EAAsQ,aAAY,IAAlR,GAArS;AAA8jB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"HelpCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80a176 176 0 10176 176A176 176 0 00256 80z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\" /><circle cx=\"250\" cy=\"348\" r=\"20\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircleOutline"]}
\ No newline at end of file
diff --git a/lib/HelpCircleSharp.js b/lib/HelpCircleSharp.js
index e573149be..bb0536b35 100644
--- a/lib/HelpCircleSharp.js
+++ b/lib/HelpCircleSharp.js
@@ -48,7 +48,7 @@ var HelpCircleSharp = function HelpCircleSharp(props) {
 HelpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpCircleSharp.js.map b/lib/HelpCircleSharp.js.map
index d98be77ce..d66c8722c 100644
--- a/lib/HelpCircleSharp.js.map
+++ b/lib/HelpCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpCircleSharp.js"],"names":["HelpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,seAAR,EAA+e,MAAK,MAApf,GAAjK;AAA6pB,8CAAM,GAAE,usBAAR;AAA7pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HelpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288.55 150.84c-8.09-3.86-20-6-32.72-5.82-18 .22-33.13 5.2-45 14.78-23 18.48-24.55 40.37-24.77 42.8a61.69 61.69 0 00-.09 12 3 3 0 003 2.69h21.23a3 3 0 003-3A65.7 65.7 0 01214 204c0-.11 1.14-11.7 14.36-22.34 7-5.64 16.11-8.44 27.83-8.59 9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 003 3h22a3 3 0 003-3v-11c0-9.16 2.23-19.13 18.44-30 19.95-13.41 42.56-28.6 42.56-62.43 0-23.14-13.3-42.23-37.45-53.73z\" fill=\"none\"/><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm10.44 302h-30.21a2.57 2.57 0 01-2.56-2.57v-30.2a2.57 2.57 0 012.56-2.57h30.21a2.57 2.57 0 012.56 2.57v30.2a2.57 2.57 0 01-2.56 2.57zm17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 01-3 3h-22a3 3 0 01-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a65.7 65.7 0 00-.84 10.28 3 3 0 01-3 3h-21.25a3 3 0 01-3-2.69 61.69 61.69 0 01.09-12c.22-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82 24.21 11.51 37.51 30.6 37.51 53.74 0 33.83-22.61 49.02-42.56 62.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpCircleSharp.js"],"names":["HelpCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,seAAR,EAA+e,MAAK,MAApf,GAAhK;AAA6pB,8CAAM,GAAE,usBAAR;AAA7pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"HelpCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288.55 150.84c-8.09-3.86-20-6-32.72-5.82-18 .22-33.13 5.2-45 14.78-23 18.48-24.55 40.37-24.77 42.8a61.69 61.69 0 00-.09 12 3 3 0 003 2.69h21.23a3 3 0 003-3A65.7 65.7 0 01214 204c0-.11 1.14-11.7 14.36-22.34 7-5.64 16.11-8.44 27.83-8.59 9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 003 3h22a3 3 0 003-3v-11c0-9.16 2.23-19.13 18.44-30 19.95-13.41 42.56-28.6 42.56-62.43 0-23.14-13.3-42.23-37.45-53.73z\" fill=\"none\" /><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm10.44 302h-30.21a2.57 2.57 0 01-2.56-2.57v-30.2a2.57 2.57 0 012.56-2.57h30.21a2.57 2.57 0 012.56 2.57v30.2a2.57 2.57 0 01-2.56 2.57zm17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 01-3 3h-22a3 3 0 01-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a65.7 65.7 0 00-.84 10.28 3 3 0 01-3 3h-21.25a3 3 0 01-3-2.69 61.69 61.69 0 01.09-12c.22-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82 24.21 11.51 37.51 30.6 37.51 53.74 0 33.83-22.61 49.02-42.56 62.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpCircleSharp"]}
\ No newline at end of file
diff --git a/lib/HelpOutline.js b/lib/HelpOutline.js
index 5931d6dab..d14773c3d 100644
--- a/lib/HelpOutline.js
+++ b/lib/HelpOutline.js
@@ -48,7 +48,7 @@ var HelpOutline = function HelpOutline(props) {
 HelpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpOutline.js.map b/lib/HelpOutline.js.map
index e0e9dddc1..3f170f25d 100644
--- a/lib/HelpOutline.js.map
+++ b/lib/HelpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpOutline.js"],"names":["HelpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR,EAAyL,MAAK,MAA9L,EAAqM,QAAO,cAA5M,EAA2N,eAAc,OAAzO,EAAiP,kBAAiB,IAAlQ,EAAuQ,aAAY,IAAnR,GAAjK;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B;AAA1b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HelpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\"/><circle cx=\"248\" cy=\"399.99\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpOutline.js"],"names":["HelpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR,EAAyL,MAAK,MAA9L,EAAqM,QAAO,cAA5M,EAA2N,eAAc,OAAzO,EAAiP,kBAAiB,IAAlQ,EAAuQ,aAAY,IAAnR,GAAhK;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B;AAA1b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HelpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" /><circle cx=\"248\" cy=\"399.99\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpOutline"]}
\ No newline at end of file
diff --git a/lib/HelpSharp.js b/lib/HelpSharp.js
index 14b2a53ee..4747c599d 100644
--- a/lib/HelpSharp.js
+++ b/lib/HelpSharp.js
@@ -48,7 +48,7 @@ var HelpSharp = function HelpSharp(props) {
 HelpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HelpSharp.js.map b/lib/HelpSharp.js.map
index 3ec128fac..8a249450e 100644
--- a/lib/HelpSharp.js.map
+++ b/lib/HelpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HelpSharp.js"],"names":["HelpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qLAAR,EAA8L,MAAK,MAAnM,EAA0M,QAAO,cAAjN,EAAgO,eAAc,QAA9O,EAAuP,kBAAiB,IAAxQ,EAA6Q,aAAY,IAAzR,GAAjK;AAAgc,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,KAAhD,EAAsD,IAAG,KAAzD;AAAhc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HelpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164c0-10 1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 290.36 248 316\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"40\"/><rect x=\"220\" y=\"368\" width=\"56\" height=\"56\" rx=\"3.5\" ry=\"3.5\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HelpSharp.js"],"names":["HelpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qLAAR,EAA8L,MAAK,MAAnM,EAA0M,QAAO,cAAjN,EAAgO,eAAc,QAA9O,EAAuP,kBAAiB,IAAxQ,EAA6Q,aAAY,IAAzR,GAAhK;AAAgc,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,KAAhD,EAAsD,IAAG,KAAzD;AAAhc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HelpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HelpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 164c0-10 1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 290.36 248 316\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"40\" /><rect x=\"220\" y=\"368\" width=\"56\" height=\"56\" rx=\"3.5\" ry=\"3.5\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHelpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHelpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HelpSharp"]}
\ No newline at end of file
diff --git a/lib/Home.js b/lib/Home.js
index 506da3727..aac06003b 100644
--- a/lib/Home.js
+++ b/lib/Home.js
@@ -48,7 +48,7 @@ var Home = function Home(props) {
 Home.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Home.js.map b/lib/Home.js.map
index c91a296e6..3d53f5788 100644
--- a/lib/Home.js.map
+++ b/lib/Home.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Home.js"],"names":["Home","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iNAAR,GAAjK;AAA4X,8CAAM,GAAE,2SAAR;AAA5X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Home.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Home = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z\"/><path d=\"M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHome.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHome.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Home"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Home.js"],"names":["Home","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iNAAR,GAAhK;AAA4X,8CAAM,GAAE,2SAAR;AAA5X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Home.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Home = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z\" /><path d=\"M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHome.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHome.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Home"]}
\ No newline at end of file
diff --git a/lib/HomeOutline.js b/lib/HomeOutline.js
index 0400c5d3c..3626b280b 100644
--- a/lib/HomeOutline.js
+++ b/lib/HomeOutline.js
@@ -48,7 +48,7 @@ var HomeOutline = function HomeOutline(props) {
 HomeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HomeOutline.js.map b/lib/HomeOutline.js.map
index 5549d43dd..34cf9bcd3 100644
--- a/lib/HomeOutline.js.map
+++ b/lib/HomeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HomeOutline.js"],"names":["HomeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAjK;AAA6W,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,gBAAe,OAAxJ,EAAgK,aAAY,IAA5K;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HomeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HomeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHomeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHomeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HomeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HomeOutline.js"],"names":["HomeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kGAAR,EAA2G,MAAK,MAAhH,EAAuH,QAAO,cAA9H,EAA6I,eAAc,OAA3J,EAAmK,gBAAe,OAAlL,EAA0L,aAAY,IAAtM,GAAhK;AAA6W,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,gBAAe,OAAxJ,EAAgK,aAAY,IAA5K;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"HomeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HomeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHomeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHomeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HomeOutline"]}
\ No newline at end of file
diff --git a/lib/HomeSharp.js b/lib/HomeSharp.js
index 559be71d8..86d2a5e78 100644
--- a/lib/HomeSharp.js
+++ b/lib/HomeSharp.js
@@ -47,7 +47,7 @@ var HomeSharp = function HomeSharp(props) {
 HomeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HomeSharp.js.map b/lib/HomeSharp.js.map
index 6e4143b6d..46c7f82d6 100644
--- a/lib/HomeSharp.js.map
+++ b/lib/HomeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HomeSharp.js"],"names":["HomeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HomeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HomeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 174.74V48h-80v58.45L256 32 0 272h64v208h144V320h96v160h144V272h64l-96-97.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHomeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHomeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HomeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HomeSharp.js"],"names":["HomeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"HomeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HomeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 174.74V48h-80v58.45L256 32 0 272h64v208h144V320h96v160h144V272h64l-96-97.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHomeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHomeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HomeSharp"]}
\ No newline at end of file
diff --git a/lib/Hourglass.js b/lib/Hourglass.js
index ef29b22e3..74e842cd6 100644
--- a/lib/Hourglass.js
+++ b/lib/Hourglass.js
@@ -47,7 +47,7 @@ var Hourglass = function Hourglass(props) {
 Hourglass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Hourglass.js.map b/lib/Hourglass.js.map
index de34c5c27..a28c71aa6 100644
--- a/lib/Hourglass.js.map
+++ b/lib/Hourglass.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Hourglass.js"],"names":["Hourglass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yvBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Hourglass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Hourglass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44 25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 00-12-36.26A50.3 50.3 0 00366.39 32H145.61a50.34 50.34 0 00-37.39 16.46 47.05 47.05 0 00-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75-25.5 23.1-60.5 54.73-69.2 131.38a46.59 46.59 0 0011.7 36.2A50.44 50.44 0 00145.61 480h220.78A50.44 50.44 0 00404 463.33a46.59 46.59 0 0011.7-36.2zM343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglass.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Hourglass"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Hourglass.js"],"names":["Hourglass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yvBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Hourglass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Hourglass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44 25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 00-12-36.26A50.3 50.3 0 00366.39 32H145.61a50.34 50.34 0 00-37.39 16.46 47.05 47.05 0 00-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75-25.5 23.1-60.5 54.73-69.2 131.38a46.59 46.59 0 0011.7 36.2A50.44 50.44 0 00145.61 480h220.78A50.44 50.44 0 00404 463.33a46.59 46.59 0 0011.7-36.2zM343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglass.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Hourglass"]}
\ No newline at end of file
diff --git a/lib/HourglassOutline.js b/lib/HourglassOutline.js
index a7826188a..05c197739 100644
--- a/lib/HourglassOutline.js
+++ b/lib/HourglassOutline.js
@@ -48,7 +48,7 @@ var HourglassOutline = function HourglassOutline(props) {
 HourglassOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HourglassOutline.js.map b/lib/HourglassOutline.js.map
index a62617564..59bc290b7 100644
--- a/lib/HourglassOutline.js.map
+++ b/lib/HourglassOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HourglassOutline.js"],"names":["HourglassOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gQAAR,EAAyQ,MAAK,MAA9Q,EAAqR,QAAO,cAA5R,EAA2S,eAAc,OAAzT,EAAiU,gBAAe,OAAhV,EAAwV,aAAY,IAApW,GAAjK;AAA2gB,8CAAM,GAAE,uQAAR;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HourglassOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HourglassOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglassOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglassOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HourglassOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HourglassOutline.js"],"names":["HourglassOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gQAAR,EAAyQ,MAAK,MAA9Q,EAAqR,QAAO,cAA5R,EAA2S,eAAc,OAAzT,EAAiU,gBAAe,OAAhV,EAAwV,aAAY,IAApW,GAAhK;AAA2gB,8CAAM,GAAE,uQAAR;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"HourglassOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HourglassOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglassOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglassOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HourglassOutline"]}
\ No newline at end of file
diff --git a/lib/HourglassSharp.js b/lib/HourglassSharp.js
index a55ea7298..3e488b759 100644
--- a/lib/HourglassSharp.js
+++ b/lib/HourglassSharp.js
@@ -47,7 +47,7 @@ var HourglassSharp = function HourglassSharp(props) {
 HourglassSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/HourglassSharp.js.map b/lib/HourglassSharp.js.map
index db3e5df69..3f151f4ef 100644
--- a/lib/HourglassSharp.js.map
+++ b/lib/HourglassSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/HourglassSharp.js"],"names":["HourglassSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HourglassSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HourglassSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 32H96v112l108 112L96 368v112h320V368L308 256l108-112zM272 224v112l91 96H148l92-96V224l-80-80h192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglassSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglassSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HourglassSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/HourglassSharp.js"],"names":["HourglassSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"HourglassSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst HourglassSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 32H96v112l108 112L96 368v112h320V368L308 256l108-112zM272 224v112l91 96H148l92-96V224l-80-80h192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nHourglassSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nHourglassSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default HourglassSharp"]}
\ No newline at end of file
diff --git a/lib/IceCream.js b/lib/IceCream.js
index 6c1230701..4f23a4909 100644
--- a/lib/IceCream.js
+++ b/lib/IceCream.js
@@ -48,7 +48,7 @@ var IceCream = function IceCream(props) {
 IceCream.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/IceCream.js.map b/lib/IceCream.js.map
index 18131edc0..81edb9c76 100644
--- a/lib/IceCream.js.map
+++ b/lib/IceCream.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/IceCream.js"],"names":["IceCream","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mVAAR,GAAjK;AAA8f,8CAAM,GAAE,8OAAR;AAA9f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"IceCream.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCream = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 00-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0166.27-78.82 8 8 0 006.62-6.83 104 104 0 01206.22 0 8 8 0 006.62 6.83A80 80 0 01352 272a74.33 74.33 0 01-47.45-17.41 7.93 7.93 0 00-9.92-.14A62.89 62.89 0 01256 268a80.47 80.47 0 01-21.8-3.18 8 8 0 00-10.2 7.69V312a40 40 0 01-41 40z\"/><path d=\"M263.39 299.7a8 8 0 00-7.39 7.91V312a72.11 72.11 0 01-50.69 68.76 8 8 0 00-4.91 10.78l40.91 94.8A16 16 0 00256 496a16 16 0 0014.69-9.7l73.78-172.15a8 8 0 00-6.2-11.07 106.31 106.31 0 01-35.9-11.59 8 8 0 00-7.13-.2 95 95 0 01-31.85 8.41z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCream.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCream.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCream"]}
\ No newline at end of file
+{"version":3,"sources":["../src/IceCream.js"],"names":["IceCream","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mVAAR,GAAhK;AAA8f,8CAAM,GAAE,8OAAR;AAA9f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"IceCream.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCream = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 00-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0166.27-78.82 8 8 0 006.62-6.83 104 104 0 01206.22 0 8 8 0 006.62 6.83A80 80 0 01352 272a74.33 74.33 0 01-47.45-17.41 7.93 7.93 0 00-9.92-.14A62.89 62.89 0 01256 268a80.47 80.47 0 01-21.8-3.18 8 8 0 00-10.2 7.69V312a40 40 0 01-41 40z\" /><path d=\"M263.39 299.7a8 8 0 00-7.39 7.91V312a72.11 72.11 0 01-50.69 68.76 8 8 0 00-4.91 10.78l40.91 94.8A16 16 0 00256 496a16 16 0 0014.69-9.7l73.78-172.15a8 8 0 00-6.2-11.07 106.31 106.31 0 01-35.9-11.59 8 8 0 00-7.13-.2 95 95 0 01-31.85 8.41z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCream.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCream.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCream"]}
\ No newline at end of file
diff --git a/lib/IceCreamOutline.js b/lib/IceCreamOutline.js
index 126679c55..a4685179b 100644
--- a/lib/IceCreamOutline.js
+++ b/lib/IceCreamOutline.js
@@ -48,7 +48,7 @@ var IceCreamOutline = function IceCreamOutline(props) {
 IceCreamOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/IceCreamOutline.js.map b/lib/IceCreamOutline.js.map
index 1d37dd18e..9a7888632 100644
--- a/lib/IceCreamOutline.js.map
+++ b/lib/IceCreamOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/IceCreamOutline.js"],"names":["IceCreamOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG,GAAjK;AAAoS,8CAAM,GAAE,8QAAR,EAAuR,MAAK,MAA5R,EAAmS,QAAO,cAA1S,EAAyT,eAAc,OAAvU,EAA+U,gBAAe,OAA9V,EAAsW,aAAY,IAAlX;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"IceCreamOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCreamOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 256l-96 224-62-145\"/><path d=\"M299.42 223.48C291.74 239.75 275.18 252 256 252c-13.1 0-27-5-33.63-9.76C216.27 237.87 208 240 208 250v62a24.07 24.07 0 01-24 24h0a24.07 24.07 0 01-24-24v-56h-2c-35.35 0-62-28.65-62-64a64 64 0 0164-64h8v-8a88 88 0 01176 0v8h8a64 64 0 010 128c-21.78 0-42-13-52.59-32.51z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCreamOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCreamOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCreamOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/IceCreamOutline.js"],"names":["IceCreamOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yBAAxG,GAAhK;AAAoS,8CAAM,GAAE,8QAAR,EAAuR,MAAK,MAA5R,EAAmS,QAAO,cAA1S,EAAyT,eAAc,OAAvU,EAA+U,gBAAe,OAA9V,EAAsW,aAAY,IAAlX;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"IceCreamOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCreamOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 256l-96 224-62-145\" /><path d=\"M299.42 223.48C291.74 239.75 275.18 252 256 252c-13.1 0-27-5-33.63-9.76C216.27 237.87 208 240 208 250v62a24.07 24.07 0 01-24 24h0a24.07 24.07 0 01-24-24v-56h-2c-35.35 0-62-28.65-62-64a64 64 0 0164-64h8v-8a88 88 0 01176 0v8h8a64 64 0 010 128c-21.78 0-42-13-52.59-32.51z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCreamOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCreamOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCreamOutline"]}
\ No newline at end of file
diff --git a/lib/IceCreamSharp.js b/lib/IceCreamSharp.js
index 5c1d90573..ca5359928 100644
--- a/lib/IceCreamSharp.js
+++ b/lib/IceCreamSharp.js
@@ -48,7 +48,7 @@ var IceCreamSharp = function IceCreamSharp(props) {
 IceCreamSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/IceCreamSharp.js.map b/lib/IceCreamSharp.js.map
index a766ace98..58a8622a2 100644
--- a/lib/IceCreamSharp.js.map
+++ b/lib/IceCreamSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/IceCreamSharp.js"],"names":["IceCreamSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ySAAR,GAAjK;AAAod,8CAAM,GAAE,qHAAR;AAApd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"IceCreamSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCreamSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M359.72 112.37a104 104 0 00-207.44 0A80.12 80.12 0 0080 192c0 39.36 26.37 71.23 62.38 78.46a2 2 0 011.62 2v38.83c0 21.84 17.2 40.22 39 40.74a40 40 0 0041-40v-47.84a2 2 0 012.72-1.86A83.47 83.47 0 00256 268a63.18 63.18 0 0042.24-16.59 2 2 0 012.74 0A74.63 74.63 0 00352 272a80 80 0 007.72-159.63z\"/><path d=\"M256 300v12a72.1 72.1 0 01-58.21 70.64L256 496l92.06-192.08a105.29 105.29 0 01-49.18-14.36A93.75 93.75 0 01256 300z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCreamSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCreamSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCreamSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/IceCreamSharp.js"],"names":["IceCreamSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ySAAR,GAAhK;AAAod,8CAAM,GAAE,qHAAR;AAApd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"IceCreamSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst IceCreamSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M359.72 112.37a104 104 0 00-207.44 0A80.12 80.12 0 0080 192c0 39.36 26.37 71.23 62.38 78.46a2 2 0 011.62 2v38.83c0 21.84 17.2 40.22 39 40.74a40 40 0 0041-40v-47.84a2 2 0 012.72-1.86A83.47 83.47 0 00256 268a63.18 63.18 0 0042.24-16.59 2 2 0 012.74 0A74.63 74.63 0 00352 272a80 80 0 007.72-159.63z\" /><path d=\"M256 300v12a72.1 72.1 0 01-58.21 70.64L256 496l92.06-192.08a105.29 105.29 0 01-49.18-14.36A93.75 93.75 0 01256 300z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nIceCreamSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nIceCreamSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default IceCreamSharp"]}
\ No newline at end of file
diff --git a/lib/Image.js b/lib/Image.js
index 17fd75a7e..eff0efd76 100644
--- a/lib/Image.js
+++ b/lib/Image.js
@@ -47,7 +47,7 @@ var Image = function Image(props) {
 Image.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Image.js.map b/lib/Image.js.map
index 1446911ad..5b1fb650d 100644
--- a/lib/Image.js.map
+++ b/lib/Image.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Image.js"],"names":["Image","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Image.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Image = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImage.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Image"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Image.js"],"names":["Image","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Image.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Image = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImage.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Image"]}
\ No newline at end of file
diff --git a/lib/ImageOutline.js b/lib/ImageOutline.js
index 497085a62..a330a11bf 100644
--- a/lib/ImageOutline.js
+++ b/lib/ImageOutline.js
@@ -49,7 +49,7 @@ var ImageOutline = function ImageOutline(props) {
 ImageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ImageOutline.js.map b/lib/ImageOutline.js.map
index 551c6ba34..663a5cbf9 100644
--- a/lib/ImageOutline.js.map
+++ b/lib/ImageOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ImageOutline.js"],"names":["ImageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAzS;AAAoZ,8CAAM,GAAE,sGAAR,EAA+G,MAAK,MAApH,EAA2H,QAAO,cAAlI,EAAiJ,eAAc,OAA/J,EAAuK,gBAAe,OAAtL,EAA8L,aAAY,IAA1M;AAApZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ImageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"80\" width=\"416\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"336\" cy=\"176\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M304 335.79l-90.66-90.49a32 32 0 00-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0143.11-2L464 368\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImageOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImageOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ImageOutline.js"],"names":["ImageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAzS;AAAqZ,8CAAM,GAAE,sGAAR,EAA+G,MAAK,MAApH,EAA2H,QAAO,cAAlI,EAAiJ,eAAc,OAA/J,EAAuK,gBAAe,OAAtL,EAA8L,aAAY,IAA1M;AAArZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ImageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"80\" width=\"416\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"336\" cy=\"176\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M304 335.79l-90.66-90.49a32 32 0 00-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0143.11-2L464 368\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImageOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImageOutline"]}
\ No newline at end of file
diff --git a/lib/ImageSharp.js b/lib/ImageSharp.js
index d3ce92ba5..b0ceadbaa 100644
--- a/lib/ImageSharp.js
+++ b/lib/ImageSharp.js
@@ -47,7 +47,7 @@ var ImageSharp = function ImageSharp(props) {
 ImageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ImageSharp.js.map b/lib/ImageSharp.js.map
index ee40c9986..a10617650 100644
--- a/lib/ImageSharp.js.map
+++ b/lib/ImageSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ImageSharp.js"],"names":["ImageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ImageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 64H56a24 24 0 00-24 24v336a24 24 0 0024 24h400a24 24 0 0024-24V88a24 24 0 00-24-24zm-124.38 64.2a48 48 0 11-43.42 43.42 48 48 0 0143.42-43.42zM76 416a12 12 0 01-12-12v-87.63L192.64 202l96.95 96.75L172.37 416zm372-12a12 12 0 01-12 12H217.63l149.53-149.53L448 333.84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImageSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImageSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ImageSharp.js"],"names":["ImageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ImageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 64H56a24 24 0 00-24 24v336a24 24 0 0024 24h400a24 24 0 0024-24V88a24 24 0 00-24-24zm-124.38 64.2a48 48 0 11-43.42 43.42 48 48 0 0143.42-43.42zM76 416a12 12 0 01-12-12v-87.63L192.64 202l96.95 96.75L172.37 416zm372-12a12 12 0 01-12 12H217.63l149.53-149.53L448 333.84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImageSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImageSharp"]}
\ No newline at end of file
diff --git a/lib/Images.js b/lib/Images.js
index 54f80c1b0..ceeb4b336 100644
--- a/lib/Images.js
+++ b/lib/Images.js
@@ -48,7 +48,7 @@ var Images = function Images(props) {
 Images.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Images.js.map b/lib/Images.js.map
index 3cd7c6d59..85b7a38e5 100644
--- a/lib/Images.js.map
+++ b/lib/Images.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Images.js"],"names":["Images","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qZAAR,GAAjK;AAAgkB,8CAAM,GAAE,qGAAR;AAAhkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Images.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Images = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M450.29 112H142c-34 0-62 27.51-62 61.33v245.34c0 33.82 28 61.33 62 61.33h308c34 0 62-26.18 62-60V173.33c0-33.82-27.68-61.33-61.71-61.33zm-77.15 61.34a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46.01zm-231.55 276c-17 0-29.86-13.75-29.86-30.66v-64.83l90.46-80.79a46.54 46.54 0 0163.44 1.83L328.27 337l-113 112.33zM480 418.67a30.67 30.67 0 01-30.71 30.66H259L376.08 333a46.24 46.24 0 0159.44-.16L480 370.59z\"/><path d=\"M384 32H64A64 64 0 000 96v256a64.11 64.11 0 0048 62V152a72 72 0 0172-72h326a64.11 64.11 0 00-62-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImages.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImages.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Images"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Images.js"],"names":["Images","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qZAAR,GAAhK;AAAgkB,8CAAM,GAAE,qGAAR;AAAhkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Images.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Images = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M450.29 112H142c-34 0-62 27.51-62 61.33v245.34c0 33.82 28 61.33 62 61.33h308c34 0 62-26.18 62-60V173.33c0-33.82-27.68-61.33-61.71-61.33zm-77.15 61.34a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46.01zm-231.55 276c-17 0-29.86-13.75-29.86-30.66v-64.83l90.46-80.79a46.54 46.54 0 0163.44 1.83L328.27 337l-113 112.33zM480 418.67a30.67 30.67 0 01-30.71 30.66H259L376.08 333a46.24 46.24 0 0159.44-.16L480 370.59z\" /><path d=\"M384 32H64A64 64 0 000 96v256a64.11 64.11 0 0048 62V152a72 72 0 0172-72h326a64.11 64.11 0 00-62-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImages.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImages.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Images"]}
\ No newline at end of file
diff --git a/lib/ImagesOutline.js b/lib/ImagesOutline.js
index dfda00ea3..ee9b46423 100644
--- a/lib/ImagesOutline.js
+++ b/lib/ImagesOutline.js
@@ -50,7 +50,7 @@ var ImagesOutline = function ImagesOutline(props) {
 ImagesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ImagesOutline.js.map b/lib/ImagesOutline.js.map
index a5f3fb29b..c64d9be9f 100644
--- a/lib/ImagesOutline.js.map
+++ b/lib/ImagesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ImagesOutline.js"],"names":["ImagesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2FAAR,EAAoG,MAAK,MAAzG,EAAgH,QAAO,cAAvH,EAAsI,gBAAe,OAArJ,EAA6J,aAAY,IAAzK,GAAjK;AAAgV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,OAAjD,EAAyD,IAAG,OAA5D,EAAoE,MAAK,MAAzE,EAAgF,QAAO,cAAvF,EAAsG,gBAAe,OAArH,EAA6H,aAAY,IAAzI,GAAhV;AAA+d,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,MAAK,MAA5D,EAAmE,QAAO,cAA1E,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAA/d;AAAgmB,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,eAAc,OAAnL,EAA2L,gBAAe,OAA1M,EAAkN,aAAY,IAA9N;AAAhmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ImagesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImagesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 112V96a48.14 48.14 0 00-48-48H64a48.14 48.14 0 00-48 48v256a48.14 48.14 0 0048 48h16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"128\" width=\"400\" height=\"336\" rx=\"45.99\" ry=\"45.99\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><ellipse cx=\"372.92\" cy=\"219.64\" rx=\"30.77\" ry=\"30.55\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M342.15 372.17L255 285.78a30.93 30.93 0 00-42.18-1.21L96 387.64M265.23 464l118.59-117.73a31 31 0 0141.46-1.87L496 402.91\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImagesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImagesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImagesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ImagesOutline.js"],"names":["ImagesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2FAAR,EAAoG,MAAK,MAAzG,EAAgH,QAAO,cAAvH,EAAsI,gBAAe,OAArJ,EAA6J,aAAY,IAAzK,GAAhK;AAAgV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,OAAjD,EAAyD,IAAG,OAA5D,EAAoE,MAAK,MAAzE,EAAgF,QAAO,cAAvF,EAAsG,gBAAe,OAArH,EAA6H,aAAY,IAAzI,GAAhV;AAAge,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,MAAK,MAA5D,EAAmE,QAAO,cAA1E,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAAhe;AAAkmB,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,eAAc,OAAnL,EAA2L,gBAAe,OAA1M,EAAkN,aAAY,IAA9N;AAAlmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ImagesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImagesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 112V96a48.14 48.14 0 00-48-48H64a48.14 48.14 0 00-48 48v256a48.14 48.14 0 0048 48h16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"128\" width=\"400\" height=\"336\" rx=\"45.99\" ry=\"45.99\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><ellipse cx=\"372.92\" cy=\"219.64\" rx=\"30.77\" ry=\"30.55\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M342.15 372.17L255 285.78a30.93 30.93 0 00-42.18-1.21L96 387.64M265.23 464l118.59-117.73a31 31 0 0141.46-1.87L496 402.91\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImagesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImagesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImagesOutline"]}
\ No newline at end of file
diff --git a/lib/ImagesSharp.js b/lib/ImagesSharp.js
index cff79761e..bb78445ab 100644
--- a/lib/ImagesSharp.js
+++ b/lib/ImagesSharp.js
@@ -49,7 +49,7 @@ var ImagesSharp = function ImagesSharp(props) {
 ImagesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ImagesSharp.js.map b/lib/ImagesSharp.js.map
index 9e0fb07c4..e92e24a6c 100644
--- a/lib/ImagesSharp.js.map
+++ b/lib/ImagesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ImagesSharp.js"],"names":["ImagesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,IAA/C,EAAoD,MAAK,MAAzD,GAAjK;AAAkO,8CAAM,GAAE,mPAAR,GAAlO;AAA+d,8CAAM,GAAE,2FAAR;AAA/d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ImagesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImagesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"373.14\" cy=\"219.33\" rx=\"46.29\" ry=\"46\" fill=\"none\"/><path d=\"M80 132v328a20 20 0 0020 20h392a20 20 0 0020-20V132a20 20 0 00-20-20H100a20 20 0 00-20 20zm293.14 41.33a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46zm-261.41 276v-95.48l122.76-110.2L328.27 337l-113 112.33zm368.27 0H259l144.58-144L480 370.59z\"/><path d=\"M20 32A20 20 0 000 52v344a20 20 0 0020 20h28V100a20 20 0 0120-20h380V52a20 20 0 00-20-20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nImagesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImagesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImagesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ImagesSharp.js"],"names":["ImagesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,IAA/C,EAAoD,MAAK,MAAzD,GAAhK;AAAkO,8CAAM,GAAE,mPAAR,GAAlO;AAAge,8CAAM,GAAE,2FAAR;AAAhe;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ImagesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ImagesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"373.14\" cy=\"219.33\" rx=\"46.29\" ry=\"46\" fill=\"none\" /><path d=\"M80 132v328a20 20 0 0020 20h392a20 20 0 0020-20V132a20 20 0 00-20-20H100a20 20 0 00-20 20zm293.14 41.33a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46zm-261.41 276v-95.48l122.76-110.2L328.27 337l-113 112.33zm368.27 0H259l144.58-144L480 370.59z\" /><path d=\"M20 32A20 20 0 000 52v344a20 20 0 0020 20h28V100a20 20 0 0120-20h380V52a20 20 0 00-20-20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nImagesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nImagesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ImagesSharp"]}
\ No newline at end of file
diff --git a/lib/Infinite.js b/lib/Infinite.js
index cb469d3a1..9b13dfc68 100644
--- a/lib/Infinite.js
+++ b/lib/Infinite.js
@@ -47,7 +47,7 @@ var Infinite = function Infinite(props) {
 Infinite.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Infinite.js.map b/lib/Infinite.js.map
index fe1a0ef74..f2b6064e9 100644
--- a/lib/Infinite.js.map
+++ b/lib/Infinite.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Infinite.js"],"names":["Infinite","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uKAAR,EAAgL,MAAK,MAArL,EAA4L,QAAO,cAAnM,EAAkN,eAAc,OAAhO,EAAwO,kBAAiB,IAAzP,EAA8P,aAAY,IAA1Q;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Infinite.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Infinite = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c30 0 56.45-13.18 78-32M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-29.37 0-56.66 13.75-78 32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfinite.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfinite.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Infinite"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Infinite.js"],"names":["Infinite","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uKAAR,EAAgL,MAAK,MAArL,EAA4L,QAAO,cAAnM,EAAkN,eAAc,OAAhO,EAAwO,kBAAiB,IAAzP,EAA8P,aAAY,IAA1Q;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Infinite.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Infinite = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c30 0 56.45-13.18 78-32M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-29.37 0-56.66 13.75-78 32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfinite.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfinite.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Infinite"]}
\ No newline at end of file
diff --git a/lib/InfiniteOutline.js b/lib/InfiniteOutline.js
index 1b9dfb30b..3b9b98c34 100644
--- a/lib/InfiniteOutline.js
+++ b/lib/InfiniteOutline.js
@@ -47,7 +47,7 @@ var InfiniteOutline = function InfiniteOutline(props) {
 InfiniteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InfiniteOutline.js.map b/lib/InfiniteOutline.js.map
index 300f2e7f5..22089834e 100644
--- a/lib/InfiniteOutline.js.map
+++ b/lib/InfiniteOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InfiniteOutline.js"],"names":["InfiniteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oKAAR,EAA6K,MAAK,MAAlL,EAAyL,QAAO,cAAhM,EAA+M,eAAc,OAA7N,EAAqO,kBAAiB,IAAtP,EAA2P,aAAY,IAAvQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"InfiniteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InfiniteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c37.51 0 71-22.41 94-48M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-37.51 0-71 22.41-94 48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfiniteOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfiniteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InfiniteOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InfiniteOutline.js"],"names":["InfiniteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oKAAR,EAA6K,MAAK,MAAlL,EAAyL,QAAO,cAAhM,EAA+M,eAAc,OAA7N,EAAqO,kBAAiB,IAAtP,EAA2P,aAAY,IAAvQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"InfiniteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InfiniteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c37.51 0 71-22.41 94-48M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-37.51 0-71 22.41-94 48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfiniteOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfiniteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InfiniteOutline"]}
\ No newline at end of file
diff --git a/lib/InfiniteSharp.js b/lib/InfiniteSharp.js
index 04ff4cdd4..3e5180e91 100644
--- a/lib/InfiniteSharp.js
+++ b/lib/InfiniteSharp.js
@@ -47,7 +47,7 @@ var InfiniteSharp = function InfiniteSharp(props) {
 InfiniteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InfiniteSharp.js.map b/lib/InfiniteSharp.js.map
index e485b6a8e..1b91b4d0c 100644
--- a/lib/InfiniteSharp.js.map
+++ b/lib/InfiniteSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InfiniteSharp.js"],"names":["InfiniteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2fAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"InfiniteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InfiniteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M382 136c-40.87 0-73.46 20.53-93.6 37.76l-.71.61-11.47 12.47 25.32 41.61 18.74-18.79C339.89 193.1 361.78 184 382 184c40.8 0 74 32.3 74 72s-33.2 72-74 72c-62 0-104.14-81.95-104.56-82.78C275 240.29 221.56 136 130 136 62.73 136 8 189.83 8 256s54.73 120 122 120c32.95 0 65.38-13.11 93.79-37.92l.61-.54 11.38-12.38-25.33-41.61-18.83 18.88C172 319.4 151.26 328 130 328c-40.8 0-74-32.3-74-72s33.2-72 74-72c62 0 104.14 81.95 104.56 82.78C237 271.71 290.44 376 382 376c67.27 0 122-53.83 122-120s-54.73-120-122-120z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfiniteSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfiniteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InfiniteSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InfiniteSharp.js"],"names":["InfiniteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2fAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"InfiniteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InfiniteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M382 136c-40.87 0-73.46 20.53-93.6 37.76l-.71.61-11.47 12.47 25.32 41.61 18.74-18.79C339.89 193.1 361.78 184 382 184c40.8 0 74 32.3 74 72s-33.2 72-74 72c-62 0-104.14-81.95-104.56-82.78C275 240.29 221.56 136 130 136 62.73 136 8 189.83 8 256s54.73 120 122 120c32.95 0 65.38-13.11 93.79-37.92l.61-.54 11.38-12.38-25.33-41.61-18.83 18.88C172 319.4 151.26 328 130 328c-40.8 0-74-32.3-74-72s33.2-72 74-72c62 0 104.14 81.95 104.56 82.78C237 271.71 290.44 376 382 376c67.27 0 122-53.83 122-120s-54.73-120-122-120z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInfiniteSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInfiniteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InfiniteSharp"]}
\ No newline at end of file
diff --git a/lib/Information.js b/lib/Information.js
index 116b5eb78..dc386cf07 100644
--- a/lib/Information.js
+++ b/lib/Information.js
@@ -49,7 +49,7 @@ var Information = function Information(props) {
 Information.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Information.js.map b/lib/Information.js.map
index 9e58f4a8d..4cc49373d 100644
--- a/lib/Information.js.map
+++ b/lib/Information.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Information.js"],"names":["Information","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAAjK;AAA4R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG,GAA5R;AAAmZ,8CAAM,GAAE,4CAAR;AAAnZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Information.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Information = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"40\" d=\"M196 220h64v172\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M187 396h138\"/><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformation.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Information"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Information.js"],"names":["Information","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAAhK;AAA4R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG,GAA5R;AAAoZ,8CAAM,GAAE,4CAAR;AAApZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Information.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Information = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"40\" d=\"M196 220h64v172\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M187 396h138\" /><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformation.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Information"]}
\ No newline at end of file
diff --git a/lib/InformationCircle.js b/lib/InformationCircle.js
index 148e58839..75fab552c 100644
--- a/lib/InformationCircle.js
+++ b/lib/InformationCircle.js
@@ -47,7 +47,7 @@ var InformationCircle = function InformationCircle(props) {
 InformationCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InformationCircle.js.map b/lib/InformationCircle.js.map
index ab4551dc5..2a2f5c7a8 100644
--- a/lib/InformationCircle.js.map
+++ b/lib/InformationCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InformationCircle.js"],"names":["InformationCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"InformationCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InformationCircle.js"],"names":["InformationCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"InformationCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircle"]}
\ No newline at end of file
diff --git a/lib/InformationCircleOutline.js b/lib/InformationCircleOutline.js
index b4e228539..29e2acbff 100644
--- a/lib/InformationCircleOutline.js
+++ b/lib/InformationCircleOutline.js
@@ -50,7 +50,7 @@ var InformationCircleOutline = function InformationCircleOutline(props) {
 InformationCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InformationCircleOutline.js.map b/lib/InformationCircleOutline.js.map
index a25dc48c0..55f2fad11 100644
--- a/lib/InformationCircleOutline.js.map
+++ b/lib/InformationCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InformationCircleOutline.js"],"names":["InformationCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAjK;AAA8U,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAA9U;AAAyc,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG,GAAzc;AAA+jB,8CAAM,GAAE,4CAAR;AAA/jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"InformationCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M220 220h32v116\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M208 340h88\"/><path d=\"M248 130a26 26 0 1026 26 26 26 0 00-26-26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InformationCircleOutline.js"],"names":["InformationCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0FAAR,EAAmG,MAAK,MAAxG,EAA+G,QAAO,cAAtH,EAAqI,kBAAiB,IAAtJ,EAA2J,aAAY,IAAvK,GAAhK;AAA8U,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAA9U;AAA0c,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG,GAA1c;AAAikB,8CAAM,GAAE,4CAAR;AAAjkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"InformationCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M220 220h32v116\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M208 340h88\" /><path d=\"M248 130a26 26 0 1026 26 26 26 0 00-26-26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircleOutline"]}
\ No newline at end of file
diff --git a/lib/InformationCircleSharp.js b/lib/InformationCircleSharp.js
index 40c428610..d1d892258 100644
--- a/lib/InformationCircleSharp.js
+++ b/lib/InformationCircleSharp.js
@@ -47,7 +47,7 @@ var InformationCircleSharp = function InformationCircleSharp(props) {
 InformationCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InformationCircleSharp.js.map b/lib/InformationCircleSharp.js.map
index 6f01ec605..38da74bf5 100644
--- a/lib/InformationCircleSharp.js.map
+++ b/lib/InformationCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InformationCircleSharp.js"],"names":["InformationCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"InformationCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm64 226H200v-32h44v-88h-32v-32h64v120h44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InformationCircleSharp.js"],"names":["InformationCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"InformationCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm64 226H200v-32h44v-88h-32v-32h64v120h44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationCircleSharp"]}
\ No newline at end of file
diff --git a/lib/InformationOutline.js b/lib/InformationOutline.js
index 6dab2f2fd..521db1712 100644
--- a/lib/InformationOutline.js
+++ b/lib/InformationOutline.js
@@ -49,7 +49,7 @@ var InformationOutline = function InformationOutline(props) {
 InformationOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InformationOutline.js.map b/lib/InformationOutline.js.map
index 9cafc7369..dc24a1c32 100644
--- a/lib/InformationOutline.js.map
+++ b/lib/InformationOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InformationOutline.js"],"names":["InformationOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAAjK;AAA4R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG,GAA5R;AAAmZ,8CAAM,GAAE,4CAAR;AAAnZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"InformationOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"40\" d=\"M196 220h64v172\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M187 396h138\"/><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InformationOutline.js"],"names":["InformationOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG,GAAhK;AAA4R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,cAAvG,GAA5R;AAAoZ,8CAAM,GAAE,4CAAR;AAApZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"InformationOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"40\" d=\"M196 220h64v172\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M187 396h138\" /><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationOutline"]}
\ No newline at end of file
diff --git a/lib/InformationSharp.js b/lib/InformationSharp.js
index 4424e6e8e..bf4cfdb05 100644
--- a/lib/InformationSharp.js
+++ b/lib/InformationSharp.js
@@ -48,7 +48,7 @@ var InformationSharp = function InformationSharp(props) {
 InformationSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InformationSharp.js.map b/lib/InformationSharp.js.map
index 4566dce59..5d1570824 100644
--- a/lib/InformationSharp.js.map
+++ b/lib/InformationSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InformationSharp.js"],"names":["InformationSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6BAAxG,GAAjK;AAAwS,8CAAM,GAAE,4CAAR;AAAxS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"InformationSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M196 220h64v172M187 396h138\"/><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InformationSharp.js"],"names":["InformationSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6BAAxG,GAAhK;AAAwS,8CAAM,GAAE,4CAAR;AAAxS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"InformationSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InformationSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"40\" d=\"M196 220h64v172M187 396h138\" /><path d=\"M256 160a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInformationSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInformationSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InformationSharp"]}
\ No newline at end of file
diff --git a/lib/InvertMode.js b/lib/InvertMode.js
index 9a17245df..034e410aa 100644
--- a/lib/InvertMode.js
+++ b/lib/InvertMode.js
@@ -48,7 +48,7 @@ var InvertMode = function InvertMode(props) {
 InvertMode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InvertMode.js.map b/lib/InvertMode.js.map
index 315338429..84c258833 100644
--- a/lib/InvertMode.js.map
+++ b/lib/InvertMode.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InvertMode.js"],"names":["InvertMode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAjK;AAA6Q,8CAAM,GAAE,4GAAR;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"InvertMode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertMode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"256\" r=\"208\"/><path d=\"M256 176v160a80 80 0 000-160zM256 48v128a80 80 0 000 160v128c-114.88 0-208-93.12-208-208S141.12 48 256 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertMode.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertMode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertMode"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InvertMode.js"],"names":["InvertMode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAhK;AAA6Q,8CAAM,GAAE,4GAAR;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"InvertMode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertMode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"256\" r=\"208\" /><path d=\"M256 176v160a80 80 0 000-160zM256 48v128a80 80 0 000 160v128c-114.88 0-208-93.12-208-208S141.12 48 256 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertMode.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertMode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertMode"]}
\ No newline at end of file
diff --git a/lib/InvertModeOutline.js b/lib/InvertModeOutline.js
index db77e7a16..da275a5b9 100644
--- a/lib/InvertModeOutline.js
+++ b/lib/InvertModeOutline.js
@@ -48,7 +48,7 @@ var InvertModeOutline = function InvertModeOutline(props) {
 InvertModeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InvertModeOutline.js.map b/lib/InvertModeOutline.js.map
index 0dd41a42c..74fa6ab14 100644
--- a/lib/InvertModeOutline.js.map
+++ b/lib/InvertModeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InvertModeOutline.js"],"names":["InvertModeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAjK;AAA6Q,8CAAM,GAAE,2GAAR;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"InvertModeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertModeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"256\" r=\"208\"/><path d=\"M256 176v160a80 80 0 010-160zM256 48v128a80 80 0 010 160v128c114.88 0 208-93.12 208-208S370.88 48 256 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertModeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertModeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertModeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InvertModeOutline.js"],"names":["InvertModeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,MAAK,MAAb,EAAoB,QAAO,cAA3B,EAA0C,kBAAiB,IAA3D,EAAgE,aAAY,IAA5E,EAAiF,IAAG,KAApF,EAA0F,IAAG,KAA7F,EAAmG,GAAE,KAArG,GAAhK;AAA6Q,8CAAM,GAAE,2GAAR;AAA7Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"InvertModeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertModeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" cx=\"256\" cy=\"256\" r=\"208\" /><path d=\"M256 176v160a80 80 0 010-160zM256 48v128a80 80 0 010 160v128c114.88 0 208-93.12 208-208S370.88 48 256 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertModeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertModeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertModeOutline"]}
\ No newline at end of file
diff --git a/lib/InvertModeSharp.js b/lib/InvertModeSharp.js
index 62223a6d7..bddfce20c 100644
--- a/lib/InvertModeSharp.js
+++ b/lib/InvertModeSharp.js
@@ -48,7 +48,7 @@ var InvertModeSharp = function InvertModeSharp(props) {
 InvertModeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/InvertModeSharp.js.map b/lib/InvertModeSharp.js.map
index 12cc5deae..0ebdbebc5 100644
--- a/lib/InvertModeSharp.js.map
+++ b/lib/InvertModeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/InvertModeSharp.js"],"names":["InvertModeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4IAAR,GAAjK;AAAuT,8CAAM,GAAE,gDAAR;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"InvertModeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertModeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 432v-96a80 80 0 010-160V80c97.05 0 176 79 176 176s-78.95 176-176 176z\"/><path d=\"M336 256a80 80 0 00-80-80v160a80 80 0 0080-80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertModeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertModeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertModeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/InvertModeSharp.js"],"names":["InvertModeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4IAAR,GAAhK;AAAuT,8CAAM,GAAE,gDAAR;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"InvertModeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst InvertModeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 432v-96a80 80 0 010-160V80c97.05 0 176 79 176 176s-78.95 176-176 176z\" /><path d=\"M336 256a80 80 0 00-80-80v160a80 80 0 0080-80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nInvertModeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nInvertModeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default InvertModeSharp"]}
\ No newline at end of file
diff --git a/lib/Journal.js b/lib/Journal.js
index be73070f2..408969866 100644
--- a/lib/Journal.js
+++ b/lib/Journal.js
@@ -47,7 +47,7 @@ var Journal = function Journal(props) {
 Journal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Journal.js.map b/lib/Journal.js.map
index d6a3d600d..ba2d9edd0 100644
--- a/lib/Journal.js.map
+++ b/lib/Journal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Journal.js"],"names":["Journal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Journal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Journal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M290 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h146zM368 32h-18v448h18a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Journal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Journal.js"],"names":["Journal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Journal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Journal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M290 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h146zM368 32h-18v448h18a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Journal"]}
\ No newline at end of file
diff --git a/lib/JournalOutline.js b/lib/JournalOutline.js
index 119066e11..9d646baad 100644
--- a/lib/JournalOutline.js
+++ b/lib/JournalOutline.js
@@ -48,7 +48,7 @@ var JournalOutline = function JournalOutline(props) {
 JournalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/JournalOutline.js.map b/lib/JournalOutline.js.map
index 3540d8397..7b0c54fad 100644
--- a/lib/JournalOutline.js.map
+++ b/lib/JournalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/JournalOutline.js"],"names":["JournalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,aAAlF;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"JournalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst JournalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"48\" width=\"320\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"60\" d=\"M320 48v416\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default JournalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/JournalOutline.js"],"names":["JournalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,aAAlF;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"JournalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst JournalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"48\" width=\"320\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"60\" d=\"M320 48v416\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default JournalOutline"]}
\ No newline at end of file
diff --git a/lib/JournalSharp.js b/lib/JournalSharp.js
index 91c9c189b..260d50694 100644
--- a/lib/JournalSharp.js
+++ b/lib/JournalSharp.js
@@ -47,7 +47,7 @@ var JournalSharp = function JournalSharp(props) {
 JournalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/JournalSharp.js.map b/lib/JournalSharp.js.map
index 5b79d8564..fbff6926c 100644
--- a/lib/JournalSharp.js.map
+++ b/lib/JournalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/JournalSharp.js"],"names":["JournalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"JournalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst JournalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M290 32H104a24 24 0 00-24 24v400a24 24 0 0024 24h186zM408 32h-58v448h58a24 24 0 0024-24V56a24 24 0 00-24-24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default JournalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/JournalSharp.js"],"names":["JournalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"JournalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst JournalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M290 32H104a24 24 0 00-24 24v400a24 24 0 0024 24h186zM408 32h-58v448h58a24 24 0 0024-24V56a24 24 0 00-24-24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nJournalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nJournalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default JournalSharp"]}
\ No newline at end of file
diff --git a/lib/Key.js b/lib/Key.js
index 47231d0a0..d336ba996 100644
--- a/lib/Key.js
+++ b/lib/Key.js
@@ -47,7 +47,7 @@ var Key = function Key(props) {
 Key.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Key.js.map b/lib/Key.js.map
index 7230892b3..154ee774a 100644
--- a/lib/Key.js.map
+++ b/lib/Key.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Key.js"],"names":["Key","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,giBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Key.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Key = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKey.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKey.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Key"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Key.js"],"names":["Key","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,giBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Key.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Key = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKey.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKey.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Key"]}
\ No newline at end of file
diff --git a/lib/KeyOutline.js b/lib/KeyOutline.js
index 62260e90f..4c8365a6b 100644
--- a/lib/KeyOutline.js
+++ b/lib/KeyOutline.js
@@ -47,7 +47,7 @@ var KeyOutline = function KeyOutline(props) {
 KeyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/KeyOutline.js.map b/lib/KeyOutline.js.map
index 3d7ffbb67..a185e83e8 100644
--- a/lib/KeyOutline.js.map
+++ b/lib/KeyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/KeyOutline.js"],"names":["KeyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,giBAAR,EAAyiB,MAAK,MAA9iB,EAAqjB,QAAO,cAA5jB,EAA2kB,gBAAe,OAA1lB,EAAkmB,aAAY,IAA9mB;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"KeyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/KeyOutline.js"],"names":["KeyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,giBAAR,EAAyiB,MAAK,MAA9iB,EAAqjB,QAAO,cAA5jB,EAA2kB,gBAAe,OAA1lB,EAAkmB,aAAY,IAA9mB;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"KeyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeyOutline"]}
\ No newline at end of file
diff --git a/lib/KeySharp.js b/lib/KeySharp.js
index 9a87ff4e1..3d290f882 100644
--- a/lib/KeySharp.js
+++ b/lib/KeySharp.js
@@ -47,7 +47,7 @@ var KeySharp = function KeySharp(props) {
 KeySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/KeySharp.js.map b/lib/KeySharp.js.map
index 8851bc33c..567f0a2d1 100644
--- a/lib/KeySharp.js.map
+++ b/lib/KeySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/KeySharp.js"],"names":["KeySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6VAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"KeySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.2c0 13 0 25.6 4.1 37.4-43.1 50.6-167.5 194.5-167.5 194.5l2.9 36.3s34.8 33 40 28c15.4-15 24.8-25.2 24.8-25.2l7.24-43.35 47.11-3.47 3.78-46.8 49.63-.95.49-50.09 52.69 2.1 9-18.84c15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.4-121.9 119.2zM406.85 144A38.85 38.85 0 11368 105.15 38.81 38.81 0 01406.85 144z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/KeySharp.js"],"names":["KeySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6VAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"KeySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M218.1 167.2c0 13 0 25.6 4.1 37.4-43.1 50.6-167.5 194.5-167.5 194.5l2.9 36.3s34.8 33 40 28c15.4-15 24.8-25.2 24.8-25.2l7.24-43.35 47.11-3.47 3.78-46.8 49.63-.95.49-50.09 52.69 2.1 9-18.84c15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.4-121.9 119.2zM406.85 144A38.85 38.85 0 11368 105.15 38.81 38.81 0 01406.85 144z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeySharp"]}
\ No newline at end of file
diff --git a/lib/Keypad.js b/lib/Keypad.js
index ce93ffec4..ce6eaa3d9 100644
--- a/lib/Keypad.js
+++ b/lib/Keypad.js
@@ -47,7 +47,7 @@ var Keypad = function Keypad(props) {
 Keypad.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Keypad.js.map b/lib/Keypad.js.map
index 4663d62eb..3c20ae9fb 100644
--- a/lib/Keypad.js.map
+++ b/lib/Keypad.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Keypad.js"],"names":["Keypad","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,maAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Keypad.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Keypad = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 400a48 48 0 1048 48 48 48 0 00-48-48zM256 272a48 48 0 1048 48 48 48 0 00-48-48zM256 144a48 48 0 1048 48 48 48 0 00-48-48zM256 16a48 48 0 1048 48 48 48 0 00-48-48zM384 272a48 48 0 1048 48 48 48 0 00-48-48zM384 144a48 48 0 1048 48 48 48 0 00-48-48zM384 16a48 48 0 1048 48 48 48 0 00-48-48zM128 272a48 48 0 1048 48 48 48 0 00-48-48zM128 144a48 48 0 1048 48 48 48 0 00-48-48zM128 16a48 48 0 1048 48 48 48 0 00-48-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypad.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypad.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Keypad"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Keypad.js"],"names":["Keypad","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,maAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Keypad.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Keypad = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 400a48 48 0 1048 48 48 48 0 00-48-48zM256 272a48 48 0 1048 48 48 48 0 00-48-48zM256 144a48 48 0 1048 48 48 48 0 00-48-48zM256 16a48 48 0 1048 48 48 48 0 00-48-48zM384 272a48 48 0 1048 48 48 48 0 00-48-48zM384 144a48 48 0 1048 48 48 48 0 00-48-48zM384 16a48 48 0 1048 48 48 48 0 00-48-48zM128 272a48 48 0 1048 48 48 48 0 00-48-48zM128 144a48 48 0 1048 48 48 48 0 00-48-48zM128 16a48 48 0 1048 48 48 48 0 00-48-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypad.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypad.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Keypad"]}
\ No newline at end of file
diff --git a/lib/KeypadOutline.js b/lib/KeypadOutline.js
index 27e132db4..91a916008 100644
--- a/lib/KeypadOutline.js
+++ b/lib/KeypadOutline.js
@@ -56,7 +56,7 @@ var KeypadOutline = function KeypadOutline(props) {
 KeypadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/KeypadOutline.js.map b/lib/KeypadOutline.js.map
index b7e49ee3d..773536479 100644
--- a/lib/KeypadOutline.js.map
+++ b/lib/KeypadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/KeypadOutline.js"],"names":["KeypadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAjK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAuX,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,kBAAiB,IAAxG,EAA6G,aAAY,IAAzH,GAAvX;AAAsf,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG,GAAtf;AAAgmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAhmB;AAA2sB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA3sB;AAAszB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG,GAAtzB;AAAg6B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAh6B;AAA2gC,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA3gC;AAAsnC,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAAtnC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"KeypadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeypadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"448\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M288 192a32 32 0 11-32-32 32 32 0 0132 32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"192\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"128\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"128\" cy=\"192\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"128\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeypadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/KeypadOutline.js"],"names":["KeypadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAhK;AAA4Q,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA5Q;AAAwX,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,kBAAiB,IAAxG,EAA6G,aAAY,IAAzH,GAAxX;AAAwf,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG,GAAxf;AAAmmB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAnmB;AAA+sB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA/sB;AAA2zB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG,GAA3zB;AAAs6B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAt6B;AAAkhC,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAlhC;AAA8nC,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,kBAAiB,IAAnF,EAAwF,aAAY,IAApG;AAA9nC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"KeypadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeypadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"448\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M288 192a32 32 0 11-32-32 32 32 0 0132 32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"192\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"128\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"128\" cy=\"192\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"128\" cy=\"64\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeypadOutline"]}
\ No newline at end of file
diff --git a/lib/KeypadSharp.js b/lib/KeypadSharp.js
index 8bdd3cb1d..14f775ea5 100644
--- a/lib/KeypadSharp.js
+++ b/lib/KeypadSharp.js
@@ -56,7 +56,7 @@ var KeypadSharp = function KeypadSharp(props) {
 KeypadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/KeypadSharp.js.map b/lib/KeypadSharp.js.map
index 7d25cfade..f7ca9690c 100644
--- a/lib/KeypadSharp.js.map
+++ b/lib/KeypadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/KeypadSharp.js"],"names":["KeypadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,GAA9C,EAAkD,IAAG,GAArD,GAAjK;AAA2N,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAA3N;AAAsR,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAtR;AAAiV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAjV;AAA4Y,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA5Y;AAAwc,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAxc;AAAogB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAApgB;AAA+jB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA/jB;AAA2nB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA3nB;AAAurB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD;AAAvrB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"KeypadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeypadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"208\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"336\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"80\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"208\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"336\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"80\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"208\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"208\" y=\"400\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/><rect x=\"336\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeypadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/KeypadSharp.js"],"names":["KeypadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,GAA9C,EAAkD,IAAG,GAArD,GAAhK;AAA2N,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAA3N;AAAuR,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAvR;AAAmV,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAnV;AAA+Y,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA/Y;AAA4c,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA5c;AAAygB,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAzgB;AAAqkB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAArkB;AAAkoB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAloB;AAA+rB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD;AAA/rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"KeypadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst KeypadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"208\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"336\" y=\"16\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"80\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"208\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"336\" y=\"144\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"80\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"208\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"208\" y=\"400\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /><rect x=\"336\" y=\"272\" width=\"96\" height=\"96\" rx=\"8\" ry=\"8\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nKeypadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nKeypadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default KeypadSharp"]}
\ No newline at end of file
diff --git a/lib/Language.js b/lib/Language.js
index b78c0d478..2f8af3cd9 100644
--- a/lib/Language.js
+++ b/lib/Language.js
@@ -47,7 +47,7 @@ var Language = function Language(props) {
 Language.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Language.js.map b/lib/Language.js.map
index c0b065f9b..73cfcf3b9 100644
--- a/lib/Language.js.map
+++ b/lib/Language.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Language.js"],"names":["Language","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,soBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Language.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Language = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.33 433.6l-90-218a22 22 0 00-40.67 0l-90 218a22 22 0 1040.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 00458 464a22 22 0 0020.32-30.4zM334.83 362L368 281.65 401.17 362zM267.84 342.92a22 22 0 00-4.89-30.7c-.2-.15-15-11.13-36.49-34.73 39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 000-44H214V70a22 22 0 00-44 0v20H54a22 22 0 000 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 00-40.58 17c.58 1.38 14.55 34.23 52.86 83.93.92 1.19 1.83 2.35 2.74 3.51-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1021.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59 22.52 24.08 38 35.44 38.93 36.1a22 22 0 0030.75-4.9z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguage.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Language"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Language.js"],"names":["Language","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,soBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Language.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Language = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.33 433.6l-90-218a22 22 0 00-40.67 0l-90 218a22 22 0 1040.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 00458 464a22 22 0 0020.32-30.4zM334.83 362L368 281.65 401.17 362zM267.84 342.92a22 22 0 00-4.89-30.7c-.2-.15-15-11.13-36.49-34.73 39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 000-44H214V70a22 22 0 00-44 0v20H54a22 22 0 000 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 00-40.58 17c.58 1.38 14.55 34.23 52.86 83.93.92 1.19 1.83 2.35 2.74 3.51-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1021.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59 22.52 24.08 38 35.44 38.93 36.1a22 22 0 0030.75-4.9z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguage.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguage.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Language"]}
\ No newline at end of file
diff --git a/lib/LanguageOutline.js b/lib/LanguageOutline.js
index 06fa7d71f..4ef8ac8ab 100644
--- a/lib/LanguageOutline.js
+++ b/lib/LanguageOutline.js
@@ -48,7 +48,7 @@ var LanguageOutline = function LanguageOutline(props) {
 LanguageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LanguageOutline.js.map b/lib/LanguageOutline.js.map
index 74bd85adb..17f13a2de 100644
--- a/lib/LanguageOutline.js.map
+++ b/lib/LanguageOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LanguageOutline.js"],"names":["LanguageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mGAAxG,GAAjK;AAA8W,8CAAM,GAAE,mCAAR,EAA4C,MAAK,MAAjD,EAAwD,QAAO,cAA/D,EAA8E,eAAc,OAA5F,EAAoG,gBAAe,OAAnH,EAA2H,aAAY,IAAvI;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LanguageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LanguageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 112h288M192 64v48M272 448l96-224 96 224M301.5 384h133M281.3 112S257 206 199 277 80 384 80 384\"/><path d=\"M256 336s-35-27-72-75-56-85-56-85\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguageOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LanguageOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LanguageOutline.js"],"names":["LanguageOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mGAAxG,GAAhK;AAA8W,8CAAM,GAAE,mCAAR,EAA4C,MAAK,MAAjD,EAAwD,QAAO,cAA/D,EAA8E,eAAc,OAA5F,EAAoG,gBAAe,OAAnH,EAA2H,aAAY,IAAvI;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LanguageOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LanguageOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 112h288M192 64v48M272 448l96-224 96 224M301.5 384h133M281.3 112S257 206 199 277 80 384 80 384\" /><path d=\"M256 336s-35-27-72-75-56-85-56-85\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguageOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguageOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LanguageOutline"]}
\ No newline at end of file
diff --git a/lib/LanguageSharp.js b/lib/LanguageSharp.js
index b9fdf0212..1f6d99bca 100644
--- a/lib/LanguageSharp.js
+++ b/lib/LanguageSharp.js
@@ -47,7 +47,7 @@ var LanguageSharp = function LanguageSharp(props) {
 LanguageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LanguageSharp.js.map b/lib/LanguageSharp.js.map
index b79860818..2d1de5b6c 100644
--- a/lib/LanguageSharp.js.map
+++ b/lib/LanguageSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LanguageSharp.js"],"names":["LanguageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,seAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LanguageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LanguageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M363 176L246 464h47.24l24.49-58h90.54l24.49 58H480zm-26.69 186L363 279.85 389.69 362zM272 320c-.25-.19-20.59-15.77-45.42-42.67 39.58-53.64 62-114.61 71.15-143.33H352V90H214V48h-44v42H32v44h219.25c-9.52 26.95-27.05 69.5-53.79 108.36-32.68-43.44-47.14-75.88-47.33-76.22L143 152l-38 22 6.87 13.86c.89 1.56 17.19 37.9 54.71 86.57.92 1.21 1.85 2.39 2.78 3.57-49.72 56.86-89.15 79.09-89.66 79.47L64 368l23 36 19.3-11.47c2.2-1.67 41.33-24 92-80.78 24.52 26.28 43.22 40.83 44.3 41.67L255 362z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguageSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LanguageSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LanguageSharp.js"],"names":["LanguageSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,seAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LanguageSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LanguageSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M363 176L246 464h47.24l24.49-58h90.54l24.49 58H480zm-26.69 186L363 279.85 389.69 362zM272 320c-.25-.19-20.59-15.77-45.42-42.67 39.58-53.64 62-114.61 71.15-143.33H352V90H214V48h-44v42H32v44h219.25c-9.52 26.95-27.05 69.5-53.79 108.36-32.68-43.44-47.14-75.88-47.33-76.22L143 152l-38 22 6.87 13.86c.89 1.56 17.19 37.9 54.71 86.57.92 1.21 1.85 2.39 2.78 3.57-49.72 56.86-89.15 79.09-89.66 79.47L64 368l23 36 19.3-11.47c2.2-1.67 41.33-24 92-80.78 24.52 26.28 43.22 40.83 44.3 41.67L255 362z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLanguageSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLanguageSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LanguageSharp"]}
\ No newline at end of file
diff --git a/lib/Laptop.js b/lib/Laptop.js
index 02828ffb5..68d3230f2 100644
--- a/lib/Laptop.js
+++ b/lib/Laptop.js
@@ -47,7 +47,7 @@ var Laptop = function Laptop(props) {
 Laptop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Laptop.js.map b/lib/Laptop.js.map
index 96be56751..b2a09341d 100644
--- a/lib/Laptop.js.map
+++ b/lib/Laptop.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Laptop.js"],"names":["Laptop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Laptop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Laptop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 400h-28.34A47.92 47.92 0 00480 367.86V128.14A48.2 48.2 0 00431.86 80H80.14A48.2 48.2 0 0032 128.14v239.72A47.92 47.92 0 0044.34 400H16a16 16 0 000 32h480a16 16 0 000-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptop.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Laptop"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Laptop.js"],"names":["Laptop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Laptop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Laptop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 400h-28.34A47.92 47.92 0 00480 367.86V128.14A48.2 48.2 0 00431.86 80H80.14A48.2 48.2 0 0032 128.14v239.72A47.92 47.92 0 0044.34 400H16a16 16 0 000 32h480a16 16 0 000-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptop.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Laptop"]}
\ No newline at end of file
diff --git a/lib/LaptopOutline.js b/lib/LaptopOutline.js
index 62727d1c5..378898e4a 100644
--- a/lib/LaptopOutline.js
+++ b/lib/LaptopOutline.js
@@ -48,7 +48,7 @@ var LaptopOutline = function LaptopOutline(props) {
 LaptopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LaptopOutline.js.map b/lib/LaptopOutline.js.map
index f6e142b40..0fe0b640d 100644
--- a/lib/LaptopOutline.js.map
+++ b/lib/LaptopOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LaptopOutline.js"],"names":["LaptopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI,GAAjK;AAA+S,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,aAA3F;AAA/S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LaptopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LaptopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"304\" rx=\"32.14\" ry=\"32.14\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M16 416h480\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptopOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LaptopOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LaptopOutline.js"],"names":["LaptopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI,GAAhK;AAA+S,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,aAA3F;AAA/S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LaptopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LaptopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"304\" rx=\"32.14\" ry=\"32.14\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M16 416h480\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptopOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LaptopOutline"]}
\ No newline at end of file
diff --git a/lib/LaptopSharp.js b/lib/LaptopSharp.js
index 110361014..c4d18a3ee 100644
--- a/lib/LaptopSharp.js
+++ b/lib/LaptopSharp.js
@@ -47,7 +47,7 @@ var LaptopSharp = function LaptopSharp(props) {
 LaptopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LaptopSharp.js.map b/lib/LaptopSharp.js.map
index 7bd4d4630..ab668dcd5 100644
--- a/lib/LaptopSharp.js.map
+++ b/lib/LaptopSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LaptopSharp.js"],"names":["LaptopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LaptopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LaptopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.29 400a27.75 27.75 0 002.71-12V108a28 28 0 00-28-28H60a28 28 0 00-28 28v280a27.75 27.75 0 002.71 12H0v32h512v-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptopSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LaptopSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LaptopSharp.js"],"names":["LaptopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LaptopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LaptopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.29 400a27.75 27.75 0 002.71-12V108a28 28 0 00-28-28H60a28 28 0 00-28 28v280a27.75 27.75 0 002.71 12H0v32h512v-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLaptopSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLaptopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LaptopSharp"]}
\ No newline at end of file
diff --git a/lib/Layers.js b/lib/Layers.js
index 7ef35786c..16d9302a7 100644
--- a/lib/Layers.js
+++ b/lib/Layers.js
@@ -49,7 +49,7 @@ var Layers = function Layers(props) {
 Layers.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Layers.js.map b/lib/Layers.js.map
index 5332c645d..1ba6a314b 100644
--- a/lib/Layers.js.map
+++ b/lib/Layers.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Layers.js"],"names":["Layers","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mRAAR,GAAjK;AAA8b,8CAAM,GAAE,yTAAR,GAA9b;AAAiwB,8CAAM,GAAE,0TAAR;AAAjwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Layers.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Layers = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256zm176.76-100.86z\"/><path d=\"M441.36 226.81L426.27 220l-38.77 17.74-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19z\"/><path d=\"M441.36 330.8l-15.09-6.8-38.77 17.73-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayers.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayers.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Layers"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Layers.js"],"names":["Layers","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mRAAR,GAAhK;AAA8b,8CAAM,GAAE,yTAAR,GAA9b;AAAkwB,8CAAM,GAAE,0TAAR;AAAlwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Layers.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Layers = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256zm176.76-100.86z\" /><path d=\"M441.36 226.81L426.27 220l-38.77 17.74-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19z\" /><path d=\"M441.36 330.8l-15.09-6.8-38.77 17.73-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayers.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayers.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Layers"]}
\ No newline at end of file
diff --git a/lib/LayersOutline.js b/lib/LayersOutline.js
index 48f04e0f7..5ab0ec24f 100644
--- a/lib/LayersOutline.js
+++ b/lib/LayersOutline.js
@@ -48,7 +48,7 @@ var LayersOutline = function LayersOutline(props) {
 LayersOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LayersOutline.js.map b/lib/LayersOutline.js.map
index bacd5789d..250725d97 100644
--- a/lib/LayersOutline.js.map
+++ b/lib/LayersOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LayersOutline.js"],"names":["LayersOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iTAAR,EAA0T,MAAK,MAA/T,EAAsU,QAAO,cAA7U,EAA4V,eAAc,OAA1W,EAAkX,gBAAe,OAAjY,EAAyY,aAAY,IAArZ,GAAjK;AAA4jB,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO;AAA5jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LayersOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LayersOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayersOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayersOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LayersOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LayersOutline.js"],"names":["LayersOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iTAAR,EAA0T,MAAK,MAA/T,EAAsU,QAAO,cAA7U,EAA4V,eAAc,OAA1W,EAAkX,gBAAe,OAAjY,EAAyY,aAAY,IAArZ,GAAhK;AAA4jB,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO;AAA5jB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LayersOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LayersOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayersOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayersOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LayersOutline"]}
\ No newline at end of file
diff --git a/lib/LayersSharp.js b/lib/LayersSharp.js
index 9a879299e..076d42c4e 100644
--- a/lib/LayersSharp.js
+++ b/lib/LayersSharp.js
@@ -48,7 +48,7 @@ var LayersSharp = function LayersSharp(props) {
 LayersSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LayersSharp.js.map b/lib/LayersSharp.js.map
index 49c520949..e64bbe02e 100644
--- a/lib/LayersSharp.js.map
+++ b/lib/LayersSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LayersSharp.js"],"names":["LayersSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR,GAAjK;AAA8R,8CAAM,GAAE,yEAAR;AAA9R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LayersSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LayersSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 150L256 48 32 150l224 104 224-104zM255.71 392.95l-144.81-66.2L32 362l224 102 224-102-78.69-35.3-145.6 66.25z\"/><path d=\"M480 256l-75.53-33.53L256.1 290.6l-148.77-68.17L32 256l224 102 224-102z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayersSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayersSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LayersSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LayersSharp.js"],"names":["LayersSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR,GAAhK;AAA8R,8CAAM,GAAE,yEAAR;AAA9R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LayersSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LayersSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 150L256 48 32 150l224 104 224-104zM255.71 392.95l-144.81-66.2L32 362l224 102 224-102-78.69-35.3-145.6 66.25z\" /><path d=\"M480 256l-75.53-33.53L256.1 290.6l-148.77-68.17L32 256l224 102 224-102z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLayersSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLayersSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LayersSharp"]}
\ No newline at end of file
diff --git a/lib/Leaf.js b/lib/Leaf.js
index c159627db..0cece0927 100644
--- a/lib/Leaf.js
+++ b/lib/Leaf.js
@@ -47,7 +47,7 @@ var Leaf = function Leaf(props) {
 Leaf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Leaf.js.map b/lib/Leaf.js.map
index fecb36602..f397d3fcb 100644
--- a/lib/Leaf.js.map
+++ b/lib/Leaf.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Leaf.js"],"names":["Leaf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,koBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Leaf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Leaf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.35 242a16 16 0 0122.62-.68c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.84-26.38-81.66-33.25-121.15-39.89-49.82-8.38-96.88-16.3-141.79-63.85-5-5.26-11.81-7.37-18.32-5.66-7.44 2-12.43 7.88-14.82 17.6-5.6 22.75-2 86.51 13.75 153.82 25.29 108.14 65.65 162.86 95.06 189.73 38 34.69 87.62 53.9 136.93 53.9a186 186 0 0027.77-2.04c41.71-6.32 76.43-27.27 96-57.75-89.49-23.28-165.94-67.55-242-139.16a16 16 0 01-.65-22.65zM467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a157.71 157.71 0 01-12.13 25.68c-.73 1.25-1.5 2.49-2.29 3.71a584.21 584.21 0 0058.56 12 16 16 0 104.87-31.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeaf.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeaf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Leaf"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Leaf.js"],"names":["Leaf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,koBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Leaf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Leaf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M161.35 242a16 16 0 0122.62-.68c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.84-26.38-81.66-33.25-121.15-39.89-49.82-8.38-96.88-16.3-141.79-63.85-5-5.26-11.81-7.37-18.32-5.66-7.44 2-12.43 7.88-14.82 17.6-5.6 22.75-2 86.51 13.75 153.82 25.29 108.14 65.65 162.86 95.06 189.73 38 34.69 87.62 53.9 136.93 53.9a186 186 0 0027.77-2.04c41.71-6.32 76.43-27.27 96-57.75-89.49-23.28-165.94-67.55-242-139.16a16 16 0 01-.65-22.65zM467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a157.71 157.71 0 01-12.13 25.68c-.73 1.25-1.5 2.49-2.29 3.71a584.21 584.21 0 0058.56 12 16 16 0 104.87-31.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeaf.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeaf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Leaf"]}
\ No newline at end of file
diff --git a/lib/LeafOutline.js b/lib/LeafOutline.js
index 0a3668b9f..427282e6d 100644
--- a/lib/LeafOutline.js
+++ b/lib/LeafOutline.js
@@ -47,7 +47,7 @@ var LeafOutline = function LeafOutline(props) {
 LeafOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LeafOutline.js.map b/lib/LeafOutline.js.map
index 3dcf810e2..dd49685f7 100644
--- a/lib/LeafOutline.js.map
+++ b/lib/LeafOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LeafOutline.js"],"names":["LeafOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mKAAR,EAA4K,MAAK,MAAjL,EAAwL,QAAO,cAA/L,EAA8M,eAAc,OAA5N,EAAoO,gBAAe,OAAnP,EAA2P,aAAY,IAAvQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LeafOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LeafOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7 77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58zM173 253c86 81 175 129 292 147\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeafOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeafOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LeafOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LeafOutline.js"],"names":["LeafOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mKAAR,EAA4K,MAAK,MAAjL,EAAwL,QAAO,cAA/L,EAA8M,eAAc,OAA5N,EAAoO,gBAAe,OAAnP,EAA2P,aAAY,IAAvQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LeafOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LeafOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7 77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58zM173 253c86 81 175 129 292 147\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeafOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeafOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LeafOutline"]}
\ No newline at end of file
diff --git a/lib/LeafSharp.js b/lib/LeafSharp.js
index 87952b40b..b941c104f 100644
--- a/lib/LeafSharp.js
+++ b/lib/LeafSharp.js
@@ -48,7 +48,7 @@ var LeafSharp = function LeafSharp(props) {
 LeafSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LeafSharp.js.map b/lib/LeafSharp.js.map
index a099fb373..f7ae3ea56 100644
--- a/lib/LeafSharp.js.map
+++ b/lib/LeafSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LeafSharp.js"],"names":["LeafSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8cAAR,GAAjK;AAAynB,8CAAM,GAAE,8JAAR;AAAznB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LeafSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LeafSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M150.38 253.68l21.94-23.3 11.65 11c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.25-26-76.6-32.09-115.09-38.54-21.12-3.54-43-7.2-66.85-14.43-43.78-13.28-89.69-52.74-90.15-53.13L33.4 30.15 32 63.33c-.1 2.56-2.42 63.57 14.22 147.77 17.58 89 50.24 155.85 97.07 198.63 38 34.69 87.62 53.9 136.93 53.9a185.88 185.88 0 0027.78-2.07c41.72-6.32 76.43-27.27 96-57.75-89.5-23.28-165.95-67.55-242-139.16z\"/><path d=\"M467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a158.49 158.49 0 01-12.13 25.68c-.74 1.25-1.51 2.49-2.29 3.71a583.43 583.43 0 0058.55 12l15.82 2.44 4.86-31.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeafSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeafSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LeafSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LeafSharp.js"],"names":["LeafSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8cAAR,GAAhK;AAAynB,8CAAM,GAAE,8JAAR;AAAznB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LeafSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LeafSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M150.38 253.68l21.94-23.3 11.65 11c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.25-26-76.6-32.09-115.09-38.54-21.12-3.54-43-7.2-66.85-14.43-43.78-13.28-89.69-52.74-90.15-53.13L33.4 30.15 32 63.33c-.1 2.56-2.42 63.57 14.22 147.77 17.58 89 50.24 155.85 97.07 198.63 38 34.69 87.62 53.9 136.93 53.9a185.88 185.88 0 0027.78-2.07c41.72-6.32 76.43-27.27 96-57.75-89.5-23.28-165.95-67.55-242-139.16z\" /><path d=\"M467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a158.49 158.49 0 01-12.13 25.68c-.74 1.25-1.51 2.49-2.29 3.71a583.43 583.43 0 0058.55 12l15.82 2.44 4.86-31.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLeafSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLeafSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LeafSharp"]}
\ No newline at end of file
diff --git a/lib/Library.js b/lib/Library.js
index 734fb5ce7..96179c85c 100644
--- a/lib/Library.js
+++ b/lib/Library.js
@@ -49,7 +49,7 @@ var Library = function Library(props) {
 Library.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Library.js.map b/lib/Library.js.map
index ff763efbf..2503d9ce4 100644
--- a/lib/Library.js.map
+++ b/lib/Library.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Library.js"],"names":["Library","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sPAAR,GAAjK;AAAia,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAja;AAA+d,8CAAM,GAAE,wRAAR;AAA/d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Library.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Library = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 480H48a32 32 0 01-32-32V112a32 32 0 0132-32h16a32 32 0 0132 32v336a32 32 0 01-32 32zM240 176a32 32 0 00-32-32h-64a32 32 0 00-32 32v28a4 4 0 004 4h120a4 4 0 004-4zM112 448a32 32 0 0032 32h64a32 32 0 0032-32v-30a2 2 0 00-2-2H114a2 2 0 00-2 2z\"/><rect x=\"112\" y=\"240\" width=\"128\" height=\"144\" rx=\"2\" ry=\"2\"/><path d=\"M320 480h-32a32 32 0 01-32-32V64a32 32 0 0132-32h32a32 32 0 0132 32v384a32 32 0 01-32 32zM495.89 445.45l-32.23-340c-1.48-15.65-16.94-27-34.53-25.31l-31.85 3c-17.59 1.67-30.65 15.71-29.17 31.36l32.23 340c1.48 15.65 16.94 27 34.53 25.31l31.85-3c17.59-1.67 30.65-15.71 29.17-31.36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibrary.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibrary.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Library"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Library.js"],"names":["Library","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sPAAR,GAAhK;AAAia,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAja;AAAge,8CAAM,GAAE,wRAAR;AAAhe;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Library.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Library = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 480H48a32 32 0 01-32-32V112a32 32 0 0132-32h16a32 32 0 0132 32v336a32 32 0 01-32 32zM240 176a32 32 0 00-32-32h-64a32 32 0 00-32 32v28a4 4 0 004 4h120a4 4 0 004-4zM112 448a32 32 0 0032 32h64a32 32 0 0032-32v-30a2 2 0 00-2-2H114a2 2 0 00-2 2z\" /><rect x=\"112\" y=\"240\" width=\"128\" height=\"144\" rx=\"2\" ry=\"2\" /><path d=\"M320 480h-32a32 32 0 01-32-32V64a32 32 0 0132-32h32a32 32 0 0132 32v384a32 32 0 01-32 32zM495.89 445.45l-32.23-340c-1.48-15.65-16.94-27-34.53-25.31l-31.85 3c-17.59 1.67-30.65 15.71-29.17 31.36l32.23 340c1.48 15.65 16.94 27 34.53 25.31l31.85-3c17.59-1.67 30.65-15.71 29.17-31.36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibrary.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibrary.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Library"]}
\ No newline at end of file
diff --git a/lib/LibraryOutline.js b/lib/LibraryOutline.js
index e16490984..0c483a822 100644
--- a/lib/LibraryOutline.js
+++ b/lib/LibraryOutline.js
@@ -51,7 +51,7 @@ var LibraryOutline = function LibraryOutline(props) {
 LibraryOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LibraryOutline.js.map b/lib/LibraryOutline.js.map
index 4a3085ca9..6a81e46bd 100644
--- a/lib/LibraryOutline.js.map
+++ b/lib/LibraryOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LibraryOutline.js"],"names":["LibraryOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,KAAtC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAjK;AAAwS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG,GAAxS;AAA4a,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAA5a;AAAsjB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAtjB;AAA8rB,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,gBAAe,OAA7P,EAAqQ,aAAY,IAAjR;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LibraryOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LibraryOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"96\" width=\"64\" height=\"368\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 224h128M112 400h128\"/><rect x=\"112\" y=\"160\" width=\"128\" height=\"304\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"256\" y=\"48\" width=\"96\" height=\"416\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibraryOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibraryOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LibraryOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LibraryOutline.js"],"names":["LibraryOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,KAAtC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,gBAAe,OAA7G,EAAqH,aAAY,IAAjI,GAAhK;AAAwS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG,GAAxS;AAA6a,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAA7a;AAAwjB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAxjB;AAAisB,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,gBAAe,OAA7P,EAAqQ,aAAY,IAAjR;AAAjsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LibraryOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LibraryOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"96\" width=\"64\" height=\"368\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 224h128M112 400h128\" /><rect x=\"112\" y=\"160\" width=\"128\" height=\"304\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"256\" y=\"48\" width=\"96\" height=\"416\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibraryOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibraryOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LibraryOutline"]}
\ No newline at end of file
diff --git a/lib/LibrarySharp.js b/lib/LibrarySharp.js
index 8aeb1aeca..6c20d7cae 100644
--- a/lib/LibrarySharp.js
+++ b/lib/LibrarySharp.js
@@ -47,7 +47,7 @@ var LibrarySharp = function LibrarySharp(props) {
 LibrarySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LibrarySharp.js.map b/lib/LibrarySharp.js.map
index 7017484a9..c73acd247 100644
--- a/lib/LibrarySharp.js.map
+++ b/lib/LibrarySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LibrarySharp.js"],"names":["LibrarySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ybAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LibrarySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LibrarySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M84 480H28a12 12 0 01-12-12V92a12 12 0 0112-12h56a12 12 0 0112 12v376a12 12 0 01-12 12zM240 208v-52a12 12 0 00-12-12H124a12 12 0 00-12 12v52zM112 416v52a12 12 0 0012 12h104a12 12 0 0012-12v-52zM112 240h128v144H112zM340 480h-72a12 12 0 01-12-12V44a12 12 0 0112-12h72a12 12 0 0112 12v424a12 12 0 01-12 12zM369 100.7l30 367.83a12 12 0 0013.45 10.92l72.16-9a12 12 0 0010.47-12.9L465 91.21a12 12 0 00-13.2-10.94l-72.13 7.51A12 12 0 00369 100.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibrarySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibrarySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LibrarySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LibrarySharp.js"],"names":["LibrarySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ybAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LibrarySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LibrarySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M84 480H28a12 12 0 01-12-12V92a12 12 0 0112-12h56a12 12 0 0112 12v376a12 12 0 01-12 12zM240 208v-52a12 12 0 00-12-12H124a12 12 0 00-12 12v52zM112 416v52a12 12 0 0012 12h104a12 12 0 0012-12v-52zM112 240h128v144H112zM340 480h-72a12 12 0 01-12-12V44a12 12 0 0112-12h72a12 12 0 0112 12v424a12 12 0 01-12 12zM369 100.7l30 367.83a12 12 0 0013.45 10.92l72.16-9a12 12 0 0010.47-12.9L465 91.21a12 12 0 00-13.2-10.94l-72.13 7.51A12 12 0 00369 100.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLibrarySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLibrarySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LibrarySharp"]}
\ No newline at end of file
diff --git a/lib/Link.js b/lib/Link.js
index 41dea3784..2355c65c3 100644
--- a/lib/Link.js
+++ b/lib/Link.js
@@ -47,7 +47,7 @@ var Link = function Link(props) {
 Link.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Link.js.map b/lib/Link.js.map
index 9fc48003a..eb05867e7 100644
--- a/lib/Link.js.map
+++ b/lib/Link.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Link.js"],"names":["Link","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,OAAxJ,EAAgK,gBAAe,OAA/K,EAAuL,aAAY,IAAnM;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Link.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Link = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLink.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLink.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Link"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Link.js"],"names":["Link","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,OAAxJ,EAAgK,gBAAe,OAA/K,EAAuL,aAAY,IAAnM;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Link.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Link = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLink.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLink.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Link"]}
\ No newline at end of file
diff --git a/lib/LinkOutline.js b/lib/LinkOutline.js
index 4a7238c36..45661e10e 100644
--- a/lib/LinkOutline.js
+++ b/lib/LinkOutline.js
@@ -47,7 +47,7 @@ var LinkOutline = function LinkOutline(props) {
 LinkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LinkOutline.js.map b/lib/LinkOutline.js.map
index c8896ad1e..cf4d42cfb 100644
--- a/lib/LinkOutline.js.map
+++ b/lib/LinkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LinkOutline.js"],"names":["LinkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,EAAuG,QAAO,cAA9G,EAA6H,eAAc,OAA3I,EAAmJ,gBAAe,OAAlK,EAA0K,aAAY,IAAtL;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LinkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LinkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64M163.29 256h187.42\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"36\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLinkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLinkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LinkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LinkOutline.js"],"names":["LinkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,EAAuG,QAAO,cAA9G,EAA6H,eAAc,OAA3I,EAAmJ,gBAAe,OAAlK,EAA0K,aAAY,IAAtL;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LinkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LinkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64M163.29 256h187.42\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"36\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLinkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLinkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LinkOutline"]}
\ No newline at end of file
diff --git a/lib/LinkSharp.js b/lib/LinkSharp.js
index 9bf423d55..37a87227d 100644
--- a/lib/LinkSharp.js
+++ b/lib/LinkSharp.js
@@ -47,7 +47,7 @@ var LinkSharp = function LinkSharp(props) {
 LinkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LinkSharp.js.map b/lib/LinkSharp.js.map
index d113bbf48..e946ade21 100644
--- a/lib/LinkSharp.js.map
+++ b/lib/LinkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LinkSharp.js"],"names":["LinkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,QAAxJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LinkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LinkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLinkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLinkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LinkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LinkSharp.js"],"names":["LinkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,QAAxJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LinkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LinkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLinkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLinkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LinkSharp"]}
\ No newline at end of file
diff --git a/lib/List.js b/lib/List.js
index ff9a97e6e..36b4dd8ab 100644
--- a/lib/List.js
+++ b/lib/List.js
@@ -50,7 +50,7 @@ var List = function List(props) {
 List.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/List.js.map b/lib/List.js.map
index fff728ae3..b19fb929d 100644
--- a/lib/List.js.map
+++ b/lib/List.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/List.js"],"names":["List","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAjK;AAAiT,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjT;AAAkb,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAlb;AAAmjB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAAnjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"List.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst List = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M160 144h288M160 256h288M160 368h288\"/><circle cx=\"80\" cy=\"144\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"80\" cy=\"256\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"80\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nList.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nList.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default List"]}
\ No newline at end of file
+{"version":3,"sources":["../src/List.js"],"names":["List","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAhK;AAAiT,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjT;AAAmb,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAnb;AAAqjB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAArjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"List.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst List = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M160 144h288M160 256h288M160 368h288\" /><circle cx=\"80\" cy=\"144\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"80\" cy=\"256\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"80\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nList.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nList.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default List"]}
\ No newline at end of file
diff --git a/lib/ListCircle.js b/lib/ListCircle.js
index 63a8ada0d..cc6f81040 100644
--- a/lib/ListCircle.js
+++ b/lib/ListCircle.js
@@ -47,7 +47,7 @@ var ListCircle = function ListCircle(props) {
 ListCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ListCircle.js.map b/lib/ListCircle.js.map
index 06f850cb9..72ade9795 100644
--- a/lib/ListCircle.js.map
+++ b/lib/ListCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ListCircle.js"],"names":["ListCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ListCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-88 302a24 24 0 1124-24 24 24 0 01-24 24zm0-71a24 24 0 1124-24 24 24 0 01-24 24zm0-73a24 24 0 1124-24 24 24 0 01-24 24zm184 135H224a16 16 0 010-32h128a16 16 0 010 32zm0-71H224a16 16 0 010-32h128a16 16 0 010 32zm0-72H224a16 16 0 010-32h128a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ListCircle.js"],"names":["ListCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ListCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-88 302a24 24 0 1124-24 24 24 0 01-24 24zm0-71a24 24 0 1124-24 24 24 0 01-24 24zm0-73a24 24 0 1124-24 24 24 0 01-24 24zm184 135H224a16 16 0 010-32h128a16 16 0 010 32zm0-71H224a16 16 0 010-32h128a16 16 0 010 32zm0-72H224a16 16 0 010-32h128a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircle"]}
\ No newline at end of file
diff --git a/lib/ListCircleOutline.js b/lib/ListCircleOutline.js
index ad9a07f07..3b0712d9f 100644
--- a/lib/ListCircleOutline.js
+++ b/lib/ListCircleOutline.js
@@ -51,7 +51,7 @@ var ListCircleOutline = function ListCircleOutline(props) {
 ListCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ListCircleOutline.js.map b/lib/ListCircleOutline.js.map
index b6fd0dca2..847ac0498 100644
--- a/lib/ListCircleOutline.js.map
+++ b/lib/ListCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ListCircleOutline.js"],"names":["ListCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAjK;AAAiT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjT;AAAgd,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhd;AAAilB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjlB;AAAktB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAAltB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ListCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 184h128M224 256h128M224 327h128\"/><path d=\"M448 258c0-106-86-192-192-192S64 152 64 258s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"168\" cy=\"184\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"168\" cy=\"257\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"168\" cy=\"328\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ListCircleOutline.js"],"names":["ListCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAhK;AAAiT,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjT;AAAid,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjd;AAAmlB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAnlB;AAAqtB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,GAA5B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAArtB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ListCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 184h128M224 256h128M224 327h128\" /><path d=\"M448 258c0-106-86-192-192-192S64 152 64 258s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"168\" cy=\"184\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"168\" cy=\"257\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"168\" cy=\"328\" r=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ListCircleSharp.js b/lib/ListCircleSharp.js
index db9aedba1..1152f1864 100644
--- a/lib/ListCircleSharp.js
+++ b/lib/ListCircleSharp.js
@@ -47,7 +47,7 @@ var ListCircleSharp = function ListCircleSharp(props) {
 ListCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ListCircleSharp.js.map b/lib/ListCircleSharp.js.map
index 7caed4371..878472d5b 100644
--- a/lib/ListCircleSharp.js.map
+++ b/lib/ListCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ListCircleSharp.js"],"names":["ListCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0ZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ListCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-64 287.5a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-71a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-72a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm176 151H212.67v-32H368zm0-71H212.67v-32H368zm0-72H212.67v-32H368z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ListCircleSharp.js"],"names":["ListCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0ZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ListCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-64 287.5a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-71a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-72a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm176 151H212.67v-32H368zm0-71H212.67v-32H368zm0-72H212.67v-32H368z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nListCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ListOutline.js b/lib/ListOutline.js
index a60e1f4b0..c118c6999 100644
--- a/lib/ListOutline.js
+++ b/lib/ListOutline.js
@@ -50,7 +50,7 @@ var ListOutline = function ListOutline(props) {
 ListOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ListOutline.js.map b/lib/ListOutline.js.map
index 85bdf7ee0..7aa71412d 100644
--- a/lib/ListOutline.js.map
+++ b/lib/ListOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ListOutline.js"],"names":["ListOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAjK;AAAiT,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjT;AAAkb,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAlb;AAAmjB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAAnjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ListOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 144h288M160 256h288M160 368h288\"/><circle cx=\"80\" cy=\"144\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"80\" cy=\"256\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"80\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nListOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ListOutline.js"],"names":["ListOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG,GAAhK;AAAiT,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjT;AAAmb,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAnb;AAAqjB,gDAAQ,IAAG,IAAX,EAAgB,IAAG,KAAnB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H;AAArjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ListOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 144h288M160 256h288M160 368h288\" /><circle cx=\"80\" cy=\"144\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"80\" cy=\"256\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"80\" cy=\"368\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nListOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListOutline"]}
\ No newline at end of file
diff --git a/lib/ListSharp.js b/lib/ListSharp.js
index 00db75f2e..ff30d8296 100644
--- a/lib/ListSharp.js
+++ b/lib/ListSharp.js
@@ -48,7 +48,7 @@ var ListSharp = function ListSharp(props) {
 ListSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ListSharp.js.map b/lib/ListSharp.js.map
index f3ac66340..b961d1fa3 100644
--- a/lib/ListSharp.js.map
+++ b/lib/ListSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ListSharp.js"],"names":["ListSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,sCAAlF,GAAjK;AAA2R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,qDAAzG;AAA3R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ListSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M144 144h320M144 256h320M144 368h320\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M64 128h32v32H64zM64 240h32v32H64zM64 352h32v32H64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nListSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ListSharp.js"],"names":["ListSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,sCAAlF,GAAhK;AAA2R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,qDAAzG;AAA3R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ListSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ListSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M144 144h320M144 256h320M144 368h320\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M64 128h32v32H64zM64 240h32v32H64zM64 352h32v32H64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nListSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nListSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ListSharp"]}
\ No newline at end of file
diff --git a/lib/Locate.js b/lib/Locate.js
index 6607eae52..171bce066 100644
--- a/lib/Locate.js
+++ b/lib/Locate.js
@@ -47,7 +47,7 @@ var Locate = function Locate(props) {
 Locate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Locate.js.map b/lib/Locate.js.map
index ddcfc95f1..9f1c9e36b 100644
--- a/lib/Locate.js.map
+++ b/lib/Locate.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Locate.js"],"names":["Locate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+FAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Locate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Locate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocate.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Locate"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Locate.js"],"names":["Locate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+FAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Locate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Locate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocate.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Locate"]}
\ No newline at end of file
diff --git a/lib/LocateOutline.js b/lib/LocateOutline.js
index 07905d83b..78458980d 100644
--- a/lib/LocateOutline.js
+++ b/lib/LocateOutline.js
@@ -49,7 +49,7 @@ var LocateOutline = function LocateOutline(props) {
 LocateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LocateOutline.js.map b/lib/LocateOutline.js.map
index 25df02f84..44af62828 100644
--- a/lib/LocateOutline.js.map
+++ b/lib/LocateOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LocateOutline.js"],"names":["LocateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG,GAAjK;AAAmS,8CAAM,GAAE,oDAAR,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAAnS;AAA0a,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA1a;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LocateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40\"/><path d=\"M256 112a144 144 0 10144 144 144 144 0 00-144-144z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M416 256h40M56 256h40\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocateOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocateOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LocateOutline.js"],"names":["LocateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG,GAAhK;AAAmS,8CAAM,GAAE,oDAAR,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,kBAAiB,IAAhH,EAAqH,aAAY,IAAjI,GAAnS;AAA2a,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG;AAA3a;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LocateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40\" /><path d=\"M256 112a144 144 0 10144 144 144 144 0 00-144-144z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M416 256h40M56 256h40\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocateOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocateOutline"]}
\ No newline at end of file
diff --git a/lib/LocateSharp.js b/lib/LocateSharp.js
index 8ee508207..091f282df 100644
--- a/lib/LocateSharp.js
+++ b/lib/LocateSharp.js
@@ -47,7 +47,7 @@ var LocateSharp = function LocateSharp(props) {
 LocateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LocateSharp.js.map b/lib/LocateSharp.js.map
index fbaad9c4f..03926d12d 100644
--- a/lib/LocateSharp.js.map
+++ b/lib/LocateSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LocateSharp.js"],"names":["LocateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,+FAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LocateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocateSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocateSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LocateSharp.js"],"names":["LocateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,+FAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LocateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocateSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocateSharp"]}
\ No newline at end of file
diff --git a/lib/Location.js b/lib/Location.js
index a2befa4c3..90a4dc674 100644
--- a/lib/Location.js
+++ b/lib/Location.js
@@ -48,7 +48,7 @@ var Location = function Location(props) {
 Location.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Location.js.map b/lib/Location.js.map
index 62303274d..5a8d11360 100644
--- a/lib/Location.js.map
+++ b/lib/Location.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Location.js"],"names":["Location","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,qQAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Location.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Location = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"192\" r=\"32\"/><path d=\"M256 32c-88.22 0-160 68.65-160 153 0 40.17 18.31 93.59 54.42 158.78 29 52.34 62.55 99.67 80 123.22a31.75 31.75 0 0051.22 0c17.42-23.55 51-70.88 80-123.22C397.69 278.61 416 225.19 416 185c0-84.35-71.78-153-160-153zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocation.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Location"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Location.js"],"names":["Location","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,qQAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Location.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Location = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"192\" r=\"32\" /><path d=\"M256 32c-88.22 0-160 68.65-160 153 0 40.17 18.31 93.59 54.42 158.78 29 52.34 62.55 99.67 80 123.22a31.75 31.75 0 0051.22 0c17.42-23.55 51-70.88 80-123.22C397.69 278.61 416 225.19 416 185c0-84.35-71.78-153-160-153zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocation.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Location"]}
\ No newline at end of file
diff --git a/lib/LocationOutline.js b/lib/LocationOutline.js
index 67c91c166..425834237 100644
--- a/lib/LocationOutline.js
+++ b/lib/LocationOutline.js
@@ -48,7 +48,7 @@ var LocationOutline = function LocationOutline(props) {
 LocationOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LocationOutline.js.map b/lib/LocationOutline.js.map
index f93f07751..ed5c71814 100644
--- a/lib/LocationOutline.js.map
+++ b/lib/LocationOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LocationOutline.js"],"names":["LocationOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+IAAR,EAAwJ,MAAK,MAA7J,EAAoK,QAAO,cAA3K,EAA0L,eAAc,OAAxM,EAAgN,gBAAe,OAA/N,EAAuO,aAAY,IAAnP,GAAjK;AAA0Z,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA1Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LocationOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocationOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"192\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocationOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocationOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocationOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LocationOutline.js"],"names":["LocationOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+IAAR,EAAwJ,MAAK,MAA7J,EAAoK,QAAO,cAA3K,EAA0L,eAAc,OAAxM,EAAgN,gBAAe,OAA/N,EAAuO,aAAY,IAAnP,GAAhK;AAA0Z,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA1Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LocationOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocationOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"192\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocationOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocationOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocationOutline"]}
\ No newline at end of file
diff --git a/lib/LocationSharp.js b/lib/LocationSharp.js
index c0b008e76..e2cf04b4e 100644
--- a/lib/LocationSharp.js
+++ b/lib/LocationSharp.js
@@ -47,7 +47,7 @@ var LocationSharp = function LocationSharp(props) {
 LocationSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LocationSharp.js.map b/lib/LocationSharp.js.map
index 93486aaad..717a68a9a 100644
--- a/lib/LocationSharp.js.map
+++ b/lib/LocationSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LocationSharp.js"],"names":["LocationSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LocationSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocationSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocationSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocationSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocationSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LocationSharp.js"],"names":["LocationSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LocationSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LocationSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLocationSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLocationSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LocationSharp"]}
\ No newline at end of file
diff --git a/lib/LockClosed.js b/lib/LockClosed.js
index 65c9782e9..2c74b8a4b 100644
--- a/lib/LockClosed.js
+++ b/lib/LockClosed.js
@@ -47,7 +47,7 @@ var LockClosed = function LockClosed(props) {
 LockClosed.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockClosed.js.map b/lib/LockClosed.js.map
index 5861cae31..153bb4357 100644
--- a/lib/LockClosed.js.map
+++ b/lib/LockClosed.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockClosed.js"],"names":["LockClosed","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LockClosed.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosed = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosed.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosed.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosed"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockClosed.js"],"names":["LockClosed","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LockClosed.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosed = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosed.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosed.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosed"]}
\ No newline at end of file
diff --git a/lib/LockClosedOutline.js b/lib/LockClosedOutline.js
index e4bbfb77c..8210972c5 100644
--- a/lib/LockClosedOutline.js
+++ b/lib/LockClosedOutline.js
@@ -48,7 +48,7 @@ var LockClosedOutline = function LockClosedOutline(props) {
 LockClosedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockClosedOutline.js.map b/lib/LockClosedOutline.js.map
index 8df8ac139..3ba63c74f 100644
--- a/lib/LockClosedOutline.js.map
+++ b/lib/LockClosedOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockClosedOutline.js"],"names":["LockClosedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kCAAR,EAA2C,MAAK,MAAhD,EAAuD,QAAO,cAA9D,EAA6E,eAAc,OAA3F,EAAmG,gBAAe,OAAlH,EAA0H,aAAY,IAAtI,GAAjK;AAA6S,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAA7S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LockClosedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 208v-95a80 80 0 00-160 0v95\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"208\" width=\"320\" height=\"272\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosedOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosedOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockClosedOutline.js"],"names":["LockClosedOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kCAAR,EAA2C,MAAK,MAAhD,EAAuD,QAAO,cAA9D,EAA6E,eAAc,OAA3F,EAAmG,gBAAe,OAAlH,EAA0H,aAAY,IAAtI,GAAhK;AAA6S,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAA7S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LockClosedOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosedOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 208v-95a80 80 0 00-160 0v95\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"208\" width=\"320\" height=\"272\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosedOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosedOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosedOutline"]}
\ No newline at end of file
diff --git a/lib/LockClosedSharp.js b/lib/LockClosedSharp.js
index 5ab6b83e9..d80f8db48 100644
--- a/lib/LockClosedSharp.js
+++ b/lib/LockClosedSharp.js
@@ -47,7 +47,7 @@ var LockClosedSharp = function LockClosedSharp(props) {
 LockClosedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockClosedSharp.js.map b/lib/LockClosedSharp.js.map
index 61211f814..a046707e4 100644
--- a/lib/LockClosedSharp.js.map
+++ b/lib/LockClosedSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockClosedSharp.js"],"names":["LockClosedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2JAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LockClosedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 192h-68v-80a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12zm-106 0H198v-80.75a58 58 0 11116 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosedSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosedSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockClosedSharp.js"],"names":["LockClosedSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2JAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LockClosedSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockClosedSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 192h-68v-80a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12zm-106 0H198v-80.75a58 58 0 11116 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockClosedSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockClosedSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockClosedSharp"]}
\ No newline at end of file
diff --git a/lib/LockOpen.js b/lib/LockOpen.js
index 5b14f9a32..83239b140 100644
--- a/lib/LockOpen.js
+++ b/lib/LockOpen.js
@@ -47,7 +47,7 @@ var LockOpen = function LockOpen(props) {
 LockOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockOpen.js.map b/lib/LockOpen.js.map
index 9c53e737c..fad6b0403 100644
--- a/lib/LockOpen.js.map
+++ b/lib/LockOpen.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockOpen.js"],"names":["LockOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LockOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 192H192v-80a64 64 0 11128 0 16 16 0 0032 0 96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpen"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockOpen.js"],"names":["LockOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LockOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 192H192v-80a64 64 0 11128 0 16 16 0 0032 0 96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpen"]}
\ No newline at end of file
diff --git a/lib/LockOpenOutline.js b/lib/LockOpenOutline.js
index f39b54726..a0aa502d3 100644
--- a/lib/LockOpenOutline.js
+++ b/lib/LockOpenOutline.js
@@ -48,7 +48,7 @@ var LockOpenOutline = function LockOpenOutline(props) {
 LockOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockOpenOutline.js.map b/lib/LockOpenOutline.js.map
index 9d5e18c39..97daacd6a 100644
--- a/lib/LockOpenOutline.js.map
+++ b/lib/LockOpenOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockOpenOutline.js"],"names":["LockOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8BAAR,EAAuC,MAAK,MAA5C,EAAmD,QAAO,cAA1D,EAAyE,eAAc,OAAvF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LockOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 112a80 80 0 00-160 0v96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"208\" width=\"320\" height=\"272\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpenOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockOpenOutline.js"],"names":["LockOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8BAAR,EAAuC,MAAK,MAA5C,EAAmD,QAAO,cAA1D,EAAyE,eAAc,OAAvF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LockOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 112a80 80 0 00-160 0v96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"208\" width=\"320\" height=\"272\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpenOutline"]}
\ No newline at end of file
diff --git a/lib/LockOpenSharp.js b/lib/LockOpenSharp.js
index 31d2666fa..ecb3bd1d0 100644
--- a/lib/LockOpenSharp.js
+++ b/lib/LockOpenSharp.js
@@ -47,7 +47,7 @@ var LockOpenSharp = function LockOpenSharp(props) {
 LockOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LockOpenSharp.js.map b/lib/LockOpenSharp.js.map
index 2f62b1d7b..e13116123 100644
--- a/lib/LockOpenSharp.js.map
+++ b/lib/LockOpenSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LockOpenSharp.js"],"names":["LockOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LockOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 192H198v-80.75a58.08 58.08 0 0199.07-41.07A59.4 59.4 0 01314 112h38a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpenSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LockOpenSharp.js"],"names":["LockOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LockOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LockOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M420 192H198v-80.75a58.08 58.08 0 0199.07-41.07A59.4 59.4 0 01314 112h38a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLockOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLockOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LockOpenSharp"]}
\ No newline at end of file
diff --git a/lib/LogIn.js b/lib/LogIn.js
index b2463d423..a2b94a659 100644
--- a/lib/LogIn.js
+++ b/lib/LogIn.js
@@ -47,7 +47,7 @@ var LogIn = function LogIn(props) {
 LogIn.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogIn.js.map b/lib/LogIn.js.map
index 24f285cd7..dbc7a7a6a 100644
--- a/lib/LogIn.js.map
+++ b/lib/LogIn.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogIn.js"],"names":["LogIn","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"LogIn.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogIn = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 80H232a56.06 56.06 0 00-56 56v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L329.37 272H176v104c0 32.05 33.79 56 64 56h152a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zM80 240a16 16 0 000 32h96v-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogIn.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogIn.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogIn"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogIn.js"],"names":["LogIn","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"LogIn.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogIn = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 80H232a56.06 56.06 0 00-56 56v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L329.37 272H176v104c0 32.05 33.79 56 64 56h152a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zM80 240a16 16 0 000 32h96v-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogIn.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogIn.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogIn"]}
\ No newline at end of file
diff --git a/lib/LogInOutline.js b/lib/LogInOutline.js
index 2e1469e9d..0c139a109 100644
--- a/lib/LogInOutline.js
+++ b/lib/LogInOutline.js
@@ -48,7 +48,7 @@ var LogInOutline = function LogInOutline(props) {
 LogInOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogInOutline.js.map b/lib/LogInOutline.js.map
index ee6a16043..3c6a6ddc5 100644
--- a/lib/LogInOutline.js.map
+++ b/lib/LogInOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogInOutline.js"],"names":["LogInOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,eAAc,OAAhK,EAAwK,gBAAe,OAAvL,EAA+L,aAAY,IAA3M,GAAjK;AAAkX,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAAlX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogInOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogInOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 176v-40a40 40 0 0140-40h160a40 40 0 0140 40v240a40 40 0 01-40 40H240c-22.09 0-48-17.91-48-40v-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M288 336l80-80-80-80M80 256h272\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogInOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogInOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogInOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogInOutline.js"],"names":["LogInOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,eAAc,OAAhK,EAAwK,gBAAe,OAAvL,EAA+L,aAAY,IAA3M,GAAhK;AAAkX,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iCAAxG;AAAlX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogInOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogInOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 176v-40a40 40 0 0140-40h160a40 40 0 0140 40v240a40 40 0 01-40 40H240c-22.09 0-48-17.91-48-40v-40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M288 336l80-80-80-80M80 256h272\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogInOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogInOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogInOutline"]}
\ No newline at end of file
diff --git a/lib/LogInSharp.js b/lib/LogInSharp.js
index 76b5fd143..69e538d11 100644
--- a/lib/LogInSharp.js
+++ b/lib/LogInSharp.js
@@ -47,7 +47,7 @@ var LogInSharp = function LogInSharp(props) {
 LogInSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogInSharp.js.map b/lib/LogInSharp.js.map
index 4b209c55c..d79ef3486 100644
--- a/lib/LogInSharp.js.map
+++ b/lib/LogInSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogInSharp.js"],"names":["LogInSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogInSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogInSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 80H192a16 16 0 00-16 16v144h153.37l-64-64L288 153.37l91.31 91.32a16 16 0 010 22.62L288 358.63 265.37 336l64-64H176v144a16 16 0 0016 16h240a16 16 0 0016-16V96a16 16 0 00-16-16zM64 240h112v32H64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogInSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogInSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogInSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogInSharp.js"],"names":["LogInSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogInSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogInSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 80H192a16 16 0 00-16 16v144h153.37l-64-64L288 153.37l91.31 91.32a16 16 0 010 22.62L288 358.63 265.37 336l64-64H176v144a16 16 0 0016 16h240a16 16 0 0016-16V96a16 16 0 00-16-16zM64 240h112v32H64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogInSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogInSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogInSharp"]}
\ No newline at end of file
diff --git a/lib/LogOut.js b/lib/LogOut.js
index 725938b9b..235b261fb 100644
--- a/lib/LogOut.js
+++ b/lib/LogOut.js
@@ -47,7 +47,7 @@ var LogOut = function LogOut(props) {
 LogOut.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogOut.js.map b/lib/LogOut.js.map
index 8ea8fcd06..0d61d702d 100644
--- a/lib/LogOut.js.map
+++ b/lib/LogOut.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogOut.js"],"names":["LogOut","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"LogOut.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOut = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 256a16 16 0 0116-16h144V136c0-32-33.79-56-64-56H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h160a56.06 56.06 0 0056-56V272H176a16 16 0 01-16-16zM459.31 244.69l-80-80a16 16 0 00-22.62 22.62L409.37 240H320v32h89.37l-52.68 52.69a16 16 0 1022.62 22.62l80-80a16 16 0 000-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOut.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOut.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOut"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogOut.js"],"names":["LogOut","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"LogOut.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOut = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 256a16 16 0 0116-16h144V136c0-32-33.79-56-64-56H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h160a56.06 56.06 0 0056-56V272H176a16 16 0 01-16-16zM459.31 244.69l-80-80a16 16 0 00-22.62 22.62L409.37 240H320v32h89.37l-52.68 52.69a16 16 0 1022.62 22.62l80-80a16 16 0 000-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOut.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOut.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOut"]}
\ No newline at end of file
diff --git a/lib/LogOutOutline.js b/lib/LogOutOutline.js
index ae8319284..c62786e2b 100644
--- a/lib/LogOutOutline.js
+++ b/lib/LogOutOutline.js
@@ -47,7 +47,7 @@ var LogOutOutline = function LogOutOutline(props) {
 LogOutOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogOutOutline.js.map b/lib/LogOutOutline.js.map
index 90ff247f0..86362f9d4 100644
--- a/lib/LogOutOutline.js.map
+++ b/lib/LogOutOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogOutOutline.js"],"names":["LogOutOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogOutOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOutOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40M368 336l80-80-80-80M176 256h256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOutOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOutOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOutOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogOutOutline.js"],"names":["LogOutOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qIAAR,EAA8I,MAAK,MAAnJ,EAA0J,QAAO,cAAjK,EAAgL,eAAc,OAA9L,EAAsM,gBAAe,OAArN,EAA6N,aAAY,IAAzO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogOutOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOutOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40M368 336l80-80-80-80M176 256h256\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOutOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOutOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOutOutline"]}
\ No newline at end of file
diff --git a/lib/LogOutSharp.js b/lib/LogOutSharp.js
index 203184654..9e6a8309d 100644
--- a/lib/LogOutSharp.js
+++ b/lib/LogOutSharp.js
@@ -47,7 +47,7 @@ var LogOutSharp = function LogOutSharp(props) {
 LogOutSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogOutSharp.js.map b/lib/LogOutSharp.js.map
index c2c197c22..f3bfb9195 100644
--- a/lib/LogOutSharp.js.map
+++ b/lib/LogOutSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogOutSharp.js"],"names":["LogOutSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+MAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogOutSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOutSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 240h160V96a16 16 0 00-16-16H64a16 16 0 00-16 16v320a16 16 0 0016 16h240a16 16 0 0016-16V272H160zM459.31 244.69L368 153.37 345.37 176l64 64H320v32h89.37l-64 64L368 358.63l91.31-91.32a16 16 0 000-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOutSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOutSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOutSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogOutSharp.js"],"names":["LogOutSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+MAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogOutSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogOutSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 240h160V96a16 16 0 00-16-16H64a16 16 0 00-16 16v320a16 16 0 0016 16h240a16 16 0 0016-16V272H160zM459.31 244.69L368 153.37 345.37 176l64 64H320v32h89.37l-64 64L368 358.63l91.31-91.32a16 16 0 000-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogOutSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogOutSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogOutSharp"]}
\ No newline at end of file
diff --git a/lib/LogoAlipay.js b/lib/LogoAlipay.js
index fc5f22d91..552365046 100644
--- a/lib/LogoAlipay.js
+++ b/lib/LogoAlipay.js
@@ -47,7 +47,7 @@ var LogoAlipay = function LogoAlipay(props) {
 LogoAlipay.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAlipay.js.map b/lib/LogoAlipay.js.map
index f70d16a07..506647ed5 100644
--- a/lib/LogoAlipay.js.map
+++ b/lib/LogoAlipay.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAlipay.js"],"names":["LogoAlipay","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,msBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoAlipay.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAlipay = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7-39.82 48.57-91.18 78-144.5 78-90.18 0-120.8-78.22-78.1-129.72 9.31-11.22 25.15-21.94 49.73-28 38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 01-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89 60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23-34.74 30-13.94 84.93 56.37 84.93 40.87 0 81.71-25.9 113.79-67.37-41.36-20-77-34.85-114.4-34.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAlipay.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAlipay.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAlipay"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAlipay.js"],"names":["LogoAlipay","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,msBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoAlipay.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAlipay = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7-39.82 48.57-91.18 78-144.5 78-90.18 0-120.8-78.22-78.1-129.72 9.31-11.22 25.15-21.94 49.73-28 38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 01-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89 60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23-34.74 30-13.94 84.93 56.37 84.93 40.87 0 81.71-25.9 113.79-67.37-41.36-20-77-34.85-114.4-34.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAlipay.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAlipay.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAlipay"]}
\ No newline at end of file
diff --git a/lib/LogoAmazon.js b/lib/LogoAmazon.js
index 18cfde743..1ff793f36 100644
--- a/lib/LogoAmazon.js
+++ b/lib/LogoAmazon.js
@@ -48,7 +48,7 @@ var LogoAmazon = function LogoAmazon(props) {
 LogoAmazon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAmazon.js.map b/lib/LogoAmazon.js.map
index b022dd1fe..c8d968c03 100644
--- a/lib/LogoAmazon.js.map
+++ b/lib/LogoAmazon.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAmazon.js"],"names":["LogoAmazon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qQAAR,GAAjK;AAAgb,8CAAM,GAAE,k+BAAR;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoAmazon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAmazon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48.48 378.73a300.52 300.52 0 00152.89 95.92 262.57 262.57 0 00159.3-17.25 225.52 225.52 0 0066.79-47 6.36 6.36 0 00-2-8.53 11.76 11.76 0 00-8-.05 401.92 401.92 0 01-116.55 39.34 358.13 358.13 0 01-127.29-8.83 446.73 446.73 0 01-119.1-60.49 5 5 0 00-6.06 6.9z\"/><path d=\"M387.15 388.44a168.11 168.11 0 0148.94-2.23l.67.13a10 10 0 017.37 12.05A204.71 204.71 0 01429 444.47a2.55 2.55 0 001.66 3.18 2.51 2.51 0 002.23-.37A83.31 83.31 0 00464 382.86a12.44 12.44 0 00-10.22-13.22A95.75 95.75 0 00384.91 384a2.55 2.55 0 00-.57 3.55 2.52 2.52 0 002.81.89zM304.24 324.92a164 164 0 01-28.92 25.3A135.16 135.16 0 01208.63 369a99.49 99.49 0 01-57.49-19.85 97.25 97.25 0 01-27.36-100.28 112.35 112.35 0 0165.3-69.06 367.67 367.67 0 01104.7-15.55V127A37.82 37.82 0 00261 94.72a59.9 59.9 0 00-31.17 4.08 48.89 48.89 0 00-27.13 34.67 12 12 0 01-12.58 6.72l-50.9-4.5a11.38 11.38 0 01-8.38-10.16 103.66 103.66 0 0136.61-63.45A143.86 143.86 0 01257.85 32a146.24 146.24 0 0184.27 27.67 86.82 86.82 0 0130.7 70.22V258.8a84.46 84.46 0 008 31.28l15.87 23.23a13 13 0 010 11.23l-46.99 39.71a12.5 12.5 0 01-12.68-.44 244.84 244.84 0 01-32.78-38.89zm-10.6-116.83a257.68 257.68 0 00-44 2.89A63 63 0 00208 242.54a63 63 0 003.07 54 40.6 40.6 0 0047.11 12.19 78.61 78.61 0 0035.46-55.58v-45.06\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAmazon.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAmazon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAmazon"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAmazon.js"],"names":["LogoAmazon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qQAAR,GAAhK;AAAgb,8CAAM,GAAE,k+BAAR;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoAmazon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAmazon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48.48 378.73a300.52 300.52 0 00152.89 95.92 262.57 262.57 0 00159.3-17.25 225.52 225.52 0 0066.79-47 6.36 6.36 0 00-2-8.53 11.76 11.76 0 00-8-.05 401.92 401.92 0 01-116.55 39.34 358.13 358.13 0 01-127.29-8.83 446.73 446.73 0 01-119.1-60.49 5 5 0 00-6.06 6.9z\" /><path d=\"M387.15 388.44a168.11 168.11 0 0148.94-2.23l.67.13a10 10 0 017.37 12.05A204.71 204.71 0 01429 444.47a2.55 2.55 0 001.66 3.18 2.51 2.51 0 002.23-.37A83.31 83.31 0 00464 382.86a12.44 12.44 0 00-10.22-13.22A95.75 95.75 0 00384.91 384a2.55 2.55 0 00-.57 3.55 2.52 2.52 0 002.81.89zM304.24 324.92a164 164 0 01-28.92 25.3A135.16 135.16 0 01208.63 369a99.49 99.49 0 01-57.49-19.85 97.25 97.25 0 01-27.36-100.28 112.35 112.35 0 0165.3-69.06 367.67 367.67 0 01104.7-15.55V127A37.82 37.82 0 00261 94.72a59.9 59.9 0 00-31.17 4.08 48.89 48.89 0 00-27.13 34.67 12 12 0 01-12.58 6.72l-50.9-4.5a11.38 11.38 0 01-8.38-10.16 103.66 103.66 0 0136.61-63.45A143.86 143.86 0 01257.85 32a146.24 146.24 0 0184.27 27.67 86.82 86.82 0 0130.7 70.22V258.8a84.46 84.46 0 008 31.28l15.87 23.23a13 13 0 010 11.23l-46.99 39.71a12.5 12.5 0 01-12.68-.44 244.84 244.84 0 01-32.78-38.89zm-10.6-116.83a257.68 257.68 0 00-44 2.89A63 63 0 00208 242.54a63 63 0 003.07 54 40.6 40.6 0 0047.11 12.19 78.61 78.61 0 0035.46-55.58v-45.06\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAmazon.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAmazon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAmazon"]}
\ No newline at end of file
diff --git a/lib/LogoAmplify.js b/lib/LogoAmplify.js
index 1781e385e..748da2997 100644
--- a/lib/LogoAmplify.js
+++ b/lib/LogoAmplify.js
@@ -47,7 +47,7 @@ var LogoAmplify = function LogoAmplify(props) {
 LogoAmplify.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAmplify.js.map b/lib/LogoAmplify.js.map
index 6a798f946..7b3702353 100644
--- a/lib/LogoAmplify.js.map
+++ b/lib/LogoAmplify.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAmplify.js"],"names":["LogoAmplify","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0IAAR,EAAmJ,aAAU,SAA7J;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAmplify.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAmplify = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112.31 268l40.36-68.69 34.65 59-67.54 115h135L289.31 432H16zm58.57-99.76l33.27-56.67L392.44 432h-66.68zM222.67 80h66.59L496 432h-66.68z\" fill-rule=\"evenodd\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAmplify.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAmplify.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAmplify"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAmplify.js"],"names":["LogoAmplify","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0IAAR,EAAmJ,aAAU,SAA7J;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAmplify.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAmplify = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112.31 268l40.36-68.69 34.65 59-67.54 115h135L289.31 432H16zm58.57-99.76l33.27-56.67L392.44 432h-66.68zM222.67 80h66.59L496 432h-66.68z\" fill-rule=\"evenodd\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAmplify.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAmplify.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAmplify"]}
\ No newline at end of file
diff --git a/lib/LogoAndroid.js b/lib/LogoAndroid.js
index 9924ec8d7..b8c359baf 100644
--- a/lib/LogoAndroid.js
+++ b/lib/LogoAndroid.js
@@ -47,7 +47,7 @@ var LogoAndroid = function LogoAndroid(props) {
 LogoAndroid.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAndroid.js.map b/lib/LogoAndroid.js.map
index 44e4b866a..5d0e1ffbb 100644
--- a/lib/LogoAndroid.js.map
+++ b/lib/LogoAndroid.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAndroid.js"],"names":["LogoAndroid","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAndroid.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAndroid = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.91 199l42.47-73.57a8.63 8.63 0 00-3.12-11.76 8.52 8.52 0 00-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 10-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55zM138.45 327.65a21.46 21.46 0 1121.46-21.46 21.47 21.47 0 01-21.46 21.46zm235 0A21.46 21.46 0 11395 306.19a21.47 21.47 0 01-21.51 21.46z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAndroid.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAndroid.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAndroid"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAndroid.js"],"names":["LogoAndroid","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAndroid.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAndroid = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.91 199l42.47-73.57a8.63 8.63 0 00-3.12-11.76 8.52 8.52 0 00-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 10-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55zM138.45 327.65a21.46 21.46 0 1121.46-21.46 21.47 21.47 0 01-21.46 21.46zm235 0A21.46 21.46 0 11395 306.19a21.47 21.47 0 01-21.51 21.46z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAndroid.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAndroid.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAndroid"]}
\ No newline at end of file
diff --git a/lib/LogoAngular.js b/lib/LogoAngular.js
index ff6d4d96b..57af79fc0 100644
--- a/lib/LogoAngular.js
+++ b/lib/LogoAngular.js
@@ -48,7 +48,7 @@ var LogoAngular = function LogoAngular(props) {
 LogoAngular.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAngular.js.map b/lib/LogoAngular.js.map
index 8e7d3424a..09a728cb8 100644
--- a/lib/LogoAngular.js.map
+++ b/lib/LogoAngular.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAngular.js"],"names":["LogoAngular","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4CAAR,GAAjK;AAAuN,8CAAM,GAAE,yGAAR;AAAvN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAngular.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAngular = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M213.57 256h84.85l-42.43-89.36L213.57 256z\"/><path d=\"M256 32L32 112l46.12 272L256 480l177.75-96L480 112zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAngular.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAngular.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAngular"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAngular.js"],"names":["LogoAngular","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4CAAR,GAAhK;AAAuN,8CAAM,GAAE,yGAAR;AAAvN;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoAngular.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAngular = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M213.57 256h84.85l-42.43-89.36L213.57 256z\" /><path d=\"M256 32L32 112l46.12 272L256 480l177.75-96L480 112zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAngular.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAngular.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAngular"]}
\ No newline at end of file
diff --git a/lib/LogoApple.js b/lib/LogoApple.js
index cdb21a2ef..f2b2cfa4b 100644
--- a/lib/LogoApple.js
+++ b/lib/LogoApple.js
@@ -48,7 +48,7 @@ var LogoApple = function LogoApple(props) {
 LogoApple.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoApple.js.map b/lib/LogoApple.js.map
index d4522f76d..653365fbf 100644
--- a/lib/LogoApple.js.map
+++ b/lib/LogoApple.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoApple.js"],"names":["LogoApple","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uXAAR,GAAjK;AAAkiB,8CAAM,GAAE,kJAAR;AAAliB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoApple.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoApple = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M349.13 136.86c-40.32 0-57.36 19.24-85.44 19.24-28.79 0-50.75-19.1-85.69-19.1-34.2 0-70.67 20.88-93.83 56.45-32.52 50.16-27 144.63 25.67 225.11 18.84 28.81 44 61.12 77 61.47h.6c28.68 0 37.2-18.78 76.67-19h.6c38.88 0 46.68 18.89 75.24 18.89h.6c33-.35 59.51-36.15 78.35-64.85 13.56-20.64 18.6-31 29-54.35-76.19-28.92-88.43-136.93-13.08-178.34-23-28.8-55.32-45.48-85.79-45.48z\"/><path d=\"M340.25 32c-24 1.63-52 16.91-68.4 36.86-14.88 18.08-27.12 44.9-22.32 70.91h1.92c25.56 0 51.72-15.39 67-35.11 14.72-18.77 25.88-45.37 21.8-72.66z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoApple.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoApple.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoApple"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoApple.js"],"names":["LogoApple","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uXAAR,GAAhK;AAAkiB,8CAAM,GAAE,kJAAR;AAAliB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoApple.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoApple = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M349.13 136.86c-40.32 0-57.36 19.24-85.44 19.24-28.79 0-50.75-19.1-85.69-19.1-34.2 0-70.67 20.88-93.83 56.45-32.52 50.16-27 144.63 25.67 225.11 18.84 28.81 44 61.12 77 61.47h.6c28.68 0 37.2-18.78 76.67-19h.6c38.88 0 46.68 18.89 75.24 18.89h.6c33-.35 59.51-36.15 78.35-64.85 13.56-20.64 18.6-31 29-54.35-76.19-28.92-88.43-136.93-13.08-178.34-23-28.8-55.32-45.48-85.79-45.48z\" /><path d=\"M340.25 32c-24 1.63-52 16.91-68.4 36.86-14.88 18.08-27.12 44.9-22.32 70.91h1.92c25.56 0 51.72-15.39 67-35.11 14.72-18.77 25.88-45.37 21.8-72.66z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoApple.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoApple.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoApple"]}
\ No newline at end of file
diff --git a/lib/LogoAppleAppstore.js b/lib/LogoAppleAppstore.js
index df63f58e7..e7829d3e9 100644
--- a/lib/LogoAppleAppstore.js
+++ b/lib/LogoAppleAppstore.js
@@ -47,7 +47,7 @@ var LogoAppleAppstore = function LogoAppleAppstore(props) {
 LogoAppleAppstore.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoAppleAppstore.js.map b/lib/LogoAppleAppstore.js.map
index a536e02e5..0a5f00949 100644
--- a/lib/LogoAppleAppstore.js.map
+++ b/lib/LogoAppleAppstore.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoAppleAppstore.js"],"names":["LogoAppleAppstore","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,o5BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LogoAppleAppstore.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAppleAppstore = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.26 32 32 132.26 32 256s100.26 224 224 224 224-100.26 224-224S379.74 32 256 32zm-85 321.89a15.48 15.48 0 01-13.46 7.65 14.91 14.91 0 01-7.86-2.16 15.48 15.48 0 01-5.6-21.21l15.29-25.42a8.73 8.73 0 017.54-4.3h2.26c11.09 0 18.85 6.67 21.11 13.13zm129.45-50l-100.13.11h-66.55a15.46 15.46 0 01-15.51-16.15c.32-8.4 7.65-14.76 16-14.76h48.24l57.19-97.35-18.52-31.55C217 137 218.85 127.52 226 123a15.57 15.57 0 0121.87 5.17l9.9 16.91h.11l9.91-16.91A15.58 15.58 0 01289.6 123c7.11 4.52 8.94 14 4.74 21.22l-18.52 31.55-18 30.69-39.09 66.66v.11h57.61c7.22 0 16.27 3.88 19.93 10.12l.32.65c3.23 5.49 5.06 9.26 5.06 14.75a13.82 13.82 0 01-1.17 5.17zm77.75.11h-27.11v.11l19.82 33.71a15.8 15.8 0 01-5.17 21.53 15.53 15.53 0 01-8.08 2.27A15.71 15.71 0 01344.2 354l-29.29-49.86-18.2-31L273.23 233a38.35 38.35 0 01-.65-38c4.64-8.19 8.19-10.34 8.19-10.34L333 273h44.91c8.4 0 15.61 6.46 16 14.75A15.65 15.65 0 01378.23 304z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAppleAppstore.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAppleAppstore.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAppleAppstore"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoAppleAppstore.js"],"names":["LogoAppleAppstore","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,o5BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LogoAppleAppstore.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoAppleAppstore = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.26 32 32 132.26 32 256s100.26 224 224 224 224-100.26 224-224S379.74 32 256 32zm-85 321.89a15.48 15.48 0 01-13.46 7.65 14.91 14.91 0 01-7.86-2.16 15.48 15.48 0 01-5.6-21.21l15.29-25.42a8.73 8.73 0 017.54-4.3h2.26c11.09 0 18.85 6.67 21.11 13.13zm129.45-50l-100.13.11h-66.55a15.46 15.46 0 01-15.51-16.15c.32-8.4 7.65-14.76 16-14.76h48.24l57.19-97.35-18.52-31.55C217 137 218.85 127.52 226 123a15.57 15.57 0 0121.87 5.17l9.9 16.91h.11l9.91-16.91A15.58 15.58 0 01289.6 123c7.11 4.52 8.94 14 4.74 21.22l-18.52 31.55-18 30.69-39.09 66.66v.11h57.61c7.22 0 16.27 3.88 19.93 10.12l.32.65c3.23 5.49 5.06 9.26 5.06 14.75a13.82 13.82 0 01-1.17 5.17zm77.75.11h-27.11v.11l19.82 33.71a15.8 15.8 0 01-5.17 21.53 15.53 15.53 0 01-8.08 2.27A15.71 15.71 0 01344.2 354l-29.29-49.86-18.2-31L273.23 233a38.35 38.35 0 01-.65-38c4.64-8.19 8.19-10.34 8.19-10.34L333 273h44.91c8.4 0 15.61 6.46 16 14.75A15.65 15.65 0 01378.23 304z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoAppleAppstore.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoAppleAppstore.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoAppleAppstore"]}
\ No newline at end of file
diff --git a/lib/LogoBehance.js b/lib/LogoBehance.js
index adc6ed5d6..3b026e787 100644
--- a/lib/LogoBehance.js
+++ b/lib/LogoBehance.js
@@ -49,7 +49,7 @@ var LogoBehance = function LogoBehance(props) {
 LogoBehance.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoBehance.js.map b/lib/LogoBehance.js.map
index 66c3750a9..5aabaea22 100644
--- a/lib/LogoBehance.js.map
+++ b/lib/LogoBehance.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoBehance.js"],"names":["LogoBehance","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gJAAR,GAAjK;AAA2T,8CAAM,GAAE,uZAAR,GAA3T;AAA4tB,8CAAM,GAAE,+EAAR;AAA5tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoBehance.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBehance = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344.1 233.6c-28.9 0-32.9 28.8-32.9 28.8h61.4s.4-28.8-28.5-28.8zM204.8 262.4h-54.4v50h51.7c7.8-.2 22.4-2.4 22.4-24.3 0-26-19.7-25.7-19.7-25.7z\"/><path d=\"M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm47.2 137.6h77.1v23h-77.1v-23zm-39 120.8c0 57-59.4 55.2-59.4 55.2h-97.2v-187h97.2c29.6 0 52.9 16.3 52.9 49.8S229.2 244 229.2 244c37.6 0 35 46.4 35 46.4zm144.2-3.1h-96.9c0 34.7 32.9 32.5 32.9 32.5 31.1 0 30-20.1 30-20.1h32.9c0 53.4-64 49.7-64 49.7-76.7 0-71.8-71.5-71.8-71.5s-.1-71.8 71.8-71.8c75.7.1 65.1 81.2 65.1 81.2z\"/><path d=\"M218 211.3c0-19.4-13.2-19.4-13.2-19.4h-54.4v41.7h51c8.8 0 16.6-2.9 16.6-22.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBehance.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBehance.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBehance"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoBehance.js"],"names":["LogoBehance","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gJAAR,GAAhK;AAA2T,8CAAM,GAAE,uZAAR,GAA3T;AAA6tB,8CAAM,GAAE,+EAAR;AAA7tB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoBehance.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBehance = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344.1 233.6c-28.9 0-32.9 28.8-32.9 28.8h61.4s.4-28.8-28.5-28.8zM204.8 262.4h-54.4v50h51.7c7.8-.2 22.4-2.4 22.4-24.3 0-26-19.7-25.7-19.7-25.7z\" /><path d=\"M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm47.2 137.6h77.1v23h-77.1v-23zm-39 120.8c0 57-59.4 55.2-59.4 55.2h-97.2v-187h97.2c29.6 0 52.9 16.3 52.9 49.8S229.2 244 229.2 244c37.6 0 35 46.4 35 46.4zm144.2-3.1h-96.9c0 34.7 32.9 32.5 32.9 32.5 31.1 0 30-20.1 30-20.1h32.9c0 53.4-64 49.7-64 49.7-76.7 0-71.8-71.5-71.8-71.5s-.1-71.8 71.8-71.8c75.7.1 65.1 81.2 65.1 81.2z\" /><path d=\"M218 211.3c0-19.4-13.2-19.4-13.2-19.4h-54.4v41.7h51c8.8 0 16.6-2.9 16.6-22.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBehance.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBehance.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBehance"]}
\ No newline at end of file
diff --git a/lib/LogoBitbucket.js b/lib/LogoBitbucket.js
index 3a517b0de..157f82783 100644
--- a/lib/LogoBitbucket.js
+++ b/lib/LogoBitbucket.js
@@ -47,7 +47,7 @@ var LogoBitbucket = function LogoBitbucket(props) {
 LogoBitbucket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoBitbucket.js.map b/lib/LogoBitbucket.js.map
index 72dc58595..8811cc862 100644
--- a/lib/LogoBitbucket.js.map
+++ b/lib/LogoBitbucket.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoBitbucket.js"],"names":["LogoBitbucket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoBitbucket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBitbucket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.13 32.23a19.65 19.65 0 00-2.54-.23h-449C23 31.88 16.12 38.88 16 47.75a11.44 11.44 0 00.23 2.8l65.3 411.25a22.52 22.52 0 007 12.95A20 20 0 00102 480h313.18a15.45 15.45 0 0015.34-13.42l38.88-247.91H325.19l-18.46 112H205.21l-25.73-148h295.58l20.76-132c1.27-8.75-4.38-17.04-12.69-18.44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBitbucket.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBitbucket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBitbucket"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoBitbucket.js"],"names":["LogoBitbucket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoBitbucket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBitbucket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.13 32.23a19.65 19.65 0 00-2.54-.23h-449C23 31.88 16.12 38.88 16 47.75a11.44 11.44 0 00.23 2.8l65.3 411.25a22.52 22.52 0 007 12.95A20 20 0 00102 480h313.18a15.45 15.45 0 0015.34-13.42l38.88-247.91H325.19l-18.46 112H205.21l-25.73-148h295.58l20.76-132c1.27-8.75-4.38-17.04-12.69-18.44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBitbucket.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBitbucket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBitbucket"]}
\ No newline at end of file
diff --git a/lib/LogoBitcoin.js b/lib/LogoBitcoin.js
index 44d7a8a2b..5ab7a259c 100644
--- a/lib/LogoBitcoin.js
+++ b/lib/LogoBitcoin.js
@@ -47,7 +47,7 @@ var LogoBitcoin = function LogoBitcoin(props) {
 LogoBitcoin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoBitcoin.js.map b/lib/LogoBitcoin.js.map
index 35feacd79..3d58fe4cf 100644
--- a/lib/LogoBitcoin.js.map
+++ b/lib/LogoBitcoin.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoBitcoin.js"],"names":["LogoBitcoin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i1BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoBitcoin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBitcoin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.47 279.2c-5-11.5-12.7-21.6-28.1-30.1a98.15 98.15 0 00-25.4-10 62.22 62.22 0 0016.3-11 56.37 56.37 0 0015.6-23.3 77.11 77.11 0 003.5-28.2c-1.1-16.8-4.4-33.1-13.2-44.8s-21.2-20.7-37.6-27c-12.6-4.8-25.5-7.8-45.5-8.9V32h-40v64h-32V32h-41v64H96v48h27.87c8.7 0 14.6.8 17.6 2.3a13.22 13.22 0 016.5 6c1.3 2.5 1.9 8.4 1.9 17.5V343c0 9-.6 14.8-1.9 17.4s-2 4.9-5.1 6.3-3.2 1.3-11.8 1.3h-26.4L96 416h87v64h41v-64h32v64h40v-64.4c26-1.3 44.5-4.7 59.4-10.3 19.3-7.2 34.1-17.7 44.7-31.5s14-34.9 14.93-51.2c.67-14.5-.03-33.2-4.56-43.4zM224 150h32v74h-32zm0 212v-90h32v90zm72-208.1c6 2.5 9.9 7.5 13.8 12.7 4.3 5.7 6.5 13.3 6.5 21.4 0 7.8-2.9 14.5-7.5 20.5-3.8 4.9-6.8 8.3-12.8 11.1zm28.8 186.7c-7.8 6.9-12.3 10.1-22.1 13.8a56.06 56.06 0 01-6.7 1.9v-82.8a40.74 40.74 0 0111.3 3.4c7.8 3.3 15.2 6.9 19.8 13.2a43.82 43.82 0 018 24.7c-.03 10.9-2.83 19.2-10.33 25.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBitcoin.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBitcoin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBitcoin"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoBitcoin.js"],"names":["LogoBitcoin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i1BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoBitcoin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBitcoin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.47 279.2c-5-11.5-12.7-21.6-28.1-30.1a98.15 98.15 0 00-25.4-10 62.22 62.22 0 0016.3-11 56.37 56.37 0 0015.6-23.3 77.11 77.11 0 003.5-28.2c-1.1-16.8-4.4-33.1-13.2-44.8s-21.2-20.7-37.6-27c-12.6-4.8-25.5-7.8-45.5-8.9V32h-40v64h-32V32h-41v64H96v48h27.87c8.7 0 14.6.8 17.6 2.3a13.22 13.22 0 016.5 6c1.3 2.5 1.9 8.4 1.9 17.5V343c0 9-.6 14.8-1.9 17.4s-2 4.9-5.1 6.3-3.2 1.3-11.8 1.3h-26.4L96 416h87v64h41v-64h32v64h40v-64.4c26-1.3 44.5-4.7 59.4-10.3 19.3-7.2 34.1-17.7 44.7-31.5s14-34.9 14.93-51.2c.67-14.5-.03-33.2-4.56-43.4zM224 150h32v74h-32zm0 212v-90h32v90zm72-208.1c6 2.5 9.9 7.5 13.8 12.7 4.3 5.7 6.5 13.3 6.5 21.4 0 7.8-2.9 14.5-7.5 20.5-3.8 4.9-6.8 8.3-12.8 11.1zm28.8 186.7c-7.8 6.9-12.3 10.1-22.1 13.8a56.06 56.06 0 01-6.7 1.9v-82.8a40.74 40.74 0 0111.3 3.4c7.8 3.3 15.2 6.9 19.8 13.2a43.82 43.82 0 018 24.7c-.03 10.9-2.83 19.2-10.33 25.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBitcoin.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBitcoin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBitcoin"]}
\ No newline at end of file
diff --git a/lib/LogoBuffer.js b/lib/LogoBuffer.js
index 8e40da710..82278c8e3 100644
--- a/lib/LogoBuffer.js
+++ b/lib/LogoBuffer.js
@@ -49,7 +49,7 @@ var LogoBuffer = function LogoBuffer(props) {
 LogoBuffer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoBuffer.js.map b/lib/LogoBuffer.js.map
index e66e75e91..1c8a6e3a1 100644
--- a/lib/LogoBuffer.js.map
+++ b/lib/LogoBuffer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoBuffer.js"],"names":["LogoBuffer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mOAAR,GAAjK;AAA8Y,8CAAM,GAAE,+UAAR,GAA9Y;AAAuuB,8CAAM,GAAE,+UAAR;AAAvuB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoBuffer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBuffer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M39.93 149.25l197.4 95.32c5.14 2.45 12 3.73 18.79 3.73s13.65-1.28 18.78-3.73l197.4-95.32c10.38-5 10.38-13.18 0-18.2L274.9 35.73c-5.13-2.45-12-3.73-18.78-3.73s-13.65 1.28-18.79 3.73l-197.4 95.32c-10.38 5.02-10.38 13.18 0 18.2z\"/><path d=\"M472.3 246.9s-36.05-17.38-40.83-19.72-6.07-2.21-11.09.12-145.6 70.23-145.6 70.23a45.71 45.71 0 01-18.78 3.74c-6.77 0-13.65-1.29-18.78-3.74 0 0-136.85-66-143.27-69.18C87 225 85 225 78.67 228l-39 18.78c-10.38 5-10.38 13.19 0 18.2L237.1 360.3c5.13 2.45 12 3.73 18.78 3.73s13.65-1.28 18.79-3.73l197.4-95.3c10.61-4.92 10.61-13.08.23-18.1z\"/><path d=\"M472.3 362.75s-36.05-17.38-40.83-19.75-6.07-2.21-11.09.12S274.9 413.5 274.9 413.5a45.74 45.74 0 01-18.78 3.73c-6.77 0-13.65-1.28-18.79-3.73 0 0-136.85-66-143.26-69.18-7-3.39-9-3.39-15.29-.35l-39 18.78c-10.39 5-10.39 13.18 0 18.2l197.4 95.32c5.13 2.56 12 3.73 18.78 3.73s13.65-1.28 18.78-3.73L472.18 381c10.5-5.07 10.5-13.23.12-18.25z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBuffer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBuffer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBuffer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoBuffer.js"],"names":["LogoBuffer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mOAAR,GAAhK;AAA8Y,8CAAM,GAAE,+UAAR,GAA9Y;AAAwuB,8CAAM,GAAE,+UAAR;AAAxuB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoBuffer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoBuffer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M39.93 149.25l197.4 95.32c5.14 2.45 12 3.73 18.79 3.73s13.65-1.28 18.78-3.73l197.4-95.32c10.38-5 10.38-13.18 0-18.2L274.9 35.73c-5.13-2.45-12-3.73-18.78-3.73s-13.65 1.28-18.79 3.73l-197.4 95.32c-10.38 5.02-10.38 13.18 0 18.2z\" /><path d=\"M472.3 246.9s-36.05-17.38-40.83-19.72-6.07-2.21-11.09.12-145.6 70.23-145.6 70.23a45.71 45.71 0 01-18.78 3.74c-6.77 0-13.65-1.29-18.78-3.74 0 0-136.85-66-143.27-69.18C87 225 85 225 78.67 228l-39 18.78c-10.38 5-10.38 13.19 0 18.2L237.1 360.3c5.13 2.45 12 3.73 18.78 3.73s13.65-1.28 18.79-3.73l197.4-95.3c10.61-4.92 10.61-13.08.23-18.1z\" /><path d=\"M472.3 362.75s-36.05-17.38-40.83-19.75-6.07-2.21-11.09.12S274.9 413.5 274.9 413.5a45.74 45.74 0 01-18.78 3.73c-6.77 0-13.65-1.28-18.79-3.73 0 0-136.85-66-143.26-69.18-7-3.39-9-3.39-15.29-.35l-39 18.78c-10.39 5-10.39 13.18 0 18.2l197.4 95.32c5.13 2.56 12 3.73 18.78 3.73s13.65-1.28 18.78-3.73L472.18 381c10.5-5.07 10.5-13.23.12-18.25z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoBuffer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoBuffer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoBuffer"]}
\ No newline at end of file
diff --git a/lib/LogoCapacitor.js b/lib/LogoCapacitor.js
index 443cbe679..46dc69fb5 100644
--- a/lib/LogoCapacitor.js
+++ b/lib/LogoCapacitor.js
@@ -47,7 +47,7 @@ var LogoCapacitor = function LogoCapacitor(props) {
 LogoCapacitor.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoCapacitor.js.map b/lib/LogoCapacitor.js.map
index 9ab62da2c..2ccbbd0e9 100644
--- a/lib/LogoCapacitor.js.map
+++ b/lib/LogoCapacitor.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoCapacitor.js"],"names":["LogoCapacitor","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoCapacitor.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCapacitor = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 101.09L372.37 208.72l106.86 107.06-69.3 69.3-283.22-283.23L196 32.54l107.07 106.88L410.67 32zM32.55 196l69.3-69.31 283.22 283.24-69.3 69.3-107-106.87L101.08 480 32 410.67l107.42-107.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCapacitor.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCapacitor.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCapacitor"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoCapacitor.js"],"names":["LogoCapacitor","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoCapacitor.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCapacitor = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 101.09L372.37 208.72l106.86 107.06-69.3 69.3-283.22-283.23L196 32.54l107.07 106.88L410.67 32zM32.55 196l69.3-69.31 283.22 283.24-69.3 69.3-107-106.87L101.08 480 32 410.67l107.42-107.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCapacitor.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCapacitor.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCapacitor"]}
\ No newline at end of file
diff --git a/lib/LogoChrome.js b/lib/LogoChrome.js
index 2b7d83167..5e30826d4 100644
--- a/lib/LogoChrome.js
+++ b/lib/LogoChrome.js
@@ -50,7 +50,7 @@ var LogoChrome = function LogoChrome(props) {
 LogoChrome.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoChrome.js.map b/lib/LogoChrome.js.map
index e67f00346..0cb272a5d 100644
--- a/lib/LogoChrome.js.map
+++ b/lib/LogoChrome.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoChrome.js"],"names":["LogoChrome","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qEAAR,GAAjK;AAAgP,8CAAM,GAAE,8VAAR,GAAhP;AAAwlB,8CAAM,GAAE,oIAAR,GAAxlB;AAAsuB,8CAAM,GAAE,4NAAR;AAAtuB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoChrome.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoChrome = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M188.8 255.93a67.2 67.2 0 1067.2-67.18 67.38 67.38 0 00-67.2 67.18z\"/><path d=\"M476.75 217.79v.05a206.63 206.63 0 00-7-28.84h-.11a202.16 202.16 0 017.07 29 203.5 203.5 0 00-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 01-12.31 44.73L231 478.45a2.44 2.44 0 010 .27v.28-.26a224 224 0 0025 1.26c6.84 0 13.61-.39 20.3-1a222.91 222.91 0 0029.78-4.74C405.68 451.52 480 362.4 480 255.94a225.25 225.25 0 00-3.25-38.15z\"/><path d=\"M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 00207.4 474.55v-.05l77.69-134.6a84.13 84.13 0 01-29.09 5.6z\"/><path d=\"M91.29 104.57l77.35 133.25A89.19 89.19 0 01256 166h205.17a246.51 246.51 0 00-25.78-43.94l.12.08A245.26 245.26 0 01461.17 166h.17a245.91 245.91 0 00-25.66-44 2.63 2.63 0 01-.35-.26 223.93 223.93 0 00-344.19-17.4l.14.24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoChrome.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoChrome.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoChrome"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoChrome.js"],"names":["LogoChrome","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qEAAR,GAAhK;AAAgP,8CAAM,GAAE,8VAAR,GAAhP;AAAylB,8CAAM,GAAE,oIAAR,GAAzlB;AAAwuB,8CAAM,GAAE,4NAAR;AAAxuB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoChrome.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoChrome = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M188.8 255.93a67.2 67.2 0 1067.2-67.18 67.38 67.38 0 00-67.2 67.18z\" /><path d=\"M476.75 217.79v.05a206.63 206.63 0 00-7-28.84h-.11a202.16 202.16 0 017.07 29 203.5 203.5 0 00-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 01-12.31 44.73L231 478.45a2.44 2.44 0 010 .27v.28-.26a224 224 0 0025 1.26c6.84 0 13.61-.39 20.3-1a222.91 222.91 0 0029.78-4.74C405.68 451.52 480 362.4 480 255.94a225.25 225.25 0 00-3.25-38.15z\" /><path d=\"M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 00207.4 474.55v-.05l77.69-134.6a84.13 84.13 0 01-29.09 5.6z\" /><path d=\"M91.29 104.57l77.35 133.25A89.19 89.19 0 01256 166h205.17a246.51 246.51 0 00-25.78-43.94l.12.08A245.26 245.26 0 01461.17 166h.17a245.91 245.91 0 00-25.66-44 2.63 2.63 0 01-.35-.26 223.93 223.93 0 00-344.19-17.4l.14.24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoChrome.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoChrome.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoChrome"]}
\ No newline at end of file
diff --git a/lib/LogoClosedCaptioning.js b/lib/LogoClosedCaptioning.js
index d7c966ee0..e1d688f2b 100644
--- a/lib/LogoClosedCaptioning.js
+++ b/lib/LogoClosedCaptioning.js
@@ -48,7 +48,7 @@ var LogoClosedCaptioning = function LogoClosedCaptioning(props) {
 LogoClosedCaptioning.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoClosedCaptioning.js.map b/lib/LogoClosedCaptioning.js.map
index 5d12a33be..b74a0e226 100644
--- a/lib/LogoClosedCaptioning.js.map
+++ b/lib/LogoClosedCaptioning.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoClosedCaptioning.js"],"names":["LogoClosedCaptioning","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iTAAR,GAAjK;AAA4d,8CAAM,GAAE,0gCAAR;AAA5d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"LogoClosedCaptioning.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoClosedCaptioning = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 80v352h512V80zm464 175.78c0 25.74-1.6 45.32-3.77 77.22s-19.2 54.34-59.09 57.86-95.77 3.85-145.14 3.74c-49 .11-105.14-.11-145.14-3.74s-56.8-26-59.09-57.86S48 281.52 48 255.78s.11-42.46 3.77-77.22 23-54.12 59.09-57.64 98.28-3.52 145.14-3.52 109 0 145.14 3.52 55.43 23 59.09 57.64 3.77 51.59 3.77 77.22z\"/><path d=\"M367.57 282.84v.77c0 17.93-11.11 28.49-25.95 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49s26.49 12.76 26.49 32.12v.55h49.58c0-24.09-6.05-45.76-18.25-59.4S369.76 153 345.8 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.23 7.96-12.86 18.52-16.86 31.83s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.5 4.62 34 4.62c27.47 0 47.26-7 59.13-20.57S418 305.06 418 279.1h-50.65c.22 0 .22 2.75.22 3.74zM197.3 282.84v.77c0 17.93-11.1 28.49-25.94 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49S198.4 213 198.4 232.35v.55H248c0-24.09-6-45.76-18.25-59.4S199.5 153 175.54 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.26 7.92-12.86 18.48-16.93 31.79s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.51 4.62 34 4.62c27.48 0 47.27-7 59.14-20.57s17.81-33.33 17.81-59.29h-50.78c.22.04.22 2.79.22 3.78z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoClosedCaptioning.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoClosedCaptioning.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoClosedCaptioning"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoClosedCaptioning.js"],"names":["LogoClosedCaptioning","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iTAAR,GAAhK;AAA4d,8CAAM,GAAE,0gCAAR;AAA5d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"LogoClosedCaptioning.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoClosedCaptioning = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 80v352h512V80zm464 175.78c0 25.74-1.6 45.32-3.77 77.22s-19.2 54.34-59.09 57.86-95.77 3.85-145.14 3.74c-49 .11-105.14-.11-145.14-3.74s-56.8-26-59.09-57.86S48 281.52 48 255.78s.11-42.46 3.77-77.22 23-54.12 59.09-57.64 98.28-3.52 145.14-3.52 109 0 145.14 3.52 55.43 23 59.09 57.64 3.77 51.59 3.77 77.22z\" /><path d=\"M367.57 282.84v.77c0 17.93-11.11 28.49-25.95 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49s26.49 12.76 26.49 32.12v.55h49.58c0-24.09-6.05-45.76-18.25-59.4S369.76 153 345.8 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.23 7.96-12.86 18.52-16.86 31.83s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.5 4.62 34 4.62c27.47 0 47.26-7 59.13-20.57S418 305.06 418 279.1h-50.65c.22 0 .22 2.75.22 3.74zM197.3 282.84v.77c0 17.93-11.1 28.49-25.94 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49S198.4 213 198.4 232.35v.55H248c0-24.09-6-45.76-18.25-59.4S199.5 153 175.54 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.26 7.92-12.86 18.48-16.93 31.79s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.51 4.62 34 4.62c27.48 0 47.27-7 59.14-20.57s17.81-33.33 17.81-59.29h-50.78c.22.04.22 2.79.22 3.78z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoClosedCaptioning.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoClosedCaptioning.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoClosedCaptioning"]}
\ No newline at end of file
diff --git a/lib/LogoCodepen.js b/lib/LogoCodepen.js
index cdea35271..a42dff9d5 100644
--- a/lib/LogoCodepen.js
+++ b/lib/LogoCodepen.js
@@ -49,7 +49,7 @@ var LogoCodepen = function LogoCodepen(props) {
 LogoCodepen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoCodepen.js.map b/lib/LogoCodepen.js.map
index 50fc1d7b9..97fbc60ed 100644
--- a/lib/LogoCodepen.js.map
+++ b/lib/LogoCodepen.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoCodepen.js"],"names":["LogoCodepen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,umBAAR,GAAjK;AAAkxB,8CAAM,GAAE,sYAAR,GAAlxB;AAAkqC,8CAAM,GAAE,wKAAR;AAAlqC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoCodepen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCodepen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M241.24 303.94c-15.32-10.36-30.74-20.57-46.06-30.93-2-1.38-3.43-1.48-5.5 0l-38.88 26.12C182 319.9 244 361.32 244 361.32v-53.79c0-1.22-1.55-2.78-2.76-3.59zM195.09 240.67q23.19-15.24 46.11-30.86a7.54 7.54 0 002.8-5.34v-51.7s-62 41.12-93.26 61.94c13.7 9.16 26.67 17.91 39.78 26.44 1.02.66 3.4.28 4.57-.48zM269.84 209.35q23.71 16.07 47.63 31.82a4.3 4.3 0 003.83 0l39.76-26.47L268 152.48v53.35a4.79 4.79 0 001.84 3.52zM258.11 230.37a5.27 5.27 0 00-4.74.17c-4.82 3-9.47 6.2-14.17 9.35-8.25 5.53-25.35 17-25.35 17l38.84 25.86a6.18 6.18 0 006.26.11l39-26s-34.07-22.66-39.84-26.49zM141 237.12v39.61l29.62-19.84L141 237.12z\"/><path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm139 265c0 5.78-2.65 9.86-7.51 13.09q-61.71 41-123.29 82.19c-5.85 3.92-11.17 3.75-17-.14q-61.17-41-122.63-81.67c-5.11-3.39-7.59-7.56-7.59-13.73V217c0-6.14 2.52-10.34 7.62-13.72 40.91-27.13 81.94-54.36 122.73-81.68 5.82-3.89 11.09-4 16.94-.09q61.54 41.21 123.26 82.19c4.68 3.11 7.45 6.95 7.45 12.66z\"/><path d=\"M316.25 273.23q-22.59 15.34-45.39 30.34c-2.41 1.58-2.89 3.31-2.86 6.19v51.34l93-62-38.53-25.88c-2.3-1.61-3.89-1.57-6.22.01zM370 276.68v-39.62l-29.59 19.87L370 276.68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCodepen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCodepen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCodepen"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoCodepen.js"],"names":["LogoCodepen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,umBAAR,GAAhK;AAAkxB,8CAAM,GAAE,sYAAR,GAAlxB;AAAmqC,8CAAM,GAAE,wKAAR;AAAnqC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoCodepen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCodepen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M241.24 303.94c-15.32-10.36-30.74-20.57-46.06-30.93-2-1.38-3.43-1.48-5.5 0l-38.88 26.12C182 319.9 244 361.32 244 361.32v-53.79c0-1.22-1.55-2.78-2.76-3.59zM195.09 240.67q23.19-15.24 46.11-30.86a7.54 7.54 0 002.8-5.34v-51.7s-62 41.12-93.26 61.94c13.7 9.16 26.67 17.91 39.78 26.44 1.02.66 3.4.28 4.57-.48zM269.84 209.35q23.71 16.07 47.63 31.82a4.3 4.3 0 003.83 0l39.76-26.47L268 152.48v53.35a4.79 4.79 0 001.84 3.52zM258.11 230.37a5.27 5.27 0 00-4.74.17c-4.82 3-9.47 6.2-14.17 9.35-8.25 5.53-25.35 17-25.35 17l38.84 25.86a6.18 6.18 0 006.26.11l39-26s-34.07-22.66-39.84-26.49zM141 237.12v39.61l29.62-19.84L141 237.12z\" /><path d=\"M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm139 265c0 5.78-2.65 9.86-7.51 13.09q-61.71 41-123.29 82.19c-5.85 3.92-11.17 3.75-17-.14q-61.17-41-122.63-81.67c-5.11-3.39-7.59-7.56-7.59-13.73V217c0-6.14 2.52-10.34 7.62-13.72 40.91-27.13 81.94-54.36 122.73-81.68 5.82-3.89 11.09-4 16.94-.09q61.54 41.21 123.26 82.19c4.68 3.11 7.45 6.95 7.45 12.66z\" /><path d=\"M316.25 273.23q-22.59 15.34-45.39 30.34c-2.41 1.58-2.89 3.31-2.86 6.19v51.34l93-62-38.53-25.88c-2.3-1.61-3.89-1.57-6.22.01zM370 276.68v-39.62l-29.59 19.87L370 276.68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCodepen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCodepen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCodepen"]}
\ No newline at end of file
diff --git a/lib/LogoCss3.js b/lib/LogoCss3.js
index e54dee809..5d692d5c8 100644
--- a/lib/LogoCss3.js
+++ b/lib/LogoCss3.js
@@ -47,7 +47,7 @@ var LogoCss3 = function LogoCss3(props) {
 LogoCss3.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoCss3.js.map b/lib/LogoCss3.js.map
index fb8123ce7..a6442672b 100644
--- a/lib/LogoCss3.js.map
+++ b/lib/LogoCss3.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoCss3.js"],"names":["LogoCss3","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoCss3.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCss3 = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 32l35 403.22L255.77 480 413 435.15 448 32zm290.68 334.9L256.07 395l-98.46-28.24-6.75-77.76h48.26l3.43 39.56 53.59 15.16.13.28 53.47-14.85 5.64-64.15H203l-4-50h120.65l4.35-51H140l-4-49h240.58z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCss3.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCss3.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCss3"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoCss3.js"],"names":["LogoCss3","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoCss3.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoCss3 = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 32l35 403.22L255.77 480 413 435.15 448 32zm290.68 334.9L256.07 395l-98.46-28.24-6.75-77.76h48.26l3.43 39.56 53.59 15.16.13.28 53.47-14.85 5.64-64.15H203l-4-50h120.65l4.35-51H140l-4-49h240.58z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoCss3.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoCss3.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoCss3"]}
\ No newline at end of file
diff --git a/lib/LogoDesignernews.js b/lib/LogoDesignernews.js
index c7a3d2a06..b0d322454 100644
--- a/lib/LogoDesignernews.js
+++ b/lib/LogoDesignernews.js
@@ -49,7 +49,7 @@ var LogoDesignernews = function LogoDesignernews(props) {
 LogoDesignernews.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDesignernews.js.map b/lib/LogoDesignernews.js.map
index 1eedcc62c..434818777 100644
--- a/lib/LogoDesignernews.js.map
+++ b/lib/LogoDesignernews.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDesignernews.js"],"names":["LogoDesignernews","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iDAAR,GAAjK;AAA4N,8CAAM,GAAE,+LAAR,GAA5N;AAAqa,8CAAM,GAAE,gGAAR;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"LogoDesignernews.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDesignernews = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M295.31 122.8L222.86 64l72.68 122.64-.23-63.84z\"/><path d=\"M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44 11.43 16.68 17.14 36.6 17.14 60.6 0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72z\"/><path d=\"M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDesignernews.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDesignernews.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDesignernews"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDesignernews.js"],"names":["LogoDesignernews","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iDAAR,GAAhK;AAA4N,8CAAM,GAAE,+LAAR,GAA5N;AAAsa,8CAAM,GAAE,gGAAR;AAAta;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"LogoDesignernews.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDesignernews = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M295.31 122.8L222.86 64l72.68 122.64-.23-63.84z\" /><path d=\"M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44 11.43 16.68 17.14 36.6 17.14 60.6 0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72z\" /><path d=\"M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDesignernews.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDesignernews.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDesignernews"]}
\ No newline at end of file
diff --git a/lib/LogoDeviantart.js b/lib/LogoDeviantart.js
index 2d9f875cf..3b21de708 100644
--- a/lib/LogoDeviantart.js
+++ b/lib/LogoDeviantart.js
@@ -47,7 +47,7 @@ var LogoDeviantart = function LogoDeviantart(props) {
 LogoDeviantart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDeviantart.js.map b/lib/LogoDeviantart.js.map
index d2f94e759..53ed6824c 100644
--- a/lib/LogoDeviantart.js.map
+++ b/lib/LogoDeviantart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDeviantart.js"],"names":["LogoDeviantart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoDeviantart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDeviantart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 103.28V16h-89.31l-8.9 8.78-42.15 78.48-13.25 8.74H104v119.85h82.68l7.36 8.71L104 408.72V496h89.3l8.91-8.79 42.14-78.48 13.26-8.73H408V280.13h-82.68l-7.36-8.75L408 103.28z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDeviantart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDeviantart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDeviantart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDeviantart.js"],"names":["LogoDeviantart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoDeviantart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDeviantart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 103.28V16h-89.31l-8.9 8.78-42.15 78.48-13.25 8.74H104v119.85h82.68l7.36 8.71L104 408.72V496h89.3l8.91-8.79 42.14-78.48 13.26-8.73H408V280.13h-82.68l-7.36-8.75L408 103.28z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDeviantart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDeviantart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDeviantart"]}
\ No newline at end of file
diff --git a/lib/LogoDiscord.js b/lib/LogoDiscord.js
index 1c5f1d11f..db47e6efe 100644
--- a/lib/LogoDiscord.js
+++ b/lib/LogoDiscord.js
@@ -48,7 +48,7 @@ var LogoDiscord = function LogoDiscord(props) {
 LogoDiscord.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDiscord.js.map b/lib/LogoDiscord.js.map
index 748e370b5..c88c48dd8 100644
--- a/lib/LogoDiscord.js.map
+++ b/lib/LogoDiscord.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDiscord.js"],"names":["LogoDiscord","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,21BAAR,GAAjK;AAAsgC,8CAAM,GAAE,iPAAR;AAAtgC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoDiscord.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDiscord = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 66.52A50 50 0 00414.12 17L97.64 16A49.65 49.65 0 0048 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44 109 100zM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 01-27.85 14.25 173.31 173.31 0 01-35.11 10.39 170.05 170.05 0 01-62.72-.24 184.45 184.45 0 01-35.59-10.4 141.46 141.46 0 01-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21-.49-.24-.73-.48-1-.48-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81-53.51-1.69-73.85-36.47-73.85-36.47 0-77.06 34.87-139.62 34.87-139.62 34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 014.12-.49 205.62 205.62 0 0148.91-.48 201.62 201.62 0 0172.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62 0-.28-20.35 34.5-73.86 36.19z\"/><path d=\"M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57.25-14.76-10.9-26.57-24.7-26.57zM300.43 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDiscord.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDiscord.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDiscord"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDiscord.js"],"names":["LogoDiscord","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,21BAAR,GAAhK;AAAsgC,8CAAM,GAAE,iPAAR;AAAtgC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoDiscord.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDiscord = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 66.52A50 50 0 00414.12 17L97.64 16A49.65 49.65 0 0048 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44 109 100zM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 01-27.85 14.25 173.31 173.31 0 01-35.11 10.39 170.05 170.05 0 01-62.72-.24 184.45 184.45 0 01-35.59-10.4 141.46 141.46 0 01-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21-.49-.24-.73-.48-1-.48-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81-53.51-1.69-73.85-36.47-73.85-36.47 0-77.06 34.87-139.62 34.87-139.62 34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 014.12-.49 205.62 205.62 0 0148.91-.48 201.62 201.62 0 0172.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62 0-.28-20.35 34.5-73.86 36.19z\" /><path d=\"M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57.25-14.76-10.9-26.57-24.7-26.57zM300.43 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDiscord.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDiscord.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDiscord"]}
\ No newline at end of file
diff --git a/lib/LogoDocker.js b/lib/LogoDocker.js
index 7d3d0b393..f4de7be59 100644
--- a/lib/LogoDocker.js
+++ b/lib/LogoDocker.js
@@ -48,7 +48,7 @@ var LogoDocker = function LogoDocker(props) {
 LogoDocker.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDocker.js.map b/lib/LogoDocker.js.map
index dbefafe22..f1f33cd2c 100644
--- a/lib/LogoDocker.js.map
+++ b/lib/LogoDocker.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDocker.js"],"names":["LogoDocker","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mhBAAR,GAAjK;AAA8rB,8CAAM,GAAE,i2BAAR;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoDocker.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDocker = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M507 211.16c-1.42-1.19-14.25-10.94-41.79-10.94a132.55 132.55 0 00-21.61 1.9c-5.22-36.4-35.38-54-36.57-55l-7.36-4.28-4.75 6.9a101.65 101.65 0 00-13.06 30.45c-5 20.7-1.9 40.2 8.55 56.85-12.59 7.14-33 8.8-37.28 9H15.94A15.93 15.93 0 000 262.07a241.25 241.25 0 0014.75 86.83C26.39 379.35 43.72 402 66 415.74 91.22 431.2 132.3 440 178.6 440a344.23 344.23 0 0062.45-5.71 257.44 257.44 0 0081.69-29.73 223.55 223.55 0 0055.57-45.67c26.83-30.21 42.74-64 54.38-94h4.75c29.21 0 47.26-11.66 57.23-21.65a63.31 63.31 0 0015.2-22.36l2.14-6.18z\"/><path d=\"M47.29 236.37H92.4a4 4 0 004-4v-40.48a4 4 0 00-4-4H47.29a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M109.5 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M172.9 236.37H218a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a3.87 3.87 0 004 4M235.36 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4 4 0 004 4M109.5 178.57h45.12a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.34 4.34 0 004 4M172.9 178.57H218a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a4 4 0 004 4M235.36 178.57h45.12a4.16 4.16 0 004-4v-40.48a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M235.36 120.53h45.12a4 4 0 004-4V76a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.17 4.17 0 004 4M298.28 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDocker.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDocker.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDocker"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDocker.js"],"names":["LogoDocker","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mhBAAR,GAAhK;AAA8rB,8CAAM,GAAE,i2BAAR;AAA9rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoDocker.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDocker = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M507 211.16c-1.42-1.19-14.25-10.94-41.79-10.94a132.55 132.55 0 00-21.61 1.9c-5.22-36.4-35.38-54-36.57-55l-7.36-4.28-4.75 6.9a101.65 101.65 0 00-13.06 30.45c-5 20.7-1.9 40.2 8.55 56.85-12.59 7.14-33 8.8-37.28 9H15.94A15.93 15.93 0 000 262.07a241.25 241.25 0 0014.75 86.83C26.39 379.35 43.72 402 66 415.74 91.22 431.2 132.3 440 178.6 440a344.23 344.23 0 0062.45-5.71 257.44 257.44 0 0081.69-29.73 223.55 223.55 0 0055.57-45.67c26.83-30.21 42.74-64 54.38-94h4.75c29.21 0 47.26-11.66 57.23-21.65a63.31 63.31 0 0015.2-22.36l2.14-6.18z\" /><path d=\"M47.29 236.37H92.4a4 4 0 004-4v-40.48a4 4 0 00-4-4H47.29a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M109.5 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M172.9 236.37H218a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a3.87 3.87 0 004 4M235.36 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4 4 0 004 4M109.5 178.57h45.12a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.34 4.34 0 004 4M172.9 178.57H218a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a4 4 0 004 4M235.36 178.57h45.12a4.16 4.16 0 004-4v-40.48a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M235.36 120.53h45.12a4 4 0 004-4V76a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.17 4.17 0 004 4M298.28 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDocker.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDocker.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDocker"]}
\ No newline at end of file
diff --git a/lib/LogoDribbble.js b/lib/LogoDribbble.js
index 4c73aaca2..67d10d22e 100644
--- a/lib/LogoDribbble.js
+++ b/lib/LogoDribbble.js
@@ -47,7 +47,7 @@ var LogoDribbble = function LogoDribbble(props) {
 LogoDribbble.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDribbble.js.map b/lib/LogoDribbble.js.map
index bda37a235..f9f9285a9 100644
--- a/lib/LogoDribbble.js.map
+++ b/lib/LogoDribbble.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDribbble.js"],"names":["LogoDribbble","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,w/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoDribbble.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDribbble = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.33 32 32 132.33 32 256s100.33 224 224 224 224-100.22 224-224S379.67 32 256 32zm142.22 103.25a186.36 186.36 0 0144 108.38c-40.37-2.1-88.67-2.1-127.4 1.52-4.9-12.37-9.92-24.5-15.4-36.17 44.66-19.36 79.08-44.8 98.8-73.73zM256 69.33a185.81 185.81 0 01119.12 42.94c-20.3 25.66-52.15 48-91.82 64.86C261.6 137 236.63 102.47 210 75.28a187.51 187.51 0 0146-5.95zm-84.47 20.42c26.95 26.83 52.27 61 74.44 101C203.85 203.62 155.55 211 104 211c-9.8 0-19.36-.35-28.81-.94a186.78 186.78 0 0196.34-120.31zM69.68 247.13c10.62.47 21.35.7 32.2.59 58.8-.7 113.52-9.92 160.54-25q6.65 13.83 12.6 28.35a115.43 115.43 0 00-16.69 5c-64.28 27-114.91 70.51-142.33 123.13A186 186 0 0169.33 256c0-3 .12-5.95.35-8.87zM256 442.67a185.57 185.57 0 01-114.45-39.32c24.85-49.23 69.18-90 125.07-115.27 5.25-2.45 12.25-4.43 20.3-6.18q10 27.64 17.85 57.4A678 678 0 01322 430.42a185.06 185.06 0 01-66 12.25zm100.92-29.75a672.61 672.61 0 00-17.39-92.05c-4-15.17-8.51-29.87-13.41-44.22 36.63-3 80.5-2.57 115.38 0a186.5 186.5 0 01-84.58 136.27z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDribbble.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDribbble.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDribbble"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDribbble.js"],"names":["LogoDribbble","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,w/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoDribbble.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDribbble = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.33 32 32 132.33 32 256s100.33 224 224 224 224-100.22 224-224S379.67 32 256 32zm142.22 103.25a186.36 186.36 0 0144 108.38c-40.37-2.1-88.67-2.1-127.4 1.52-4.9-12.37-9.92-24.5-15.4-36.17 44.66-19.36 79.08-44.8 98.8-73.73zM256 69.33a185.81 185.81 0 01119.12 42.94c-20.3 25.66-52.15 48-91.82 64.86C261.6 137 236.63 102.47 210 75.28a187.51 187.51 0 0146-5.95zm-84.47 20.42c26.95 26.83 52.27 61 74.44 101C203.85 203.62 155.55 211 104 211c-9.8 0-19.36-.35-28.81-.94a186.78 186.78 0 0196.34-120.31zM69.68 247.13c10.62.47 21.35.7 32.2.59 58.8-.7 113.52-9.92 160.54-25q6.65 13.83 12.6 28.35a115.43 115.43 0 00-16.69 5c-64.28 27-114.91 70.51-142.33 123.13A186 186 0 0169.33 256c0-3 .12-5.95.35-8.87zM256 442.67a185.57 185.57 0 01-114.45-39.32c24.85-49.23 69.18-90 125.07-115.27 5.25-2.45 12.25-4.43 20.3-6.18q10 27.64 17.85 57.4A678 678 0 01322 430.42a185.06 185.06 0 01-66 12.25zm100.92-29.75a672.61 672.61 0 00-17.39-92.05c-4-15.17-8.51-29.87-13.41-44.22 36.63-3 80.5-2.57 115.38 0a186.5 186.5 0 01-84.58 136.27z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDribbble.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDribbble.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDribbble"]}
\ No newline at end of file
diff --git a/lib/LogoDropbox.js b/lib/LogoDropbox.js
index 5880e592f..711d56929 100644
--- a/lib/LogoDropbox.js
+++ b/lib/LogoDropbox.js
@@ -47,7 +47,7 @@ var LogoDropbox = function LogoDropbox(props) {
 LogoDropbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoDropbox.js.map b/lib/LogoDropbox.js.map
index fadf90b2c..16e49f571 100644
--- a/lib/LogoDropbox.js.map
+++ b/lib/LogoDropbox.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoDropbox.js"],"names":["LogoDropbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoDropbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDropbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.32 126.24l-120.16 78.25 120.16 78.24L136.16 361 16 282.08l120.16-78.24L16 126.24 136.16 48zm-120.8 259.52l120.16-78.25 120.16 78.25L255.68 464zm120.8-103.68l120.16-78.24-120.16-77.6L375.84 48 496 126.24l-120.16 78.25L496 282.73 375.84 361z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDropbox.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDropbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDropbox"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoDropbox.js"],"names":["LogoDropbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoDropbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoDropbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.32 126.24l-120.16 78.25 120.16 78.24L136.16 361 16 282.08l120.16-78.24L16 126.24 136.16 48zm-120.8 259.52l120.16-78.25 120.16 78.25L255.68 464zm120.8-103.68l120.16-78.24-120.16-77.6L375.84 48 496 126.24l-120.16 78.25L496 282.73 375.84 361z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoDropbox.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoDropbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoDropbox"]}
\ No newline at end of file
diff --git a/lib/LogoEdge.js b/lib/LogoEdge.js
index c0af3dc3c..bafc41f04 100644
--- a/lib/LogoEdge.js
+++ b/lib/LogoEdge.js
@@ -47,7 +47,7 @@ var LogoEdge = function LogoEdge(props) {
 LogoEdge.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoEdge.js.map b/lib/LogoEdge.js.map
index e11d3b9ed..b85036057 100644
--- a/lib/LogoEdge.js.map
+++ b/lib/LogoEdge.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoEdge.js"],"names":["LogoEdge","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mbAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoEdge.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoEdge = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.5 15c-132 0-240 108-240 240s108 240 240 240c85.4 0 160.8-45.2 203.3-112.9a6.87 6.87 0 00-9.1-9.7 108.64 108.64 0 01-18.4 8.6c-36.8 12.6-57.1 13.1-82.1 12-27.9-1.2-61.9-10.8-85.8-25s-43.5-34.6-54.1-52.3-17-39.9-14.1-68.3c2.9-29 29.4-52.6 60.4-52.6 33.5 0 60.8 26.6 60.8 60.1 0 17-8.1 31.7-18.5 43.5-2.3 2.1-7.6 9.7 5.8 20 15.9 12.2 51.6 18 79.9 16.6s59.1-12.6 80.2-34.8c16.8-17.7 31.8-46.1 31.8-77.4C495.5 97.7 379.5 15 255.5 15z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoEdge.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoEdge.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoEdge"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoEdge.js"],"names":["LogoEdge","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mbAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoEdge.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoEdge = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M255.5 15c-132 0-240 108-240 240s108 240 240 240c85.4 0 160.8-45.2 203.3-112.9a6.87 6.87 0 00-9.1-9.7 108.64 108.64 0 01-18.4 8.6c-36.8 12.6-57.1 13.1-82.1 12-27.9-1.2-61.9-10.8-85.8-25s-43.5-34.6-54.1-52.3-17-39.9-14.1-68.3c2.9-29 29.4-52.6 60.4-52.6 33.5 0 60.8 26.6 60.8 60.1 0 17-8.1 31.7-18.5 43.5-2.3 2.1-7.6 9.7 5.8 20 15.9 12.2 51.6 18 79.9 16.6s59.1-12.6 80.2-34.8c16.8-17.7 31.8-46.1 31.8-77.4C495.5 97.7 379.5 15 255.5 15z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoEdge.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoEdge.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoEdge"]}
\ No newline at end of file
diff --git a/lib/LogoElectron.js b/lib/LogoElectron.js
index dfeed61e1..37a82aafa 100644
--- a/lib/LogoElectron.js
+++ b/lib/LogoElectron.js
@@ -49,7 +49,7 @@ var LogoElectron = function LogoElectron(props) {
 LogoElectron.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoElectron.js.map b/lib/LogoElectron.js.map
index 5d1211743..48c3fadb9 100644
--- a/lib/LogoElectron.js.map
+++ b/lib/LogoElectron.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoElectron.js"],"names":["LogoElectron","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wrCAAR,GAAjK;AAAm2C,8CAAM,GAAE,+SAAR,GAAn2C;AAA4pD,8CAAM,GAAE,seAAR;AAA5pD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoElectron.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoElectron = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M86.76 255a9.89 9.89 0 004.87-1.29 9.82 9.82 0 003.65-13.43c-16.46-28.56-17.81-52.12-7.45-70 14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0011.45-7.9 9.84 9.84 0 00-7.93-11.44c-29.19-5.28-56-5.18-77.39.3-22.3 5.71-39 17.28-48.45 33.48-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 008.56 4.95zM361.61 143.73c32.24.42 52.61 9.31 62.79 26.86 14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 007.51 16.18 9.88 9.88 0 007.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71 6.14-22 4.43-42.21-5-58.38-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 00-.12 19.66zM326.47 414.89a9.88 9.88 0 00-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 00-12.59-5.92 9.83 9.83 0 00-6 12.58c10 27.77 23.47 50.75 39 66.46 16.11 16.34 34.55 25 53.32 25 27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 00-3.38-13.5zM431.7 338.54a32.14 32.14 0 00-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 00-13.91-.65 9.8 9.8 0 00-.65 13.9c23.79 26 54.68 50.28 89.33 70.18 40.28 23.13 82.27 38.63 121.43 44.81a225.54 225.54 0 0035 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1016.7-59.68zm0 44.66a12.6 12.6 0 01-7.82-2.72 10 10 0 00-2.2-2.21 12.61 12.61 0 1110 4.93z\"/><path d=\"M82.09 338.59c.57-21.26 12.41-47 33.68-73.16 23.19-28.45 56.69-56 94.34-77.65 33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 10-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1019.63-5.31zM80.3 383.2a12.5 12.5 0 1112.59-12.5 12.56 12.56 0 01-12.59 12.5z\"/><path d=\"M256.2 96.32a32.23 32.23 0 0026.53-13.81c17.89 11.69 34 35 45.81 66.12 13 34.39 19.84 75.38 19.84 118.54 0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 00.66 7.49 9.82 9.82 0 005.8 4.84 9.89 9.89 0 0012.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49 0-47.17-7.77-91.77-22.47-129-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 10-32.3 33.31zm0-44.66a12.5 12.5 0 11-12.59 12.5 12.56 12.56 0 0112.59-12.5zM251 243.36a24.35 24.35 0 005.16 48.16 24.68 24.68 0 005.16-.55A24.36 24.36 0 10251 243.36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoElectron.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoElectron.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoElectron"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoElectron.js"],"names":["LogoElectron","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wrCAAR,GAAhK;AAAm2C,8CAAM,GAAE,+SAAR,GAAn2C;AAA6pD,8CAAM,GAAE,seAAR;AAA7pD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoElectron.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoElectron = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M86.76 255a9.89 9.89 0 004.87-1.29 9.82 9.82 0 003.65-13.43c-16.46-28.56-17.81-52.12-7.45-70 14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0011.45-7.9 9.84 9.84 0 00-7.93-11.44c-29.19-5.28-56-5.18-77.39.3-22.3 5.71-39 17.28-48.45 33.48-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 008.56 4.95zM361.61 143.73c32.24.42 52.61 9.31 62.79 26.86 14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 007.51 16.18 9.88 9.88 0 007.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71 6.14-22 4.43-42.21-5-58.38-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 00-.12 19.66zM326.47 414.89a9.88 9.88 0 00-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 00-12.59-5.92 9.83 9.83 0 00-6 12.58c10 27.77 23.47 50.75 39 66.46 16.11 16.34 34.55 25 53.32 25 27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 00-3.38-13.5zM431.7 338.54a32.14 32.14 0 00-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 00-13.91-.65 9.8 9.8 0 00-.65 13.9c23.79 26 54.68 50.28 89.33 70.18 40.28 23.13 82.27 38.63 121.43 44.81a225.54 225.54 0 0035 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1016.7-59.68zm0 44.66a12.6 12.6 0 01-7.82-2.72 10 10 0 00-2.2-2.21 12.61 12.61 0 1110 4.93z\" /><path d=\"M82.09 338.59c.57-21.26 12.41-47 33.68-73.16 23.19-28.45 56.69-56 94.34-77.65 33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 10-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1019.63-5.31zM80.3 383.2a12.5 12.5 0 1112.59-12.5 12.56 12.56 0 01-12.59 12.5z\" /><path d=\"M256.2 96.32a32.23 32.23 0 0026.53-13.81c17.89 11.69 34 35 45.81 66.12 13 34.39 19.84 75.38 19.84 118.54 0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 00.66 7.49 9.82 9.82 0 005.8 4.84 9.89 9.89 0 0012.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49 0-47.17-7.77-91.77-22.47-129-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 10-32.3 33.31zm0-44.66a12.5 12.5 0 11-12.59 12.5 12.56 12.56 0 0112.59-12.5zM251 243.36a24.35 24.35 0 005.16 48.16 24.68 24.68 0 005.16-.55A24.36 24.36 0 10251 243.36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoElectron.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoElectron.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoElectron"]}
\ No newline at end of file
diff --git a/lib/LogoEuro.js b/lib/LogoEuro.js
index ffaed12e7..9ed34115f 100644
--- a/lib/LogoEuro.js
+++ b/lib/LogoEuro.js
@@ -47,7 +47,7 @@ var LogoEuro = function LogoEuro(props) {
 LogoEuro.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoEuro.js.map b/lib/LogoEuro.js.map
index 572d360bd..6cb94d286 100644
--- a/lib/LogoEuro.js.map
+++ b/lib/LogoEuro.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoEuro.js"],"names":["LogoEuro","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoEuro.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoEuro = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M231.8 272v-48H376l8-48H231.8v-8.12c0-38.69 16.47-62.56 87.18-62.56 28.89 0 61.45 2.69 102.5 9.42l10.52-70A508.54 508.54 0 00315.46 32C189.26 32 135 76.4 135 158.46V176H80v48h55v48H80v48h55v33.54C135 435.6 189.23 480 315.43 480a507.76 507.76 0 00116.44-12.78l-10.58-70c-41.05 6.73-73.46 9.42-102.35 9.42-70.7 0-87.14-20.18-87.14-67.94V320h128.47l7.87-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoEuro.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoEuro.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoEuro"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoEuro.js"],"names":["LogoEuro","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoEuro.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoEuro = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M231.8 272v-48H376l8-48H231.8v-8.12c0-38.69 16.47-62.56 87.18-62.56 28.89 0 61.45 2.69 102.5 9.42l10.52-70A508.54 508.54 0 00315.46 32C189.26 32 135 76.4 135 158.46V176H80v48h55v48H80v48h55v33.54C135 435.6 189.23 480 315.43 480a507.76 507.76 0 00116.44-12.78l-10.58-70c-41.05 6.73-73.46 9.42-102.35 9.42-70.7 0-87.14-20.18-87.14-67.94V320h128.47l7.87-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoEuro.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoEuro.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoEuro"]}
\ No newline at end of file
diff --git a/lib/LogoFacebook.js b/lib/LogoFacebook.js
index ff151c72a..998f8bc0b 100644
--- a/lib/LogoFacebook.js
+++ b/lib/LogoFacebook.js
@@ -47,7 +47,7 @@ var LogoFacebook = function LogoFacebook(props) {
 LogoFacebook.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFacebook.js.map b/lib/LogoFacebook.js.map
index 3beed44b2..9f786c476 100644
--- a/lib/LogoFacebook.js.map
+++ b/lib/LogoFacebook.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFacebook.js"],"names":["LogoFacebook","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iSAAR,EAA0S,aAAU,SAApT;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoFacebook.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFacebook = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z\" fill-rule=\"evenodd\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFacebook.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFacebook.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFacebook"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFacebook.js"],"names":["LogoFacebook","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iSAAR,EAA0S,aAAU,SAApT;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoFacebook.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFacebook = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z\" fill-rule=\"evenodd\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFacebook.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFacebook.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFacebook"]}
\ No newline at end of file
diff --git a/lib/LogoFigma.js b/lib/LogoFigma.js
index 8212409a2..e874fd924 100644
--- a/lib/LogoFigma.js
+++ b/lib/LogoFigma.js
@@ -48,7 +48,7 @@ var LogoFigma = function LogoFigma(props) {
 LogoFigma.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFigma.js.map b/lib/LogoFigma.js.map
index 5d0da81ca..0c23d3a41 100644
--- a/lib/LogoFigma.js.map
+++ b/lib/LogoFigma.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFigma.js"],"names":["LogoFigma","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mFAAR,GAAjK;AAA8P,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9P;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoFigma.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFigma = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 176a80 80 0 000-160H176a80 80 0 000 160 80 80 0 000 160 80 80 0 1080 80V176z\"/><circle cx=\"336\" cy=\"256\" r=\"80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFigma.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFigma.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFigma"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFigma.js"],"names":["LogoFigma","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mFAAR,GAAhK;AAA8P,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA9P;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoFigma.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFigma = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 176a80 80 0 000-160H176a80 80 0 000 160 80 80 0 000 160 80 80 0 1080 80V176z\" /><circle cx=\"336\" cy=\"256\" r=\"80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFigma.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFigma.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFigma"]}
\ No newline at end of file
diff --git a/lib/LogoFirebase.js b/lib/LogoFirebase.js
index 4959fbdd7..1fe23f607 100644
--- a/lib/LogoFirebase.js
+++ b/lib/LogoFirebase.js
@@ -47,7 +47,7 @@ var LogoFirebase = function LogoFirebase(props) {
 LogoFirebase.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFirebase.js.map b/lib/LogoFirebase.js.map
index 1403cb851..fb61183bd 100644
--- a/lib/LogoFirebase.js.map
+++ b/lib/LogoFirebase.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFirebase.js"],"names":["LogoFirebase","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoFirebase.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFirebase = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M93.19 329.38l47.45-304.07c1.64-10.37 15.55-12.82 20.46-3.55l51 95.45zM432 400l-46.74-276.79a11 11 0 00-18.54-6L80 400l159.36 91.91a33.18 33.18 0 0031.91 0zM302.36 158.93l-36.54-69.54a10.86 10.86 0 00-19.36 0L85.83 375.74z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFirebase.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFirebase.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFirebase"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFirebase.js"],"names":["LogoFirebase","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoFirebase.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFirebase = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M93.19 329.38l47.45-304.07c1.64-10.37 15.55-12.82 20.46-3.55l51 95.45zM432 400l-46.74-276.79a11 11 0 00-18.54-6L80 400l159.36 91.91a33.18 33.18 0 0031.91 0zM302.36 158.93l-36.54-69.54a10.86 10.86 0 00-19.36 0L85.83 375.74z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFirebase.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFirebase.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFirebase"]}
\ No newline at end of file
diff --git a/lib/LogoFirefox.js b/lib/LogoFirefox.js
index c90733d84..056795d99 100644
--- a/lib/LogoFirefox.js
+++ b/lib/LogoFirefox.js
@@ -47,7 +47,7 @@ var LogoFirefox = function LogoFirefox(props) {
 LogoFirefox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFirefox.js.map b/lib/LogoFirefox.js.map
index 9b116f8c2..ca34f27c7 100644
--- a/lib/LogoFirefox.js.map
+++ b/lib/LogoFirefox.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFirefox.js"],"names":["LogoFirefox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0uBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoFirefox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFirefox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M471.46 194.62v-.07c-.22-.76-.45-1.52-.68-2.28-.05-.19-.11-.38-.17-.56-.43-1.44-.87-2.88-1.33-4.31l-.06-.2a223.24 223.24 0 00-10-25.56 191.77 191.77 0 00-12.9-23.8 225.15 225.15 0 00-74.74-73.74A222.9 222.9 0 00256 32c-7 0-14 .34-20.82 1-24.12 2.54-64.78 11.21-97.77 40.18C257.5 11.86 417.94 85.7 404.29 223c-4.86 49-46.46 82.67-85.19 88.35a73.73 73.73 0 01-20.8.21c-94.59-13.15-88.8-90.68-60.06-123.83-38-.24-67.47 46.79-53.15 93-32.95-61.18.35-157 70.93-186-82.95-12-160.71 28.2-185.7 98.07A330.23 330.23 0 0188.07 118s-45.22 35.74-54.44 110.9c-.14 1.16-.27 2.32-.39 3.49-.05.4-.09.8-.13 1.21q-.53 5.25-.8 10.57v.81c-.07 1.48-.13 3-.17 4.46v1.25c0 1.76-.07 3.52-.07 5.29 0 123.71 100.29 224 224 224S480 379.71 480 256a224 224 0 00-8.54-61.38z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFirefox.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFirefox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFirefox"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFirefox.js"],"names":["LogoFirefox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0uBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoFirefox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFirefox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M471.46 194.62v-.07c-.22-.76-.45-1.52-.68-2.28-.05-.19-.11-.38-.17-.56-.43-1.44-.87-2.88-1.33-4.31l-.06-.2a223.24 223.24 0 00-10-25.56 191.77 191.77 0 00-12.9-23.8 225.15 225.15 0 00-74.74-73.74A222.9 222.9 0 00256 32c-7 0-14 .34-20.82 1-24.12 2.54-64.78 11.21-97.77 40.18C257.5 11.86 417.94 85.7 404.29 223c-4.86 49-46.46 82.67-85.19 88.35a73.73 73.73 0 01-20.8.21c-94.59-13.15-88.8-90.68-60.06-123.83-38-.24-67.47 46.79-53.15 93-32.95-61.18.35-157 70.93-186-82.95-12-160.71 28.2-185.7 98.07A330.23 330.23 0 0188.07 118s-45.22 35.74-54.44 110.9c-.14 1.16-.27 2.32-.39 3.49-.05.4-.09.8-.13 1.21q-.53 5.25-.8 10.57v.81c-.07 1.48-.13 3-.17 4.46v1.25c0 1.76-.07 3.52-.07 5.29 0 123.71 100.29 224 224 224S480 379.71 480 256a224 224 0 00-8.54-61.38z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFirefox.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFirefox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFirefox"]}
\ No newline at end of file
diff --git a/lib/LogoFlickr.js b/lib/LogoFlickr.js
index 7a9280911..7a4084648 100644
--- a/lib/LogoFlickr.js
+++ b/lib/LogoFlickr.js
@@ -47,7 +47,7 @@ var LogoFlickr = function LogoFlickr(props) {
 LogoFlickr.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFlickr.js.map b/lib/LogoFlickr.js.map
index 79ef79abb..5ac34f568 100644
--- a/lib/LogoFlickr.js.map
+++ b/lib/LogoFlickr.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFlickr.js"],"names":["LogoFlickr","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoFlickr.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFlickr = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.8 32 32 132.8 32 256s100.8 224 224 224 224-100.8 224-224S379.2 32 256 32zm-82.16 280A56 56 0 11228 257.84 56 56 0 01173.84 312zm168 0A56 56 0 11396 257.84 56 56 0 01341.84 312z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFlickr.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFlickr.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFlickr"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFlickr.js"],"names":["LogoFlickr","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoFlickr.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFlickr = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.8 32 32 132.8 32 256s100.8 224 224 224 224-100.8 224-224S379.2 32 256 32zm-82.16 280A56 56 0 11228 257.84 56 56 0 01173.84 312zm168 0A56 56 0 11396 257.84 56 56 0 01341.84 312z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFlickr.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFlickr.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFlickr"]}
\ No newline at end of file
diff --git a/lib/LogoFoursquare.js b/lib/LogoFoursquare.js
index 30f1e70ef..2d8050b2c 100644
--- a/lib/LogoFoursquare.js
+++ b/lib/LogoFoursquare.js
@@ -47,7 +47,7 @@ var LogoFoursquare = function LogoFoursquare(props) {
 LogoFoursquare.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoFoursquare.js.map b/lib/LogoFoursquare.js.map
index 6ce92516e..b60c6ec61 100644
--- a/lib/LogoFoursquare.js.map
+++ b/lib/LogoFoursquare.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoFoursquare.js"],"names":["LogoFoursquare","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2pBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoFoursquare.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFoursquare = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83 2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75 2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32zm-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0111.81 15.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFoursquare.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFoursquare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFoursquare"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoFoursquare.js"],"names":["LogoFoursquare","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2pBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoFoursquare.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoFoursquare = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83 2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75 2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32zm-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0111.81 15.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoFoursquare.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoFoursquare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoFoursquare"]}
\ No newline at end of file
diff --git a/lib/LogoGithub.js b/lib/LogoGithub.js
index fbd877b5d..95b36d3a6 100644
--- a/lib/LogoGithub.js
+++ b/lib/LogoGithub.js
@@ -47,7 +47,7 @@ var LogoGithub = function LogoGithub(props) {
 LogoGithub.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoGithub.js.map b/lib/LogoGithub.js.map
index 29b6412e3..25c436d55 100644
--- a/lib/LogoGithub.js.map
+++ b/lib/LogoGithub.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoGithub.js"],"names":["LogoGithub","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8wBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGithub.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGithub = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGithub.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGithub.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGithub"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoGithub.js"],"names":["LogoGithub","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8wBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGithub.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGithub = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGithub.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGithub.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGithub"]}
\ No newline at end of file
diff --git a/lib/LogoGitlab.js b/lib/LogoGitlab.js
index bf5d045e3..3df8a6de4 100644
--- a/lib/LogoGitlab.js
+++ b/lib/LogoGitlab.js
@@ -47,7 +47,7 @@ var LogoGitlab = function LogoGitlab(props) {
 LogoGitlab.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoGitlab.js.map b/lib/LogoGitlab.js.map
index 54a5c4030..be6c25dd9 100644
--- a/lib/LogoGitlab.js.map
+++ b/lib/LogoGitlab.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoGitlab.js"],"names":["LogoGitlab","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,urBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGitlab.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGitlab = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M494.07 281.6l-25.18-78.08a11 11 0 00-.61-2.1l-50.5-156.94a20.08 20.08 0 00-19.17-13.82 19.77 19.77 0 00-18.95 13.94l-48.14 149.55h-152L131.34 44.59a19.76 19.76 0 00-18.86-13.94h-.11a20.15 20.15 0 00-19.12 14L42.7 201.73c0 .14-.11.26-.16.4l-25.63 79.48a29.15 29.15 0 0010.44 32.46l221.44 162.41a11.25 11.25 0 0013.38-.07l221.48-162.34a29.13 29.13 0 0010.42-32.47m-331-64.51l61.73 191.76L76.63 217.09m209.64 191.8l59.19-183.84 2.55-8h86.52L300.47 390.44M398.8 59.31l43.37 134.83h-86.82M324.16 217l-43 133.58-25.66 79.56L186.94 217M112.27 59.31l43.46 134.83H69M40.68 295.58a6.19 6.19 0 01-2.21-6.9l19-59 139.61 180.59m273.26-114.69L313.92 410.22l.52-.69L453.5 229.64l19 59a6.2 6.2 0 01-2.19 6.92\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGitlab.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGitlab.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGitlab"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoGitlab.js"],"names":["LogoGitlab","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,urBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGitlab.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGitlab = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M494.07 281.6l-25.18-78.08a11 11 0 00-.61-2.1l-50.5-156.94a20.08 20.08 0 00-19.17-13.82 19.77 19.77 0 00-18.95 13.94l-48.14 149.55h-152L131.34 44.59a19.76 19.76 0 00-18.86-13.94h-.11a20.15 20.15 0 00-19.12 14L42.7 201.73c0 .14-.11.26-.16.4l-25.63 79.48a29.15 29.15 0 0010.44 32.46l221.44 162.41a11.25 11.25 0 0013.38-.07l221.48-162.34a29.13 29.13 0 0010.42-32.47m-331-64.51l61.73 191.76L76.63 217.09m209.64 191.8l59.19-183.84 2.55-8h86.52L300.47 390.44M398.8 59.31l43.37 134.83h-86.82M324.16 217l-43 133.58-25.66 79.56L186.94 217M112.27 59.31l43.46 134.83H69M40.68 295.58a6.19 6.19 0 01-2.21-6.9l19-59 139.61 180.59m273.26-114.69L313.92 410.22l.52-.69L453.5 229.64l19 59a6.2 6.2 0 01-2.19 6.92\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGitlab.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGitlab.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGitlab"]}
\ No newline at end of file
diff --git a/lib/LogoGoogle.js b/lib/LogoGoogle.js
index 4ff364b33..154d92922 100644
--- a/lib/LogoGoogle.js
+++ b/lib/LogoGoogle.js
@@ -47,7 +47,7 @@ var LogoGoogle = function LogoGoogle(props) {
 LogoGoogle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoGoogle.js.map b/lib/LogoGoogle.js.map
index 50bff7048..f88f9cf32 100644
--- a/lib/LogoGoogle.js.map
+++ b/lib/LogoGoogle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoGoogle.js"],"names":["LogoGoogle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,weAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGoogle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGoogle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 01-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4 57.73 0 112.45-22.62 151.45-63.66 38.34-40.4 58.17-96.3 58.17-154.9 0-24.67-2.48-39.32-2.59-39.96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGoogle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGoogle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGoogle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoGoogle.js"],"names":["LogoGoogle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,weAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoGoogle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGoogle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 01-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4 57.73 0 112.45-22.62 151.45-63.66 38.34-40.4 58.17-96.3 58.17-154.9 0-24.67-2.48-39.32-2.59-39.96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGoogle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGoogle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGoogle"]}
\ No newline at end of file
diff --git a/lib/LogoGooglePlaystore.js b/lib/LogoGooglePlaystore.js
index 0a67e2f1c..71e035e9c 100644
--- a/lib/LogoGooglePlaystore.js
+++ b/lib/LogoGooglePlaystore.js
@@ -47,7 +47,7 @@ var LogoGooglePlaystore = function LogoGooglePlaystore(props) {
 LogoGooglePlaystore.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoGooglePlaystore.js.map b/lib/LogoGooglePlaystore.js.map
index c91f96927..e13138522 100644
--- a/lib/LogoGooglePlaystore.js.map
+++ b/lib/LogoGooglePlaystore.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoGooglePlaystore.js"],"names":["LogoGooglePlaystore","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2TAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"LogoGooglePlaystore.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGooglePlaystore = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 59.49v393a4.33 4.33 0 007.37 3.07L260 256 55.37 56.42A4.33 4.33 0 0048 59.49zM345.8 174L89.22 32.64l-.16-.09c-4.42-2.4-8.62 3.58-5 7.06l201.13 192.32zM84.08 472.39c-3.64 3.48.56 9.46 5 7.06l.16-.09L345.8 338l-60.61-57.95zM449.38 231l-71.65-39.46L310.36 256l67.37 64.43L449.38 281c19.49-10.77 19.49-39.23 0-50z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGooglePlaystore.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGooglePlaystore.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGooglePlaystore"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoGooglePlaystore.js"],"names":["LogoGooglePlaystore","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2TAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"LogoGooglePlaystore.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoGooglePlaystore = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 59.49v393a4.33 4.33 0 007.37 3.07L260 256 55.37 56.42A4.33 4.33 0 0048 59.49zM345.8 174L89.22 32.64l-.16-.09c-4.42-2.4-8.62 3.58-5 7.06l201.13 192.32zM84.08 472.39c-3.64 3.48.56 9.46 5 7.06l.16-.09L345.8 338l-60.61-57.95zM449.38 231l-71.65-39.46L310.36 256l67.37 64.43L449.38 281c19.49-10.77 19.49-39.23 0-50z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoGooglePlaystore.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoGooglePlaystore.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoGooglePlaystore"]}
\ No newline at end of file
diff --git a/lib/LogoHackernews.js b/lib/LogoHackernews.js
index 273485a54..d3c3d7f27 100644
--- a/lib/LogoHackernews.js
+++ b/lib/LogoHackernews.js
@@ -47,7 +47,7 @@ var LogoHackernews = function LogoHackernews(props) {
 LogoHackernews.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoHackernews.js.map b/lib/LogoHackernews.js.map
index ce910f8b1..8ddfa42ac 100644
--- a/lib/LogoHackernews.js.map
+++ b/lib/LogoHackernews.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoHackernews.js"],"names":["LogoHackernews","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoHackernews.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoHackernews = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v448h448V32zm249.67 250.83v84H235v-84l-77-140h55l46.32 97.54 44.33-97.54h52.73z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoHackernews.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoHackernews.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoHackernews"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoHackernews.js"],"names":["LogoHackernews","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoHackernews.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoHackernews = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v448h448V32zm249.67 250.83v84H235v-84l-77-140h55l46.32 97.54 44.33-97.54h52.73z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoHackernews.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoHackernews.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoHackernews"]}
\ No newline at end of file
diff --git a/lib/LogoHtml5.js b/lib/LogoHtml5.js
index 6b0686315..3817cf727 100644
--- a/lib/LogoHtml5.js
+++ b/lib/LogoHtml5.js
@@ -47,7 +47,7 @@ var LogoHtml5 = function LogoHtml5(props) {
 LogoHtml5.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoHtml5.js.map b/lib/LogoHtml5.js.map
index 0e9bf2b5b..11fc2152a 100644
--- a/lib/LogoHtml5.js.map
+++ b/lib/LogoHtml5.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoHtml5.js"],"names":["LogoHtml5","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoHtml5.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoHtml5 = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 32l34.94 403.21L255.77 480 413 435.15 448 32zm308 132H188l4 51h176l-13.51 151.39L256 394.48l-98.68-28-6.78-77.48h48.26l3.42 39.29L256 343.07l53.42-14.92L315 264H148l-12.59-149.59H376.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoHtml5.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoHtml5.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoHtml5"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoHtml5.js"],"names":["LogoHtml5","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoHtml5.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoHtml5 = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 32l34.94 403.21L255.77 480 413 435.15 448 32zm308 132H188l4 51h176l-13.51 151.39L256 394.48l-98.68-28-6.78-77.48h48.26l3.42 39.29L256 343.07l53.42-14.92L315 264H148l-12.59-149.59H376.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoHtml5.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoHtml5.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoHtml5"]}
\ No newline at end of file
diff --git a/lib/LogoInstagram.js b/lib/LogoInstagram.js
index 0cf55ee5b..318557bbd 100644
--- a/lib/LogoInstagram.js
+++ b/lib/LogoInstagram.js
@@ -48,7 +48,7 @@ var LogoInstagram = function LogoInstagram(props) {
 LogoInstagram.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoInstagram.js.map b/lib/LogoInstagram.js.map
index e39c40e5c..174e91a92 100644
--- a/lib/LogoInstagram.js.map
+++ b/lib/LogoInstagram.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoInstagram.js"],"names":["LogoInstagram","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oTAAR,GAAjK;AAA+d,8CAAM,GAAE,2KAAR;AAA/d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoInstagram.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoInstagram = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z\"/><path d=\"M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoInstagram.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoInstagram.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoInstagram"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoInstagram.js"],"names":["LogoInstagram","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oTAAR,GAAhK;AAA+d,8CAAM,GAAE,2KAAR;AAA/d;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoInstagram.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoInstagram = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z\" /><path d=\"M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoInstagram.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoInstagram.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoInstagram"]}
\ No newline at end of file
diff --git a/lib/LogoIonic.js b/lib/LogoIonic.js
index 2c7aaab9a..36e589b25 100644
--- a/lib/LogoIonic.js
+++ b/lib/LogoIonic.js
@@ -49,7 +49,7 @@ var LogoIonic = function LogoIonic(props) {
 LogoIonic.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoIonic.js.map b/lib/LogoIonic.js.map
index 011bc03d0..3216e9df6 100644
--- a/lib/LogoIonic.js.map
+++ b/lib/LogoIonic.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoIonic.js"],"names":["LogoIonic","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mEAAR,GAAjK;AAA8O,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,OAAlC,GAA9O;AAAyR,8CAAM,GAAE,yXAAR;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoIonic.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoIonic = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 153.9A102.1 102.1 0 10358.1 256 102.23 102.23 0 00256 153.9z\"/><circle cx=\"402.59\" cy=\"116.45\" r=\"46.52\"/><path d=\"M459.86 163.2l-1.95-4.28-3.11 3.52a70 70 0 01-28.06 19.32l-3 1.1 1.22 2.93A181.43 181.43 0 01439 256c0 100.92-82.1 183-183 183S73 356.92 73 256 155.08 73 256 73a180.94 180.94 0 0178.43 17.7l2.87 1.3 1.25-2.92A70.19 70.19 0 01359.21 62l3.67-2.93-4.17-2.07A221.61 221.61 0 00256 32C132.49 32 32 132.49 32 256s100.49 224 224 224 224-100.49 224-224a222.19 222.19 0 00-20.14-92.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoIonic.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoIonic.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoIonic"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoIonic.js"],"names":["LogoIonic","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mEAAR,GAAhK;AAA8O,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,OAAlC,GAA9O;AAA0R,8CAAM,GAAE,yXAAR;AAA1R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoIonic.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoIonic = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 153.9A102.1 102.1 0 10358.1 256 102.23 102.23 0 00256 153.9z\" /><circle cx=\"402.59\" cy=\"116.45\" r=\"46.52\" /><path d=\"M459.86 163.2l-1.95-4.28-3.11 3.52a70 70 0 01-28.06 19.32l-3 1.1 1.22 2.93A181.43 181.43 0 01439 256c0 100.92-82.1 183-183 183S73 356.92 73 256 155.08 73 256 73a180.94 180.94 0 0178.43 17.7l2.87 1.3 1.25-2.92A70.19 70.19 0 01359.21 62l3.67-2.93-4.17-2.07A221.61 221.61 0 00256 32C132.49 32 32 132.49 32 256s100.49 224 224 224 224-100.49 224-224a222.19 222.19 0 00-20.14-92.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoIonic.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoIonic.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoIonic"]}
\ No newline at end of file
diff --git a/lib/LogoIonitron.js b/lib/LogoIonitron.js
index 435411810..623e48376 100644
--- a/lib/LogoIonitron.js
+++ b/lib/LogoIonitron.js
@@ -48,7 +48,7 @@ var LogoIonitron = function LogoIonitron(props) {
 LogoIonitron.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoIonitron.js.map b/lib/LogoIonitron.js.map
index 6d3642cc3..6bde31975 100644
--- a/lib/LogoIonitron.js.map
+++ b/lib/LogoIonitron.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoIonitron.js"],"names":["LogoIonitron","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,orBAAR,GAAjK;AAA+1B,8CAAM,GAAE,qoCAAR;AAA/1B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoIonitron.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoIonitron = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M468.41 269.19c-2.64-33.39-11.76-58-31.44-57.39a1 1 0 00-.92 1.37c5.11 12.59 9.68 36.9 9.17 58.07a1 1 0 01-2 .08c-2.19-21.21-7.1-41.19-16.22-59.43a186.69 186.69 0 00-348.91 41 4 4 0 01-3.33 3.11l-8.65 1.22c-17.2 2.4-26.9 34.9-21.7 72.5s23.5 66.2 40.7 63.8l13.24-1.85a4 4 0 013.93 1.84 186.71 186.71 0 00339-56.07 4 4 0 013.68-3.08l4.4-.24c15.15-2.53 21.75-31.23 19.05-64.93zM94.5 270.42a1 1 0 011.59-1.19c9.63 10 20.25 27.65 23.32 49.86 3.24 23.05-2.24 45.2-9.13 57.87a1 1 0 01-1.84-.73c4.07-14.44 5.16-33.83 2.27-54.74-2.8-20.32-8.71-38.27-16.21-51.07zm178.77 109.79a15.53 15.53 0 01-15.41-13.83 15.48 15.48 0 1115.41 13.83zm81.84-4.72a15.37 15.37 0 1114.6-16.2 15.43 15.43 0 01-14.6 16.2z\"/><path d=\"M165.51 70a.31.31 0 01.1.2c.1.2.2.3.3.5v.1a5.78 5.78 0 002.3 2.7c2 1.5 5 2.4 8.6 3a63.69 63.69 0 0011.9.5 28.25 28.25 0 002.9-.2c-.4-.4-.8-.9-1.2-1.3h-1.3a52 52 0 01-11.6-.9 19.71 19.71 0 01-8.4-3.4 9.24 9.24 0 01-1.4-1.4 4.48 4.48 0 010-2.3c.5-2.3 2.4-4.8 5.5-7.4a57.25 57.25 0 0110.9-7c.9-.4 1.7-.9 2.6-1.3.1-.1.3-.1.5-.2a24.69 24.69 0 00-.2 10.5c2.3 11.9 11.6 20.3 23.2 20.6l4 24.3 12.7-3-4-23.3c10.8-4.6 16.3-16.1 14-28a25.8 25.8 0 00-3.9-9.5c-5.3-.8-15.6-.8-29.2 2.1 1.1-.3 2.1-.7 3.2-1a135.27 135.27 0 0121.5-4.2c.6-.1 1.2-.1 1.8-.2l3.5-.3h.6a61.83 61.83 0 0110.8.3 29 29 0 016.1 1.4 5.71 5.71 0 00-.9 3.2 6.12 6.12 0 004.3 5.8 25.53 25.53 0 01-2.1 2.8 26 26 0 01-2.9 2.8c-1.1.9-2.3 1.8-3.5 2.7l-6.5 3.8-.3 1.5a.35.35 0 00.2-.1l8.4-4.7c1.2-.8 2.4-1.6 3.4-2.4a29.15 29.15 0 003.2-2.8 29.86 29.86 0 002.4-2.8l.3-.6a6.14 6.14 0 005.4-6 6.06 6.06 0 00-6.1-6.1 6.81 6.81 0 00-2.8.7 24.6 24.6 0 00-8.2-2.7 63.48 63.48 0 00-15.5-.6 14.92 14.92 0 00-2.1.2 13.55 13.55 0 01-2 .2 25.15 25.15 0 00-18.7-3.7 25.86 25.86 0 00-17.8 13c-1.3.5-2.6 1.1-3.8 1.7-.7.3-1.3.6-2 .9a60.75 60.75 0 00-13.9 9.1c-3.1 2.9-4.9 5.7-5.3 8.3a6.14 6.14 0 00.7 4 2.19 2.19 0 01.3.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoIonitron.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoIonitron.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoIonitron"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoIonitron.js"],"names":["LogoIonitron","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,orBAAR,GAAhK;AAA+1B,8CAAM,GAAE,qoCAAR;AAA/1B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoIonitron.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoIonitron = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M468.41 269.19c-2.64-33.39-11.76-58-31.44-57.39a1 1 0 00-.92 1.37c5.11 12.59 9.68 36.9 9.17 58.07a1 1 0 01-2 .08c-2.19-21.21-7.1-41.19-16.22-59.43a186.69 186.69 0 00-348.91 41 4 4 0 01-3.33 3.11l-8.65 1.22c-17.2 2.4-26.9 34.9-21.7 72.5s23.5 66.2 40.7 63.8l13.24-1.85a4 4 0 013.93 1.84 186.71 186.71 0 00339-56.07 4 4 0 013.68-3.08l4.4-.24c15.15-2.53 21.75-31.23 19.05-64.93zM94.5 270.42a1 1 0 011.59-1.19c9.63 10 20.25 27.65 23.32 49.86 3.24 23.05-2.24 45.2-9.13 57.87a1 1 0 01-1.84-.73c4.07-14.44 5.16-33.83 2.27-54.74-2.8-20.32-8.71-38.27-16.21-51.07zm178.77 109.79a15.53 15.53 0 01-15.41-13.83 15.48 15.48 0 1115.41 13.83zm81.84-4.72a15.37 15.37 0 1114.6-16.2 15.43 15.43 0 01-14.6 16.2z\" /><path d=\"M165.51 70a.31.31 0 01.1.2c.1.2.2.3.3.5v.1a5.78 5.78 0 002.3 2.7c2 1.5 5 2.4 8.6 3a63.69 63.69 0 0011.9.5 28.25 28.25 0 002.9-.2c-.4-.4-.8-.9-1.2-1.3h-1.3a52 52 0 01-11.6-.9 19.71 19.71 0 01-8.4-3.4 9.24 9.24 0 01-1.4-1.4 4.48 4.48 0 010-2.3c.5-2.3 2.4-4.8 5.5-7.4a57.25 57.25 0 0110.9-7c.9-.4 1.7-.9 2.6-1.3.1-.1.3-.1.5-.2a24.69 24.69 0 00-.2 10.5c2.3 11.9 11.6 20.3 23.2 20.6l4 24.3 12.7-3-4-23.3c10.8-4.6 16.3-16.1 14-28a25.8 25.8 0 00-3.9-9.5c-5.3-.8-15.6-.8-29.2 2.1 1.1-.3 2.1-.7 3.2-1a135.27 135.27 0 0121.5-4.2c.6-.1 1.2-.1 1.8-.2l3.5-.3h.6a61.83 61.83 0 0110.8.3 29 29 0 016.1 1.4 5.71 5.71 0 00-.9 3.2 6.12 6.12 0 004.3 5.8 25.53 25.53 0 01-2.1 2.8 26 26 0 01-2.9 2.8c-1.1.9-2.3 1.8-3.5 2.7l-6.5 3.8-.3 1.5a.35.35 0 00.2-.1l8.4-4.7c1.2-.8 2.4-1.6 3.4-2.4a29.15 29.15 0 003.2-2.8 29.86 29.86 0 002.4-2.8l.3-.6a6.14 6.14 0 005.4-6 6.06 6.06 0 00-6.1-6.1 6.81 6.81 0 00-2.8.7 24.6 24.6 0 00-8.2-2.7 63.48 63.48 0 00-15.5-.6 14.92 14.92 0 00-2.1.2 13.55 13.55 0 01-2 .2 25.15 25.15 0 00-18.7-3.7 25.86 25.86 0 00-17.8 13c-1.3.5-2.6 1.1-3.8 1.7-.7.3-1.3.6-2 .9a60.75 60.75 0 00-13.9 9.1c-3.1 2.9-4.9 5.7-5.3 8.3a6.14 6.14 0 00.7 4 2.19 2.19 0 01.3.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoIonitron.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoIonitron.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoIonitron"]}
\ No newline at end of file
diff --git a/lib/LogoJavascript.js b/lib/LogoJavascript.js
index 112ba836b..382e4df11 100644
--- a/lib/LogoJavascript.js
+++ b/lib/LogoJavascript.js
@@ -47,7 +47,7 @@ var LogoJavascript = function LogoJavascript(props) {
 LogoJavascript.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoJavascript.js.map b/lib/LogoJavascript.js.map
index 5610399c0..c2975837e 100644
--- a/lib/LogoJavascript.js.map
+++ b/lib/LogoJavascript.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoJavascript.js"],"names":["LogoJavascript","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,olBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoJavascript.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoJavascript = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v448h448V32zm240 348c0 43.61-25.76 64.87-63.05 64.87-33.68 0-53.23-17.44-63.15-38.49l34.28-20.75c6.61 11.73 11.63 21.65 26.06 21.65 12 0 21.86-5.41 21.86-26.46V240h44zm99.35 63.87c-39.09 0-64.35-17.64-76.68-42L329 382c9 14.74 20.75 24.56 41.5 24.56 17.44 0 27.57-7.72 27.57-19.75 0-14.43-10.43-19.54-29.68-28l-10.52-4.52c-30.38-12.92-50.52-29.16-50.52-63.45 0-31.57 24.05-54.63 61.64-54.63 26.77 0 46 8.32 59.85 32.68L396 290c-7.22-12.93-15-18-27.06-18-12.33 0-20.15 7.82-20.15 18 0 12.63 7.82 17.74 25.86 25.56l10.52 4.51c35.79 15.34 55.94 31 55.94 66.16.01 37.9-29.76 57.64-69.76 57.64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoJavascript.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoJavascript.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoJavascript"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoJavascript.js"],"names":["LogoJavascript","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,olBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoJavascript.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoJavascript = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 32v448h448V32zm240 348c0 43.61-25.76 64.87-63.05 64.87-33.68 0-53.23-17.44-63.15-38.49l34.28-20.75c6.61 11.73 11.63 21.65 26.06 21.65 12 0 21.86-5.41 21.86-26.46V240h44zm99.35 63.87c-39.09 0-64.35-17.64-76.68-42L329 382c9 14.74 20.75 24.56 41.5 24.56 17.44 0 27.57-7.72 27.57-19.75 0-14.43-10.43-19.54-29.68-28l-10.52-4.52c-30.38-12.92-50.52-29.16-50.52-63.45 0-31.57 24.05-54.63 61.64-54.63 26.77 0 46 8.32 59.85 32.68L396 290c-7.22-12.93-15-18-27.06-18-12.33 0-20.15 7.82-20.15 18 0 12.63 7.82 17.74 25.86 25.56l10.52 4.51c35.79 15.34 55.94 31 55.94 66.16.01 37.9-29.76 57.64-69.76 57.64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoJavascript.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoJavascript.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoJavascript"]}
\ No newline at end of file
diff --git a/lib/LogoLaravel.js b/lib/LogoLaravel.js
index ac16ea3ae..ca59b0868 100644
--- a/lib/LogoLaravel.js
+++ b/lib/LogoLaravel.js
@@ -47,7 +47,7 @@ var LogoLaravel = function LogoLaravel(props) {
 LogoLaravel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoLaravel.js.map b/lib/LogoLaravel.js.map
index 4e1c61762..4009f01d3 100644
--- a/lib/LogoLaravel.js.map
+++ b/lib/LogoLaravel.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoLaravel.js"],"names":["LogoLaravel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+nDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoLaravel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoLaravel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M505.57 234.62c-3.28-3.53-26.82-32.29-39.51-47.79-6.75-8.24-12.08-14.75-14.32-17.45l-.18-.22-.2-.21c-5.22-5.83-12.64-12.51-23.78-12.51a39.78 39.78 0 00-5.41.44c-.37.05-.75.11-1.15.15-2.45.27-10.06 1.5-28.14 4.48-14 2.29-35.11 5.77-38.31 6.07l-.71.06-.69.13c-10 1.78-16.62 6.22-19.56 13.19-1.55 3.68-3.22 11.15 2.94 19.86 1.53 2.22 6.83 9.56 15.94 22.17 6.06 8.4 12.87 17.82 18.75 26L259.9 275 150.66 96.05l-.2-.34-.23-.33-.44-.65C145.32 88.17 139.76 80 123.7 80c-1.13 0-2.31 0-3.63.11-4.6.25-21.42 1.57-40.89 3.11-21.49 1.69-50.9 4-54.72 4.1h-.73l-.79.08c-9.14.89-15.77 4.6-19.7 11-6.55 10.69-1.42 22.69.26 26.63C6.87 133 37.56 197.7 64.63 254.81c18 37.94 36.58 77.17 38.1 80.65a34.85 34.85 0 0032.94 21.59 46.62 46.62 0 009.86-1.1h.21l.2-.05c13.86-3.38 57.83-14.54 89.2-22.59 1.9 3.32 3.9 6.83 6 10.44 21.93 38.5 37.9 66.35 43.16 73.46C287 421 295 432 310.06 432c5.46 0 10.46-1.4 15.74-2.89l1.53-.43h.12c10.53-3 150.69-52.16 157.87-55.35l.22-.1c5.44-2.41 13.66-6.05 16.18-15.4 1.65-6.12.18-12.33-4.38-18.46l-.07-.09-.07-.09c-.85-1.1-4-5.21-8.27-10.9-9.13-12.07-23.88-31.57-36.84-48.54 17.37-4.5 38.8-10.11 43.38-11.55 11.47-3.43 14.94-10.69 16-14.73.79-3.15 1.82-11.2-5.9-18.85zm-320 58.19c-17.81 4.17-30.22 7.08-37.89 8.9-6.67-13.34-19.74-39.65-32.5-65.33-29.74-59.92-45.1-90.77-53.18-106.9l8.15-.7c13.34-1.15 31.61-2.72 41.78-3.57 16.76 28.26 74.32 125.3 96.3 162.3zM427.58 172zM310.06 416.4zm53.67-56.95c-24.21 8-37.33 12.37-44.42 14.74-6.3-10.34-20.16-33.52-32.47-54.19l115.7-29.48c5 6.81 14.57 19.72 33.46 44.93-18.07 6.04-48.2 16.02-72.27 24zm55.87-121.63l-23.76-31.53c13.67-2.39 21.54-3.77 26.15-4.6l12 14.88 11.94 14.82c-8.2 1.99-17.74 4.32-26.33 6.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoLaravel.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoLaravel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoLaravel"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoLaravel.js"],"names":["LogoLaravel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+nDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoLaravel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoLaravel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M505.57 234.62c-3.28-3.53-26.82-32.29-39.51-47.79-6.75-8.24-12.08-14.75-14.32-17.45l-.18-.22-.2-.21c-5.22-5.83-12.64-12.51-23.78-12.51a39.78 39.78 0 00-5.41.44c-.37.05-.75.11-1.15.15-2.45.27-10.06 1.5-28.14 4.48-14 2.29-35.11 5.77-38.31 6.07l-.71.06-.69.13c-10 1.78-16.62 6.22-19.56 13.19-1.55 3.68-3.22 11.15 2.94 19.86 1.53 2.22 6.83 9.56 15.94 22.17 6.06 8.4 12.87 17.82 18.75 26L259.9 275 150.66 96.05l-.2-.34-.23-.33-.44-.65C145.32 88.17 139.76 80 123.7 80c-1.13 0-2.31 0-3.63.11-4.6.25-21.42 1.57-40.89 3.11-21.49 1.69-50.9 4-54.72 4.1h-.73l-.79.08c-9.14.89-15.77 4.6-19.7 11-6.55 10.69-1.42 22.69.26 26.63C6.87 133 37.56 197.7 64.63 254.81c18 37.94 36.58 77.17 38.1 80.65a34.85 34.85 0 0032.94 21.59 46.62 46.62 0 009.86-1.1h.21l.2-.05c13.86-3.38 57.83-14.54 89.2-22.59 1.9 3.32 3.9 6.83 6 10.44 21.93 38.5 37.9 66.35 43.16 73.46C287 421 295 432 310.06 432c5.46 0 10.46-1.4 15.74-2.89l1.53-.43h.12c10.53-3 150.69-52.16 157.87-55.35l.22-.1c5.44-2.41 13.66-6.05 16.18-15.4 1.65-6.12.18-12.33-4.38-18.46l-.07-.09-.07-.09c-.85-1.1-4-5.21-8.27-10.9-9.13-12.07-23.88-31.57-36.84-48.54 17.37-4.5 38.8-10.11 43.38-11.55 11.47-3.43 14.94-10.69 16-14.73.79-3.15 1.82-11.2-5.9-18.85zm-320 58.19c-17.81 4.17-30.22 7.08-37.89 8.9-6.67-13.34-19.74-39.65-32.5-65.33-29.74-59.92-45.1-90.77-53.18-106.9l8.15-.7c13.34-1.15 31.61-2.72 41.78-3.57 16.76 28.26 74.32 125.3 96.3 162.3zM427.58 172zM310.06 416.4zm53.67-56.95c-24.21 8-37.33 12.37-44.42 14.74-6.3-10.34-20.16-33.52-32.47-54.19l115.7-29.48c5 6.81 14.57 19.72 33.46 44.93-18.07 6.04-48.2 16.02-72.27 24zm55.87-121.63l-23.76-31.53c13.67-2.39 21.54-3.77 26.15-4.6l12 14.88 11.94 14.82c-8.2 1.99-17.74 4.32-26.33 6.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoLaravel.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoLaravel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoLaravel"]}
\ No newline at end of file
diff --git a/lib/LogoLinkedin.js b/lib/LogoLinkedin.js
index 7c2128ec3..5fc1fbdb5 100644
--- a/lib/LogoLinkedin.js
+++ b/lib/LogoLinkedin.js
@@ -47,7 +47,7 @@ var LogoLinkedin = function LogoLinkedin(props) {
 LogoLinkedin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoLinkedin.js.map b/lib/LogoLinkedin.js.map
index 11a04c03b..227485979 100644
--- a/lib/LogoLinkedin.js.map
+++ b/lib/LogoLinkedin.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoLinkedin.js"],"names":["LogoLinkedin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4hBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoLinkedin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoLinkedin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoLinkedin.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoLinkedin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoLinkedin"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoLinkedin.js"],"names":["LogoLinkedin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4hBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoLinkedin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoLinkedin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoLinkedin.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoLinkedin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoLinkedin"]}
\ No newline at end of file
diff --git a/lib/LogoMarkdown.js b/lib/LogoMarkdown.js
index 287160b16..4ed61eb49 100644
--- a/lib/LogoMarkdown.js
+++ b/lib/LogoMarkdown.js
@@ -47,7 +47,7 @@ var LogoMarkdown = function LogoMarkdown(props) {
 LogoMarkdown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoMarkdown.js.map b/lib/LogoMarkdown.js.map
index 6933174fd..d2d30b278 100644
--- a/lib/LogoMarkdown.js.map
+++ b/lib/LogoMarkdown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoMarkdown.js"],"names":["LogoMarkdown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoMarkdown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMarkdown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475 64H37C16.58 64 0 81.38 0 102.77v306.42C0 430.59 16.58 448 37 448h438c20.38 0 37-17.41 37-38.81V102.77C512 81.38 495.42 64 475 64zM288 368h-64V256l-48 64-48-64v112H64V144h64l48 80 48-80h64zm96 0l-80-112h48.05L352 144h64v112h48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMarkdown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMarkdown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMarkdown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoMarkdown.js"],"names":["LogoMarkdown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoMarkdown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMarkdown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M475 64H37C16.58 64 0 81.38 0 102.77v306.42C0 430.59 16.58 448 37 448h438c20.38 0 37-17.41 37-38.81V102.77C512 81.38 495.42 64 475 64zM288 368h-64V256l-48 64-48-64v112H64V144h64l48 80 48-80h64zm96 0l-80-112h48.05L352 144h64v112h48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMarkdown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMarkdown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMarkdown"]}
\ No newline at end of file
diff --git a/lib/LogoMastodon.js b/lib/LogoMastodon.js
index c86d34867..f51d5c8af 100644
--- a/lib/LogoMastodon.js
+++ b/lib/LogoMastodon.js
@@ -47,7 +47,7 @@ var LogoMastodon = function LogoMastodon(props) {
 LogoMastodon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoMastodon.js.map b/lib/LogoMastodon.js.map
index 93a4e8709..c72a47e47 100644
--- a/lib/LogoMastodon.js.map
+++ b/lib/LogoMastodon.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoMastodon.js"],"names":["LogoMastodon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i3BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoMastodon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMastodon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 173.59c0-104.13-68.26-134.65-68.26-134.65C377.3 23.15 318.2 16.5 256.8 16h-1.51c-61.4.5-120.46 7.15-154.88 22.94 0 0-68.27 30.52-68.27 134.65 0 23.85-.46 52.35.29 82.59C34.91 358 51.11 458.37 145.32 483.29c43.43 11.49 80.73 13.89 110.76 12.24 54.47-3 85-19.42 85-19.42l-1.79-39.5s-38.93 12.27-82.64 10.77c-43.31-1.48-89-4.67-96-57.81a108.44 108.44 0 01-1-14.9 558.91 558.91 0 0096.39 12.85c32.95 1.51 63.84-1.93 95.22-5.67 60.18-7.18 112.58-44.24 119.16-78.09 10.42-53.34 9.58-130.17 9.58-130.17zm-80.54 134.16h-50V185.38c0-25.8-10.86-38.89-32.58-38.89-24 0-36.06 15.53-36.06 46.24v67h-49.66v-67c0-30.71-12-46.24-36.06-46.24-21.72 0-32.58 13.09-32.58 38.89v122.37h-50V181.67q0-38.65 19.75-61.39c13.6-15.15 31.4-22.92 53.51-22.92 25.58 0 44.95 9.82 57.75 29.48L256 147.69l12.45-20.85c12.81-19.66 32.17-29.48 57.75-29.48 22.11 0 39.91 7.77 53.51 22.92q19.79 22.72 19.75 61.39z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMastodon.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMastodon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMastodon"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoMastodon.js"],"names":["LogoMastodon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i3BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoMastodon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMastodon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 173.59c0-104.13-68.26-134.65-68.26-134.65C377.3 23.15 318.2 16.5 256.8 16h-1.51c-61.4.5-120.46 7.15-154.88 22.94 0 0-68.27 30.52-68.27 134.65 0 23.85-.46 52.35.29 82.59C34.91 358 51.11 458.37 145.32 483.29c43.43 11.49 80.73 13.89 110.76 12.24 54.47-3 85-19.42 85-19.42l-1.79-39.5s-38.93 12.27-82.64 10.77c-43.31-1.48-89-4.67-96-57.81a108.44 108.44 0 01-1-14.9 558.91 558.91 0 0096.39 12.85c32.95 1.51 63.84-1.93 95.22-5.67 60.18-7.18 112.58-44.24 119.16-78.09 10.42-53.34 9.58-130.17 9.58-130.17zm-80.54 134.16h-50V185.38c0-25.8-10.86-38.89-32.58-38.89-24 0-36.06 15.53-36.06 46.24v67h-49.66v-67c0-30.71-12-46.24-36.06-46.24-21.72 0-32.58 13.09-32.58 38.89v122.37h-50V181.67q0-38.65 19.75-61.39c13.6-15.15 31.4-22.92 53.51-22.92 25.58 0 44.95 9.82 57.75 29.48L256 147.69l12.45-20.85c12.81-19.66 32.17-29.48 57.75-29.48 22.11 0 39.91 7.77 53.51 22.92q19.79 22.72 19.75 61.39z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMastodon.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMastodon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMastodon"]}
\ No newline at end of file
diff --git a/lib/LogoMedium.js b/lib/LogoMedium.js
index c4d443dc9..c13aecd5c 100644
--- a/lib/LogoMedium.js
+++ b/lib/LogoMedium.js
@@ -47,7 +47,7 @@ var LogoMedium = function LogoMedium(props) {
 LogoMedium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoMedium.js.map b/lib/LogoMedium.js.map
index 8529c7ef6..0fcda9b02 100644
--- a/lib/LogoMedium.js.map
+++ b/lib/LogoMedium.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoMedium.js"],"names":["LogoMedium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8aAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoMedium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMedium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M28 28v456h456V28H28zm378.83 108.04l-24.46 23.45a7.162 7.162 0 00-2.72 6.86v172.28c-.44 2.61.61 5.26 2.72 6.86l23.88 23.45v5.15H286.13v-5.15l24.74-24.02c2.43-2.43 2.43-3.15 2.43-6.86V198.81l-68.79 174.71h-9.3l-80.09-174.71v117.1c-.67 4.92.97 9.88 4.43 13.44l32.18 39.03v5.15h-91.24v-5.15l32.18-39.03c3.44-3.57 4.98-8.56 4.15-13.44V180.5c.38-3.76-1.05-7.48-3.86-10.01l-28.6-34.46v-5.15h88.81l68.65 150.55 60.35-150.55h84.66v5.16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMedium.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMedium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMedium"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoMedium.js"],"names":["LogoMedium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8aAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoMedium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoMedium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M28 28v456h456V28H28zm378.83 108.04l-24.46 23.45a7.162 7.162 0 00-2.72 6.86v172.28c-.44 2.61.61 5.26 2.72 6.86l23.88 23.45v5.15H286.13v-5.15l24.74-24.02c2.43-2.43 2.43-3.15 2.43-6.86V198.81l-68.79 174.71h-9.3l-80.09-174.71v117.1c-.67 4.92.97 9.88 4.43 13.44l32.18 39.03v5.15h-91.24v-5.15l32.18-39.03c3.44-3.57 4.98-8.56 4.15-13.44V180.5c.38-3.76-1.05-7.48-3.86-10.01l-28.6-34.46v-5.15h88.81l68.65 150.55 60.35-150.55h84.66v5.16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoMedium.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoMedium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoMedium"]}
\ No newline at end of file
diff --git a/lib/LogoNoSmoking.js b/lib/LogoNoSmoking.js
index 1bab022aa..b8e97edb8 100644
--- a/lib/LogoNoSmoking.js
+++ b/lib/LogoNoSmoking.js
@@ -50,7 +50,7 @@ var LogoNoSmoking = function LogoNoSmoking(props) {
 LogoNoSmoking.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoNoSmoking.js.map b/lib/LogoNoSmoking.js.map
index 4b3958d16..64f7bf340 100644
--- a/lib/LogoNoSmoking.js.map
+++ b/lib/LogoNoSmoking.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoNoSmoking.js"],"names":["LogoNoSmoking","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kDAAR,GAAjK;AAA6N,8CAAM,GAAE,4rBAAR,GAA7N;AAAm6B,8CAAM,GAAE,+cAAR,GAAn6B;AAA43C,8CAAM,GAAE,6QAAR;AAA53C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoNoSmoking.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNoSmoking = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M360 256h16v48h-16zM112 304h129.6l-48-48H112v48z\"/><path d=\"M364.5 60.1a8.79 8.79 0 01-1-.6 218.79 218.79 0 00-34.4-14.8l-5.4-1.8A223.2 223.2 0 00256 32C132.3 32 32 132.3 32 256a223.71 223.71 0 00115.4 195.8c.4.2.7.5 1.1.7a218.79 218.79 0 0034.4 14.8l5.4 1.8A222.7 222.7 0 00256 480c123.7 0 224-100.3 224-224A223.76 223.76 0 00364.5 60.1zM256 426.4a161.85 161.85 0 01-27.2-2.4 170.14 170.14 0 01-28.5-7.3c-1.9-.6-3.8-1.2-5.6-1.9a162.39 162.39 0 01-19-8.6 170.33 170.33 0 01-90.1-150.3c0-37.2 12.4-71.4 32.7-99.4l237.2 237.2c-28.1 20.3-62.3 32.7-99.5 32.7zm137.8-71L156.6 118.2c28-20.2 62.1-32.6 99.4-32.6a162.79 162.79 0 0127.2 2.4 170.14 170.14 0 0128.5 7.3c1.8.6 3.7 1.2 5.6 1.9a162 162 0 0118 8.1 170.25 170.25 0 0191.2 150.8c-.1 37.2-12.5 71.3-32.7 99.3z\"/><path d=\"M352 256h-34l34 34v-34zM384 256h16v48h-16zM360.1 212.7c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1-2.8-4.2-1-14.8 3.7-21.9a8 8 0 00.4-8.2 8.26 8.26 0 00-7-4.3 53.67 53.67 0 01-18.3-3.9c-10.6-4.5-15.6-12.1-15.6-23.1 0-25.8 21.8-27.7 22.8-27.7v-16c-12 0-38.8 11-38.8 43.7 0 17.5 9 31 25.7 38a66.58 66.58 0 0012 3.6c-3.3 9.8-3.6 20.9 1.7 28.7 9 13.3 20.3 13.2 33.3 13.1h3.5c26.3 0 34.6 2.3 38.9 4.3 5.7 2.6 6.8 7.5 6.6 15.7v1h16v-1c0-7.1.3-22.8-15.7-30.2z\"/><path d=\"M400 244c0-25.7-3-39.2-9.1-49.6C382.3 180 368.5 172 352 172h-17.4c2.9-8.3 5.4-19.8 3.5-30.9-3.2-18.8-19.1-30-43.1-30v16c21 0 26.1 9.1 27.4 16.7 2.5 14.5-6.8 32.1-6.9 32.3a8 8 0 00.1 7.9 8.06 8.06 0 006.9 3.9H352c10.9 0 19.4 4.9 25.1 14.6 3.1 5.3 6.9 13.5 6.9 41.4h16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNoSmoking.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNoSmoking.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNoSmoking"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoNoSmoking.js"],"names":["LogoNoSmoking","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kDAAR,GAAhK;AAA6N,8CAAM,GAAE,4rBAAR,GAA7N;AAAo6B,8CAAM,GAAE,+cAAR,GAAp6B;AAA83C,8CAAM,GAAE,6QAAR;AAA93C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoNoSmoking.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNoSmoking = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M360 256h16v48h-16zM112 304h129.6l-48-48H112v48z\" /><path d=\"M364.5 60.1a8.79 8.79 0 01-1-.6 218.79 218.79 0 00-34.4-14.8l-5.4-1.8A223.2 223.2 0 00256 32C132.3 32 32 132.3 32 256a223.71 223.71 0 00115.4 195.8c.4.2.7.5 1.1.7a218.79 218.79 0 0034.4 14.8l5.4 1.8A222.7 222.7 0 00256 480c123.7 0 224-100.3 224-224A223.76 223.76 0 00364.5 60.1zM256 426.4a161.85 161.85 0 01-27.2-2.4 170.14 170.14 0 01-28.5-7.3c-1.9-.6-3.8-1.2-5.6-1.9a162.39 162.39 0 01-19-8.6 170.33 170.33 0 01-90.1-150.3c0-37.2 12.4-71.4 32.7-99.4l237.2 237.2c-28.1 20.3-62.3 32.7-99.5 32.7zm137.8-71L156.6 118.2c28-20.2 62.1-32.6 99.4-32.6a162.79 162.79 0 0127.2 2.4 170.14 170.14 0 0128.5 7.3c1.8.6 3.7 1.2 5.6 1.9a162 162 0 0118 8.1 170.25 170.25 0 0191.2 150.8c-.1 37.2-12.5 71.3-32.7 99.3z\" /><path d=\"M352 256h-34l34 34v-34zM384 256h16v48h-16zM360.1 212.7c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1-2.8-4.2-1-14.8 3.7-21.9a8 8 0 00.4-8.2 8.26 8.26 0 00-7-4.3 53.67 53.67 0 01-18.3-3.9c-10.6-4.5-15.6-12.1-15.6-23.1 0-25.8 21.8-27.7 22.8-27.7v-16c-12 0-38.8 11-38.8 43.7 0 17.5 9 31 25.7 38a66.58 66.58 0 0012 3.6c-3.3 9.8-3.6 20.9 1.7 28.7 9 13.3 20.3 13.2 33.3 13.1h3.5c26.3 0 34.6 2.3 38.9 4.3 5.7 2.6 6.8 7.5 6.6 15.7v1h16v-1c0-7.1.3-22.8-15.7-30.2z\" /><path d=\"M400 244c0-25.7-3-39.2-9.1-49.6C382.3 180 368.5 172 352 172h-17.4c2.9-8.3 5.4-19.8 3.5-30.9-3.2-18.8-19.1-30-43.1-30v16c21 0 26.1 9.1 27.4 16.7 2.5 14.5-6.8 32.1-6.9 32.3a8 8 0 00.1 7.9 8.06 8.06 0 006.9 3.9H352c10.9 0 19.4 4.9 25.1 14.6 3.1 5.3 6.9 13.5 6.9 41.4h16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNoSmoking.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNoSmoking.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNoSmoking"]}
\ No newline at end of file
diff --git a/lib/LogoNodejs.js b/lib/LogoNodejs.js
index 67bbd22e5..101eb5d45 100644
--- a/lib/LogoNodejs.js
+++ b/lib/LogoNodejs.js
@@ -48,7 +48,7 @@ var LogoNodejs = function LogoNodejs(props) {
 LogoNodejs.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoNodejs.js.map b/lib/LogoNodejs.js.map
index fb45075b1..4ac216fb5 100644
--- a/lib/LogoNodejs.js.map
+++ b/lib/LogoNodejs.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoNodejs.js"],"names":["LogoNodejs","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4vBAAR,GAAjK;AAAu6B,8CAAM,GAAE,+hBAAR;AAAv6B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoNodejs.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNodejs = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.76 130.07L274.33 36.85a37 37 0 00-36.65 0L82.24 130.06A38.2 38.2 0 0064 162.83V349a38.26 38.26 0 0018.24 32.8L123 406.14l.23.13c20.58 10.53 28.46 10.53 37.59 10.53 32.14 0 52.11-20.8 52.11-54.29V182a8.51 8.51 0 00-8.42-8.58h-22.38a8.51 8.51 0 00-8.42 8.58v180.51a15 15 0 01-6.85 13.07c-5.9 3.6-14.47 2.84-24.14-2.15l-39.06-23.51a1.1 1.1 0 01-.48-.92V165.46a1.32 1.32 0 01.59-1.06l151.84-93a.82.82 0 01.73 0l151.93 93a1.34 1.34 0 01.55 1.1V349a1.28 1.28 0 01-.45 1l-152.06 90.65a1.22 1.22 0 01-.8 0l-38.83-23.06a7.8 7.8 0 00-7.83-.41l-.34.2c-10.72 6.35-13.6 8-23.54 11.62-1.62.59-5.43 2-5.76 5.77s3.29 6.45 6.51 8.32l51.9 31.87a35.67 35.67 0 0018.3 5.07h.58a35.87 35.87 0 0017.83-5.07l155.43-93.13A38.37 38.37 0 00448 349V162.83a38.21 38.21 0 00-18.24-32.76z\"/><path d=\"M307.88 318.05c-37.29 0-45.24-10.42-47.6-27.24a8.43 8.43 0 00-8.22-7.32h-19.8a8.44 8.44 0 00-8.26 8.58c0 14.58 5.12 62.17 83.92 62.17 24.38 0 44.66-5.7 58.63-16.49S388 311.26 388 292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89 0-5.47 0-18.28 35.46-18.28 25.23 0 38.74 3.19 43.06 20a8.35 8.35 0 008.06 6.67h19.87a8.24 8.24 0 006.16-2.86 8.91 8.91 0 002.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06 0-73.55 20.75-73.55 55.5 0 38.1 28.49 48.87 71.29 53.33 50 5.17 50 12.71 50 19.37.03 10.38-4.28 24.23-41.55 24.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNodejs.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNodejs.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNodejs"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoNodejs.js"],"names":["LogoNodejs","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4vBAAR,GAAhK;AAAu6B,8CAAM,GAAE,+hBAAR;AAAv6B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoNodejs.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNodejs = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.76 130.07L274.33 36.85a37 37 0 00-36.65 0L82.24 130.06A38.2 38.2 0 0064 162.83V349a38.26 38.26 0 0018.24 32.8L123 406.14l.23.13c20.58 10.53 28.46 10.53 37.59 10.53 32.14 0 52.11-20.8 52.11-54.29V182a8.51 8.51 0 00-8.42-8.58h-22.38a8.51 8.51 0 00-8.42 8.58v180.51a15 15 0 01-6.85 13.07c-5.9 3.6-14.47 2.84-24.14-2.15l-39.06-23.51a1.1 1.1 0 01-.48-.92V165.46a1.32 1.32 0 01.59-1.06l151.84-93a.82.82 0 01.73 0l151.93 93a1.34 1.34 0 01.55 1.1V349a1.28 1.28 0 01-.45 1l-152.06 90.65a1.22 1.22 0 01-.8 0l-38.83-23.06a7.8 7.8 0 00-7.83-.41l-.34.2c-10.72 6.35-13.6 8-23.54 11.62-1.62.59-5.43 2-5.76 5.77s3.29 6.45 6.51 8.32l51.9 31.87a35.67 35.67 0 0018.3 5.07h.58a35.87 35.87 0 0017.83-5.07l155.43-93.13A38.37 38.37 0 00448 349V162.83a38.21 38.21 0 00-18.24-32.76z\" /><path d=\"M307.88 318.05c-37.29 0-45.24-10.42-47.6-27.24a8.43 8.43 0 00-8.22-7.32h-19.8a8.44 8.44 0 00-8.26 8.58c0 14.58 5.12 62.17 83.92 62.17 24.38 0 44.66-5.7 58.63-16.49S388 311.26 388 292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89 0-5.47 0-18.28 35.46-18.28 25.23 0 38.74 3.19 43.06 20a8.35 8.35 0 008.06 6.67h19.87a8.24 8.24 0 006.16-2.86 8.91 8.91 0 002.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06 0-73.55 20.75-73.55 55.5 0 38.1 28.49 48.87 71.29 53.33 50 5.17 50 12.71 50 19.37.03 10.38-4.28 24.23-41.55 24.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNodejs.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNodejs.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNodejs"]}
\ No newline at end of file
diff --git a/lib/LogoNpm.js b/lib/LogoNpm.js
index 24c23587e..90dd68ddb 100644
--- a/lib/LogoNpm.js
+++ b/lib/LogoNpm.js
@@ -48,7 +48,7 @@ var LogoNpm = function LogoNpm(props) {
 LogoNpm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoNpm.js.map b/lib/LogoNpm.js.map
index 59207913b..7fefa1493 100644
--- a/lib/LogoNpm.js.map
+++ b/lib/LogoNpm.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoNpm.js"],"names":["LogoNpm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8BAAR,GAAjK;AAAyM,8CAAM,GAAE,kNAAR;AAAzM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoNpm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNpm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M227.6 213.1H256v57.1h-28.4z\"/><path d=\"M0 156v171.4h142.2V356H256v-28.6h256V156zm142.2 142.9h-28.4v-85.7H85.3v85.7H28.4V184.6h113.8zm142.2 0h-56.9v28.6h-56.9V184.6h113.8zm199.2 0h-28.4v-85.7h-28.4v85.7h-28.4v-85.7H370v85.7h-56.9V184.6h170.7v114.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNpm.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNpm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNpm"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoNpm.js"],"names":["LogoNpm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8BAAR,GAAhK;AAAyM,8CAAM,GAAE,kNAAR;AAAzM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoNpm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoNpm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M227.6 213.1H256v57.1h-28.4z\" /><path d=\"M0 156v171.4h142.2V356H256v-28.6h256V156zm142.2 142.9h-28.4v-85.7H85.3v85.7H28.4V184.6h113.8zm142.2 0h-56.9v28.6h-56.9V184.6h113.8zm199.2 0h-28.4v-85.7h-28.4v85.7h-28.4v-85.7H370v85.7h-56.9V184.6h170.7v114.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoNpm.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoNpm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoNpm"]}
\ No newline at end of file
diff --git a/lib/LogoOctocat.js b/lib/LogoOctocat.js
index a30e562d8..8d9219da0 100644
--- a/lib/LogoOctocat.js
+++ b/lib/LogoOctocat.js
@@ -48,7 +48,7 @@ var LogoOctocat = function LogoOctocat(props) {
 LogoOctocat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoOctocat.js.map b/lib/LogoOctocat.js.map
index d3727f0a6..70655ca2d 100644
--- a/lib/LogoOctocat.js.map
+++ b/lib/LogoOctocat.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoOctocat.js"],"names":["LogoOctocat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8ZAAR,GAAjK;AAAykB,8CAAM,GAAE,2lCAAR;AAAzkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoOctocat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoOctocat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.54-13.89-23.68-13.89zM340.32 290.12c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.57-13.89-23.79-13.89z\"/><path d=\"M459.36 165c-.11 0 2.89-15.49.32-42.47-2.36-27-8-51.78-17.25-74.53 0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29-14.79-4.23-36.86-6.39-66.43-6.39-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71 6 20.91 13.6 38 22.6 51.14A147.49 147.49 0 0079 425.43c13.39 10.08 25.71 17.34 36.86 21.89 11.25 4.76 24 8.23 38.57 10.72a279.19 279.19 0 0032.68 4.34s30 1.62 69 1.62 68.89-1.62 68.89-1.62a285.25 285.25 0 0032.68-4.38 178.91 178.91 0 0038.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0033.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67zm-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64 7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoOctocat.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoOctocat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoOctocat"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoOctocat.js"],"names":["LogoOctocat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8ZAAR,GAAhK;AAAykB,8CAAM,GAAE,2lCAAR;AAAzkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoOctocat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoOctocat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.54-13.89-23.68-13.89zM340.32 290.12c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.57-13.89-23.79-13.89z\" /><path d=\"M459.36 165c-.11 0 2.89-15.49.32-42.47-2.36-27-8-51.78-17.25-74.53 0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29-14.79-4.23-36.86-6.39-66.43-6.39-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71 6 20.91 13.6 38 22.6 51.14A147.49 147.49 0 0079 425.43c13.39 10.08 25.71 17.34 36.86 21.89 11.25 4.76 24 8.23 38.57 10.72a279.19 279.19 0 0032.68 4.34s30 1.62 69 1.62 68.89-1.62 68.89-1.62a285.25 285.25 0 0032.68-4.38 178.91 178.91 0 0038.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0033.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67zm-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64 7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoOctocat.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoOctocat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoOctocat"]}
\ No newline at end of file
diff --git a/lib/LogoPaypal.js b/lib/LogoPaypal.js
index 03258dea7..10945553d 100644
--- a/lib/LogoPaypal.js
+++ b/lib/LogoPaypal.js
@@ -48,7 +48,7 @@ var LogoPaypal = function LogoPaypal(props) {
 LogoPaypal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoPaypal.js.map b/lib/LogoPaypal.js.map
index 9aad9cc6a..c5ccf5b9e 100644
--- a/lib/LogoPaypal.js.map
+++ b/lib/LogoPaypal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoPaypal.js"],"names":["LogoPaypal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oXAAR,GAAjK;AAA+hB,8CAAM,GAAE,8SAAR;AAA/hB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoPaypal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPaypal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.81 148.79c-.43 2.76-.93 5.58-1.49 8.48-19.17 98-84.76 131.8-168.54 131.8h-42.65a20.67 20.67 0 00-20.47 17.46l-21.84 137.84-6.18 39.07a10.86 10.86 0 009.07 12.42 10.72 10.72 0 001.7.13h75.65a18.18 18.18 0 0018-15.27l.74-3.83 14.24-90 .91-4.94a18.16 18.16 0 0118-15.3h11.31c73.3 0 130.67-29.62 147.44-115.32 7-35.8 3.38-65.69-15.16-86.72a72.27 72.27 0 00-20.73-15.82z\"/><path d=\"M385.52 51.09C363.84 26.52 324.71 16 274.63 16H129.25a20.75 20.75 0 00-20.54 17.48l-60.55 382a12.43 12.43 0 0010.39 14.22 12.58 12.58 0 001.94.15h89.76l22.54-142.29-.7 4.46a20.67 20.67 0 0120.47-17.46h42.65c83.77 0 149.36-33.86 168.54-131.8.57-2.9 1.05-5.72 1.49-8.48 5.7-36.22-.05-60.87-19.72-83.19z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPaypal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPaypal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPaypal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoPaypal.js"],"names":["LogoPaypal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oXAAR,GAAhK;AAA+hB,8CAAM,GAAE,8SAAR;AAA/hB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoPaypal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPaypal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424.81 148.79c-.43 2.76-.93 5.58-1.49 8.48-19.17 98-84.76 131.8-168.54 131.8h-42.65a20.67 20.67 0 00-20.47 17.46l-21.84 137.84-6.18 39.07a10.86 10.86 0 009.07 12.42 10.72 10.72 0 001.7.13h75.65a18.18 18.18 0 0018-15.27l.74-3.83 14.24-90 .91-4.94a18.16 18.16 0 0118-15.3h11.31c73.3 0 130.67-29.62 147.44-115.32 7-35.8 3.38-65.69-15.16-86.72a72.27 72.27 0 00-20.73-15.82z\" /><path d=\"M385.52 51.09C363.84 26.52 324.71 16 274.63 16H129.25a20.75 20.75 0 00-20.54 17.48l-60.55 382a12.43 12.43 0 0010.39 14.22 12.58 12.58 0 001.94.15h89.76l22.54-142.29-.7 4.46a20.67 20.67 0 0120.47-17.46h42.65c83.77 0 149.36-33.86 168.54-131.8.57-2.9 1.05-5.72 1.49-8.48 5.7-36.22-.05-60.87-19.72-83.19z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPaypal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPaypal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPaypal"]}
\ No newline at end of file
diff --git a/lib/LogoPinterest.js b/lib/LogoPinterest.js
index 257d5b09f..cad452fb8 100644
--- a/lib/LogoPinterest.js
+++ b/lib/LogoPinterest.js
@@ -47,7 +47,7 @@ var LogoPinterest = function LogoPinterest(props) {
 LogoPinterest.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoPinterest.js.map b/lib/LogoPinterest.js.map
index e8c1080da..284263db6 100644
--- a/lib/LogoPinterest.js.map
+++ b/lib/LogoPinterest.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoPinterest.js"],"names":["LogoPinterest","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,urBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoPinterest.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPinterest = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.05 32c-123.7 0-224 100.3-224 224 0 91.7 55.2 170.5 134.1 205.2-.6-15.6-.1-34.4 3.9-51.4 4.3-18.2 28.8-122.1 28.8-122.1s-7.2-14.3-7.2-35.4c0-33.2 19.2-58 43.2-58 20.4 0 30.2 15.3 30.2 33.6 0 20.5-13.1 51.1-19.8 79.5-5.6 23.8 11.9 43.1 35.4 43.1 42.4 0 71-54.5 71-119.1 0-49.1-33.1-85.8-93.2-85.8-67.9 0-110.3 50.7-110.3 107.3 0 19.5 5.8 33.3 14.8 43.9 4.1 4.9 4.7 6.9 3.2 12.5-1.1 4.1-3.5 14-4.6 18-1.5 5.7-6.1 7.7-11.2 5.6-31.3-12.8-45.9-47-45.9-85.6 0-63.6 53.7-139.9 160.1-139.9 85.5 0 141.8 61.9 141.8 128.3 0 87.9-48.9 153.5-120.9 153.5-24.2 0-46.9-13.1-54.7-27.9 0 0-13 51.6-15.8 61.6-4.7 17.3-14 34.5-22.5 48a225.13 225.13 0 0063.5 9.2c123.7 0 224-100.3 224-224S379.75 32 256.05 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPinterest.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPinterest.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPinterest"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoPinterest.js"],"names":["LogoPinterest","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,urBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoPinterest.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPinterest = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.05 32c-123.7 0-224 100.3-224 224 0 91.7 55.2 170.5 134.1 205.2-.6-15.6-.1-34.4 3.9-51.4 4.3-18.2 28.8-122.1 28.8-122.1s-7.2-14.3-7.2-35.4c0-33.2 19.2-58 43.2-58 20.4 0 30.2 15.3 30.2 33.6 0 20.5-13.1 51.1-19.8 79.5-5.6 23.8 11.9 43.1 35.4 43.1 42.4 0 71-54.5 71-119.1 0-49.1-33.1-85.8-93.2-85.8-67.9 0-110.3 50.7-110.3 107.3 0 19.5 5.8 33.3 14.8 43.9 4.1 4.9 4.7 6.9 3.2 12.5-1.1 4.1-3.5 14-4.6 18-1.5 5.7-6.1 7.7-11.2 5.6-31.3-12.8-45.9-47-45.9-85.6 0-63.6 53.7-139.9 160.1-139.9 85.5 0 141.8 61.9 141.8 128.3 0 87.9-48.9 153.5-120.9 153.5-24.2 0-46.9-13.1-54.7-27.9 0 0-13 51.6-15.8 61.6-4.7 17.3-14 34.5-22.5 48a225.13 225.13 0 0063.5 9.2c123.7 0 224-100.3 224-224S379.75 32 256.05 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPinterest.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPinterest.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPinterest"]}
\ No newline at end of file
diff --git a/lib/LogoPlaystation.js b/lib/LogoPlaystation.js
index 0ac2bee77..75dfb1977 100644
--- a/lib/LogoPlaystation.js
+++ b/lib/LogoPlaystation.js
@@ -48,7 +48,7 @@ var LogoPlaystation = function LogoPlaystation(props) {
 LogoPlaystation.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoPlaystation.js.map b/lib/LogoPlaystation.js.map
index 3028af2ac..67fbf1817 100644
--- a/lib/LogoPlaystation.js.map
+++ b/lib/LogoPlaystation.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoPlaystation.js"],"names":["LogoPlaystation","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iyBAAR,GAAjK;AAA48B,8CAAM,GAAE,gbAAR;AAA58B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LogoPlaystation.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPlaystation = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399.77 203c-.8-17.1-3.3-34.5-10.8-50.1a82.45 82.45 0 00-16.5-23.2 105.59 105.59 0 00-21.3-16.3c-17.1-10.2-37.5-17-84.4-31S192 64 192 64v358.3l79.9 25.7s.1-198.8.1-299.5v-3.8c0-9.3 7.5-16.8 16.1-16.8h.5c8.5 0 15.5 7.5 15.5 16.8V278c11 5.3 29.2 9.3 41.8 9.1a47.79 47.79 0 0024-5.7 49.11 49.11 0 0018.4-17.8 78.64 78.64 0 009.9-27.3c1.87-10.8 1.97-22.1 1.57-33.3zM86.67 357.8c27.4-9.8 89.3-29.5 89.3-29.5v-47.2s-76.5 24.8-111.3 37.1c-8.6 3.1-17.3 5.9-25.7 9.5-9.8 4.1-19.4 8.7-28.1 14.8a26.29 26.29 0 00-9.2 10.1 17.36 17.36 0 00-.5 13.6c2 5.1 5.8 9.3 10.1 12.6 7.8 5.9 17.1 9.5 26.4 12.2a262.42 262.42 0 0088.4 13.3c14.5-.2 36-1.9 50-4.4v-42s-11 2.5-41.3 12.5c-4.6 1.5-9.2 3.3-14 4.3a104.87 104.87 0 01-21.6 2.2c-6.5-.3-13.2-.7-19.3-3.1-2.2-1-4.6-2.2-5.5-4.6-.8-2 .3-4 1.7-5.4 2.8-2.9 6.8-4.5 10.6-6z\"/><path d=\"M512 345.9c-.1-6-3.7-11.2-7.9-15-7.1-6.3-15.9-10.3-24.7-13.5-5.5-1.9-9.3-3.3-14.7-5-25.2-8.2-51.9-11.2-78.3-11.3-8 .3-23.1.5-31 1.4-21.9 2.5-67.3 15.4-67.3 15.4v48.8s67.5-21.6 96.5-31.8a94.43 94.43 0 0130.3-4.6c6.5.2 13.2.7 19.4 3.1 2.2.9 4.5 2.2 5.5 4.5.9 2.6-.9 5-2.9 6.5-4.7 3.8-10.7 5.3-16.2 7.4-41 14.5-132.7 44.7-132.7 44.7v47s117.2-39.6 170.8-58.8c8.9-3.3 17.9-6.1 26.4-10.4 7.9-4 15.8-8.6 21.8-15.3a19.74 19.74 0 005-13.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPlaystation.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPlaystation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPlaystation"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoPlaystation.js"],"names":["LogoPlaystation","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iyBAAR,GAAhK;AAA48B,8CAAM,GAAE,gbAAR;AAA58B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"LogoPlaystation.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPlaystation = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399.77 203c-.8-17.1-3.3-34.5-10.8-50.1a82.45 82.45 0 00-16.5-23.2 105.59 105.59 0 00-21.3-16.3c-17.1-10.2-37.5-17-84.4-31S192 64 192 64v358.3l79.9 25.7s.1-198.8.1-299.5v-3.8c0-9.3 7.5-16.8 16.1-16.8h.5c8.5 0 15.5 7.5 15.5 16.8V278c11 5.3 29.2 9.3 41.8 9.1a47.79 47.79 0 0024-5.7 49.11 49.11 0 0018.4-17.8 78.64 78.64 0 009.9-27.3c1.87-10.8 1.97-22.1 1.57-33.3zM86.67 357.8c27.4-9.8 89.3-29.5 89.3-29.5v-47.2s-76.5 24.8-111.3 37.1c-8.6 3.1-17.3 5.9-25.7 9.5-9.8 4.1-19.4 8.7-28.1 14.8a26.29 26.29 0 00-9.2 10.1 17.36 17.36 0 00-.5 13.6c2 5.1 5.8 9.3 10.1 12.6 7.8 5.9 17.1 9.5 26.4 12.2a262.42 262.42 0 0088.4 13.3c14.5-.2 36-1.9 50-4.4v-42s-11 2.5-41.3 12.5c-4.6 1.5-9.2 3.3-14 4.3a104.87 104.87 0 01-21.6 2.2c-6.5-.3-13.2-.7-19.3-3.1-2.2-1-4.6-2.2-5.5-4.6-.8-2 .3-4 1.7-5.4 2.8-2.9 6.8-4.5 10.6-6z\" /><path d=\"M512 345.9c-.1-6-3.7-11.2-7.9-15-7.1-6.3-15.9-10.3-24.7-13.5-5.5-1.9-9.3-3.3-14.7-5-25.2-8.2-51.9-11.2-78.3-11.3-8 .3-23.1.5-31 1.4-21.9 2.5-67.3 15.4-67.3 15.4v48.8s67.5-21.6 96.5-31.8a94.43 94.43 0 0130.3-4.6c6.5.2 13.2.7 19.4 3.1 2.2.9 4.5 2.2 5.5 4.5.9 2.6-.9 5-2.9 6.5-4.7 3.8-10.7 5.3-16.2 7.4-41 14.5-132.7 44.7-132.7 44.7v47s117.2-39.6 170.8-58.8c8.9-3.3 17.9-6.1 26.4-10.4 7.9-4 15.8-8.6 21.8-15.3a19.74 19.74 0 005-13.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPlaystation.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPlaystation.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPlaystation"]}
\ No newline at end of file
diff --git a/lib/LogoPwa.js b/lib/LogoPwa.js
index 0d430bd2c..1ed466dc6 100644
--- a/lib/LogoPwa.js
+++ b/lib/LogoPwa.js
@@ -47,7 +47,7 @@ var LogoPwa = function LogoPwa(props) {
 LogoPwa.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoPwa.js.map b/lib/LogoPwa.js.map
index 688a37944..2187187ef 100644
--- a/lib/LogoPwa.js.map
+++ b/lib/LogoPwa.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoPwa.js"],"names":["LogoPwa","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoPwa.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPwa = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07-28.63-56.53-25.9 79.46 26.3 45h50.7l36.68-111.27 35 111.27zM48.79 286.09h31.65a93.39 93.39 0 0025.62-3.21l8.18-25.19 22.88-70.39a55.75 55.75 0 00-6-7.82Q113.54 160 79.59 160H0v192h48.79zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92zm286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160 512 352h-53.53l-12.4-34.39z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPwa.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPwa.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPwa"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoPwa.js"],"names":["LogoPwa","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoPwa.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPwa = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07-28.63-56.53-25.9 79.46 26.3 45h50.7l36.68-111.27 35 111.27zM48.79 286.09h31.65a93.39 93.39 0 0025.62-3.21l8.18-25.19 22.88-70.39a55.75 55.75 0 00-6-7.82Q113.54 160 79.59 160H0v192h48.79zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92zm286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160 512 352h-53.53l-12.4-34.39z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPwa.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPwa.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPwa"]}
\ No newline at end of file
diff --git a/lib/LogoPython.js b/lib/LogoPython.js
index 6e3450348..d84b5f2db 100644
--- a/lib/LogoPython.js
+++ b/lib/LogoPython.js
@@ -48,7 +48,7 @@ var LogoPython = function LogoPython(props) {
 LogoPython.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoPython.js.map b/lib/LogoPython.js.map
index a8be0729a..8cae6dca6 100644
--- a/lib/LogoPython.js.map
+++ b/lib/LogoPython.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoPython.js"],"names":["LogoPython","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oaAAR,GAAjK;AAA+kB,8CAAM,GAAE,2bAAR;AAA/kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoPython.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPython = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314 36.38c-18.59-3.06-45.8-4.47-64.27-4.38a311.09 311.09 0 00-51.66 4.38c-45.74 8-54.07 24.7-54.07 55.54V128h112v16H107.62C66.06 144 32.33 193.67 32 255.12v.88a162.91 162.91 0 003.13 32c9.29 46.28 38.23 80 72.49 80H128v-54c0-31.3 20.84-59.95 55-66.1l9.87-1.23H314a56.05 56.05 0 0015.06-2A52.48 52.48 0 00368 193.68V91.92c0-28.92-24.68-50.73-54-55.54zM194.93 105.5a20.37 20.37 0 1120.3-20.3 20.29 20.29 0 01-20.3 20.3z\"/><path d=\"M475.28 217c-10.7-42.61-38.41-73-70.9-73h-17.71v47.45c0 39.57-26 68.22-57.74 73.13a63.54 63.54 0 01-9.69.75H198.08a60 60 0 00-15.23 1.95C160.54 273.14 144 291.7 144 315.77v101.77c0 29 29.14 46 57.73 54.31 34.21 9.95 71.48 11.75 112.42 0 27.19-7.77 53.85-23.48 53.85-54.31V384H256v-16h148.38c29.44 0 54.95-24.93 67.45-61.31A156.83 156.83 0 00480 256a160.64 160.64 0 00-4.72-39zM316.51 404a20.37 20.37 0 11-20.3 20.3 20.29 20.29 0 0120.3-20.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPython.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPython.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPython"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoPython.js"],"names":["LogoPython","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oaAAR,GAAhK;AAA+kB,8CAAM,GAAE,2bAAR;AAA/kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoPython.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoPython = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314 36.38c-18.59-3.06-45.8-4.47-64.27-4.38a311.09 311.09 0 00-51.66 4.38c-45.74 8-54.07 24.7-54.07 55.54V128h112v16H107.62C66.06 144 32.33 193.67 32 255.12v.88a162.91 162.91 0 003.13 32c9.29 46.28 38.23 80 72.49 80H128v-54c0-31.3 20.84-59.95 55-66.1l9.87-1.23H314a56.05 56.05 0 0015.06-2A52.48 52.48 0 00368 193.68V91.92c0-28.92-24.68-50.73-54-55.54zM194.93 105.5a20.37 20.37 0 1120.3-20.3 20.29 20.29 0 01-20.3 20.3z\" /><path d=\"M475.28 217c-10.7-42.61-38.41-73-70.9-73h-17.71v47.45c0 39.57-26 68.22-57.74 73.13a63.54 63.54 0 01-9.69.75H198.08a60 60 0 00-15.23 1.95C160.54 273.14 144 291.7 144 315.77v101.77c0 29 29.14 46 57.73 54.31 34.21 9.95 71.48 11.75 112.42 0 27.19-7.77 53.85-23.48 53.85-54.31V384H256v-16h148.38c29.44 0 54.95-24.93 67.45-61.31A156.83 156.83 0 00480 256a160.64 160.64 0 00-4.72-39zM316.51 404a20.37 20.37 0 11-20.3 20.3 20.29 20.29 0 0120.3-20.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoPython.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoPython.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoPython"]}
\ No newline at end of file
diff --git a/lib/LogoReact.js b/lib/LogoReact.js
index 523cadde7..40da8e9c9 100644
--- a/lib/LogoReact.js
+++ b/lib/LogoReact.js
@@ -48,7 +48,7 @@ var LogoReact = function LogoReact(props) {
 LogoReact.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoReact.js.map b/lib/LogoReact.js.map
index b965febd4..c96760f27 100644
--- a/lib/LogoReact.js.map
+++ b/lib/LogoReact.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoReact.js"],"names":["LogoReact","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ivFAAR,GAAjK;AAA45F,8CAAM,GAAE,2DAAR;AAA55F;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoReact.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoReact = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.66 180.72q-7.67-2.62-15.45-4.88 1.29-5.25 2.38-10.56c11.7-56.9 4.05-102.74-22.06-117.83-25-14.48-66 .61-107.36 36.69q-6.1 5.34-11.95 11-3.9-3.76-8-7.36c-43.35-38.58-86.8-54.83-112.88-39.69-25 14.51-32.43 57.6-21.9 111.53q1.58 8 3.55 15.93a320.85 320.85 0 00-17.77 5.6C48.46 198.9 16 226.73 16 255.59c0 29.82 34.84 59.72 87.77 77.85q6.44 2.19 13 4.07-2.13 8.49-3.77 17.17c-10 53-2.2 95.07 22.75 109.49 25.77 14.89 69-.41 111.14-37.31q5-4.38 10-9.25 6.32 6.11 13 11.86c40.8 35.18 81.09 49.39 106 34.93 25.75-14.94 34.12-60.14 23.25-115.13q-1.25-6.3-2.88-12.86 4.56-1.35 8.93-2.79c55-18.27 90.83-47.81 90.83-78-.02-29-33.52-57.01-85.36-74.9zm-129-81.08c35.43-30.91 68.55-43.11 83.65-34.39 16.07 9.29 22.32 46.75 12.22 95.88q-1 4.8-2.16 9.57a487.83 487.83 0 00-64.18-10.16 481.27 481.27 0 00-40.57-50.75q5.38-5.22 11.02-10.15zM157.73 280.25q6.51 12.6 13.61 24.89 7.23 12.54 15.07 24.71a435.28 435.28 0 01-44.24-7.13c4.24-13.72 9.46-27.97 15.56-42.47zm0-48.33c-6-14.19-11.08-28.15-15.25-41.63 13.7-3.07 28.3-5.58 43.52-7.48q-7.65 11.94-14.72 24.23t-13.58 24.88zm10.9 24.17q9.48-19.77 20.42-38.78 10.93-19 23.27-37.13c14.28-1.08 28.92-1.65 43.71-1.65s29.52.57 43.79 1.66q12.21 18.09 23.13 37t20.69 38.6Q334 275.63 323 294.73q-10.91 19-23 37.24c-14.25 1-29 1.55-44 1.55s-29.47-.47-43.46-1.38q-12.43-18.19-23.46-37.29t-20.48-38.76zM340.75 305q7.25-12.58 13.92-25.49a440.41 440.41 0 0116.12 42.32 434.44 434.44 0 01-44.79 7.65q7.62-12.09 14.75-24.48zm13.72-73.07q-6.64-12.65-13.81-25-7-12.18-14.59-24.06c15.31 1.94 30 4.52 43.77 7.67a439.89 439.89 0 01-15.37 41.39zm-98.24-107.45a439.75 439.75 0 0128.25 34.18q-28.35-1.35-56.74 0c9.33-12.34 18.88-23.79 28.49-34.18zM145.66 65.86c16.06-9.32 51.57 4 89 37.27 2.39 2.13 4.8 4.36 7.2 6.67A491.37 491.37 0 00201 160.51a499.12 499.12 0 00-64.06 10q-1.83-7.36-3.3-14.82c-9.05-46.23-3.06-81.08 12.02-89.83zm-23.41 251.85q-6-1.71-11.85-3.71c-23.4-8-42.73-18.44-56-29.81-11.88-10.19-17.9-20.36-17.9-28.6 0-17.51 26.06-39.85 69.52-55q8.19-2.85 16.52-5.21a493.54 493.54 0 0023.4 60.75 502.46 502.46 0 00-23.69 61.58zm111.13 93.67c-18.63 16.32-37.29 27.89-53.74 33.72-14.78 5.23-26.55 5.38-33.66 1.27-15.14-8.75-21.44-42.54-12.85-87.86q1.53-8 3.5-16a480.85 480.85 0 0064.69 9.39 501.2 501.2 0 0041.2 51c-2.98 2.93-6.03 5.75-9.14 8.48zm23.42-23.22c-9.72-10.51-19.42-22.14-28.88-34.64q13.79.54 28.08.54c9.78 0 19.46-.21 29-.64a439.33 439.33 0 01-28.2 34.74zm124.52 28.59c-2.86 15.44-8.61 25.74-15.72 29.86-15.13 8.78-47.48-2.63-82.36-32.72-4-3.44-8-7.13-12.07-11a484.54 484.54 0 0040.23-51.2 477.84 477.84 0 0065-10.05q1.47 5.94 2.6 11.64c4.81 24.3 5.5 46.28 2.32 63.47zm17.4-102.64c-2.62.87-5.32 1.71-8.06 2.53a483.26 483.26 0 00-24.31-60.94 481.52 481.52 0 0023.36-60.06c4.91 1.43 9.68 2.93 14.27 4.52 44.42 15.32 71.52 38 71.52 55.43 0 18.6-29.27 42.74-76.78 58.52z\"/><path d=\"M256 298.55a43 43 0 10-42.86-43 42.91 42.91 0 0042.86 43z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoReact.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoReact.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoReact"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoReact.js"],"names":["LogoReact","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ivFAAR,GAAhK;AAA45F,8CAAM,GAAE,2DAAR;AAA55F;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoReact.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoReact = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.66 180.72q-7.67-2.62-15.45-4.88 1.29-5.25 2.38-10.56c11.7-56.9 4.05-102.74-22.06-117.83-25-14.48-66 .61-107.36 36.69q-6.1 5.34-11.95 11-3.9-3.76-8-7.36c-43.35-38.58-86.8-54.83-112.88-39.69-25 14.51-32.43 57.6-21.9 111.53q1.58 8 3.55 15.93a320.85 320.85 0 00-17.77 5.6C48.46 198.9 16 226.73 16 255.59c0 29.82 34.84 59.72 87.77 77.85q6.44 2.19 13 4.07-2.13 8.49-3.77 17.17c-10 53-2.2 95.07 22.75 109.49 25.77 14.89 69-.41 111.14-37.31q5-4.38 10-9.25 6.32 6.11 13 11.86c40.8 35.18 81.09 49.39 106 34.93 25.75-14.94 34.12-60.14 23.25-115.13q-1.25-6.3-2.88-12.86 4.56-1.35 8.93-2.79c55-18.27 90.83-47.81 90.83-78-.02-29-33.52-57.01-85.36-74.9zm-129-81.08c35.43-30.91 68.55-43.11 83.65-34.39 16.07 9.29 22.32 46.75 12.22 95.88q-1 4.8-2.16 9.57a487.83 487.83 0 00-64.18-10.16 481.27 481.27 0 00-40.57-50.75q5.38-5.22 11.02-10.15zM157.73 280.25q6.51 12.6 13.61 24.89 7.23 12.54 15.07 24.71a435.28 435.28 0 01-44.24-7.13c4.24-13.72 9.46-27.97 15.56-42.47zm0-48.33c-6-14.19-11.08-28.15-15.25-41.63 13.7-3.07 28.3-5.58 43.52-7.48q-7.65 11.94-14.72 24.23t-13.58 24.88zm10.9 24.17q9.48-19.77 20.42-38.78 10.93-19 23.27-37.13c14.28-1.08 28.92-1.65 43.71-1.65s29.52.57 43.79 1.66q12.21 18.09 23.13 37t20.69 38.6Q334 275.63 323 294.73q-10.91 19-23 37.24c-14.25 1-29 1.55-44 1.55s-29.47-.47-43.46-1.38q-12.43-18.19-23.46-37.29t-20.48-38.76zM340.75 305q7.25-12.58 13.92-25.49a440.41 440.41 0 0116.12 42.32 434.44 434.44 0 01-44.79 7.65q7.62-12.09 14.75-24.48zm13.72-73.07q-6.64-12.65-13.81-25-7-12.18-14.59-24.06c15.31 1.94 30 4.52 43.77 7.67a439.89 439.89 0 01-15.37 41.39zm-98.24-107.45a439.75 439.75 0 0128.25 34.18q-28.35-1.35-56.74 0c9.33-12.34 18.88-23.79 28.49-34.18zM145.66 65.86c16.06-9.32 51.57 4 89 37.27 2.39 2.13 4.8 4.36 7.2 6.67A491.37 491.37 0 00201 160.51a499.12 499.12 0 00-64.06 10q-1.83-7.36-3.3-14.82c-9.05-46.23-3.06-81.08 12.02-89.83zm-23.41 251.85q-6-1.71-11.85-3.71c-23.4-8-42.73-18.44-56-29.81-11.88-10.19-17.9-20.36-17.9-28.6 0-17.51 26.06-39.85 69.52-55q8.19-2.85 16.52-5.21a493.54 493.54 0 0023.4 60.75 502.46 502.46 0 00-23.69 61.58zm111.13 93.67c-18.63 16.32-37.29 27.89-53.74 33.72-14.78 5.23-26.55 5.38-33.66 1.27-15.14-8.75-21.44-42.54-12.85-87.86q1.53-8 3.5-16a480.85 480.85 0 0064.69 9.39 501.2 501.2 0 0041.2 51c-2.98 2.93-6.03 5.75-9.14 8.48zm23.42-23.22c-9.72-10.51-19.42-22.14-28.88-34.64q13.79.54 28.08.54c9.78 0 19.46-.21 29-.64a439.33 439.33 0 01-28.2 34.74zm124.52 28.59c-2.86 15.44-8.61 25.74-15.72 29.86-15.13 8.78-47.48-2.63-82.36-32.72-4-3.44-8-7.13-12.07-11a484.54 484.54 0 0040.23-51.2 477.84 477.84 0 0065-10.05q1.47 5.94 2.6 11.64c4.81 24.3 5.5 46.28 2.32 63.47zm17.4-102.64c-2.62.87-5.32 1.71-8.06 2.53a483.26 483.26 0 00-24.31-60.94 481.52 481.52 0 0023.36-60.06c4.91 1.43 9.68 2.93 14.27 4.52 44.42 15.32 71.52 38 71.52 55.43 0 18.6-29.27 42.74-76.78 58.52z\" /><path d=\"M256 298.55a43 43 0 10-42.86-43 42.91 42.91 0 0042.86 43z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoReact.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoReact.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoReact"]}
\ No newline at end of file
diff --git a/lib/LogoReddit.js b/lib/LogoReddit.js
index 332979167..617ceaae6 100644
--- a/lib/LogoReddit.js
+++ b/lib/LogoReddit.js
@@ -50,7 +50,7 @@ var LogoReddit = function LogoReddit(props) {
 LogoReddit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoReddit.js.map b/lib/LogoReddit.js.map
index 66d3367a8..a8d26e0be 100644
--- a/lib/LogoReddit.js.map
+++ b/lib/LogoReddit.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoReddit.js"],"names":["LogoReddit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4CAAR,GAAjK;AAAuN,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,WAAU,+BAA3C,GAAvN;AAAmS,8CAAM,GAAE,ywCAAR,GAAnS;AAAsjD,8CAAM,GAAE,8PAAR;AAAtjD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoReddit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoReddit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M324 256a36 36 0 1036 36 36 36 0 00-36-36z\"/><circle cx=\"188\" cy=\"292\" r=\"36\" transform=\"rotate(-22.5 187.997 291.992)\"/><path d=\"M496 253.77c0-31.19-25.14-56.56-56-56.56a55.72 55.72 0 00-35.61 12.86c-35-23.77-80.78-38.32-129.65-41.27l22-79 66.41 13.2c1.9 26.48 24 47.49 50.65 47.49 28 0 50.78-23 50.78-51.21S441 48 413 48c-19.53 0-36.31 11.19-44.85 28.77l-90-17.89-31.1 109.52-4.63.13c-50.63 2.21-98.34 16.93-134.77 41.53A55.38 55.38 0 0072 197.21c-30.89 0-56 25.37-56 56.56a56.43 56.43 0 0028.11 49.06 98.65 98.65 0 00-.89 13.34c.11 39.74 22.49 77 63 105C146.36 448.77 199.51 464 256 464s109.76-15.23 149.83-42.89c40.53-28 62.85-65.27 62.85-105.06a109.32 109.32 0 00-.84-13.3A56.32 56.32 0 00496 253.77zM414 75a24 24 0 11-24 24 24 24 0 0124-24zM42.72 253.77a29.6 29.6 0 0129.42-29.71 29 29 0 0113.62 3.43c-15.5 14.41-26.93 30.41-34.07 47.68a30.23 30.23 0 01-8.97-21.4zM390.82 399c-35.74 24.59-83.6 38.14-134.77 38.14S157 423.61 121.29 399c-33-22.79-51.24-52.26-51.24-83A78.5 78.5 0 0175 288.72c5.68-15.74 16.16-30.48 31.15-43.79a155.17 155.17 0 0114.76-11.53l.3-.21.24-.17c35.72-24.52 83.52-38 134.61-38s98.9 13.51 134.62 38l.23.17.34.25A156.57 156.57 0 01406 244.92c15 13.32 25.48 28.05 31.16 43.81a85.44 85.44 0 014.31 17.67 77.29 77.29 0 01.6 9.65c-.01 30.72-18.21 60.19-51.25 82.95zm69.6-123.92c-7.13-17.28-18.56-33.29-34.07-47.72A29.09 29.09 0 01440 224a29.59 29.59 0 0129.41 29.71 30.07 30.07 0 01-8.99 21.39z\"/><path d=\"M323.23 362.22c-.25.25-25.56 26.07-67.15 26.27-42-.2-66.28-25.23-67.31-26.27a4.14 4.14 0 00-5.83 0l-13.7 13.47a4.15 4.15 0 000 5.89c3.4 3.4 34.7 34.23 86.78 34.45 51.94-.22 83.38-31.05 86.78-34.45a4.16 4.16 0 000-5.9l-13.71-13.47a4.13 4.13 0 00-5.81 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoReddit.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoReddit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoReddit"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoReddit.js"],"names":["LogoReddit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4CAAR,GAAhK;AAAuN,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,WAAU,+BAA3C,GAAvN;AAAoS,8CAAM,GAAE,ywCAAR,GAApS;AAAwjD,8CAAM,GAAE,8PAAR;AAAxjD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoReddit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoReddit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M324 256a36 36 0 1036 36 36 36 0 00-36-36z\" /><circle cx=\"188\" cy=\"292\" r=\"36\" transform=\"rotate(-22.5 187.997 291.992)\" /><path d=\"M496 253.77c0-31.19-25.14-56.56-56-56.56a55.72 55.72 0 00-35.61 12.86c-35-23.77-80.78-38.32-129.65-41.27l22-79 66.41 13.2c1.9 26.48 24 47.49 50.65 47.49 28 0 50.78-23 50.78-51.21S441 48 413 48c-19.53 0-36.31 11.19-44.85 28.77l-90-17.89-31.1 109.52-4.63.13c-50.63 2.21-98.34 16.93-134.77 41.53A55.38 55.38 0 0072 197.21c-30.89 0-56 25.37-56 56.56a56.43 56.43 0 0028.11 49.06 98.65 98.65 0 00-.89 13.34c.11 39.74 22.49 77 63 105C146.36 448.77 199.51 464 256 464s109.76-15.23 149.83-42.89c40.53-28 62.85-65.27 62.85-105.06a109.32 109.32 0 00-.84-13.3A56.32 56.32 0 00496 253.77zM414 75a24 24 0 11-24 24 24 24 0 0124-24zM42.72 253.77a29.6 29.6 0 0129.42-29.71 29 29 0 0113.62 3.43c-15.5 14.41-26.93 30.41-34.07 47.68a30.23 30.23 0 01-8.97-21.4zM390.82 399c-35.74 24.59-83.6 38.14-134.77 38.14S157 423.61 121.29 399c-33-22.79-51.24-52.26-51.24-83A78.5 78.5 0 0175 288.72c5.68-15.74 16.16-30.48 31.15-43.79a155.17 155.17 0 0114.76-11.53l.3-.21.24-.17c35.72-24.52 83.52-38 134.61-38s98.9 13.51 134.62 38l.23.17.34.25A156.57 156.57 0 01406 244.92c15 13.32 25.48 28.05 31.16 43.81a85.44 85.44 0 014.31 17.67 77.29 77.29 0 01.6 9.65c-.01 30.72-18.21 60.19-51.25 82.95zm69.6-123.92c-7.13-17.28-18.56-33.29-34.07-47.72A29.09 29.09 0 01440 224a29.59 29.59 0 0129.41 29.71 30.07 30.07 0 01-8.99 21.39z\" /><path d=\"M323.23 362.22c-.25.25-25.56 26.07-67.15 26.27-42-.2-66.28-25.23-67.31-26.27a4.14 4.14 0 00-5.83 0l-13.7 13.47a4.15 4.15 0 000 5.89c3.4 3.4 34.7 34.23 86.78 34.45 51.94-.22 83.38-31.05 86.78-34.45a4.16 4.16 0 000-5.9l-13.71-13.47a4.13 4.13 0 00-5.81 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoReddit.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoReddit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoReddit"]}
\ No newline at end of file
diff --git a/lib/LogoRss.js b/lib/LogoRss.js
index ddbb38015..25d223be3 100644
--- a/lib/LogoRss.js
+++ b/lib/LogoRss.js
@@ -49,7 +49,7 @@ var LogoRss = function LogoRss(props) {
 LogoRss.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoRss.js.map b/lib/LogoRss.js.map
index 73bba2122..e15bbbe37 100644
--- a/lib/LogoRss.js.map
+++ b/lib/LogoRss.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoRss.js"],"names":["LogoRss","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0EAAR,GAAjK;AAAqP,8CAAM,GAAE,gHAAR,GAArP;AAA+W,8CAAM,GAAE,mFAAR;AAA/W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoRss.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoRss = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M108.56 342.78a60.34 60.34 0 1060.56 60.44 60.63 60.63 0 00-60.56-60.44z\"/><path d=\"M48 186.67v86.55c52 0 101.94 15.39 138.67 52.11s52 86.56 52 138.67h86.66c0-151.56-125.66-277.33-277.33-277.33z\"/><path d=\"M48 48v86.56c185.25 0 329.22 144.08 329.22 329.44H464C464 234.66 277.67 48 48 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoRss.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoRss.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoRss"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoRss.js"],"names":["LogoRss","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0EAAR,GAAhK;AAAqP,8CAAM,GAAE,gHAAR,GAArP;AAAgX,8CAAM,GAAE,mFAAR;AAAhX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoRss.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoRss = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M108.56 342.78a60.34 60.34 0 1060.56 60.44 60.63 60.63 0 00-60.56-60.44z\" /><path d=\"M48 186.67v86.55c52 0 101.94 15.39 138.67 52.11s52 86.56 52 138.67h86.66c0-151.56-125.66-277.33-277.33-277.33z\" /><path d=\"M48 48v86.56c185.25 0 329.22 144.08 329.22 329.44H464C464 234.66 277.67 48 48 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoRss.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoRss.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoRss"]}
\ No newline at end of file
diff --git a/lib/LogoSass.js b/lib/LogoSass.js
index 4f60c996c..64418a436 100644
--- a/lib/LogoSass.js
+++ b/lib/LogoSass.js
@@ -47,7 +47,7 @@ var LogoSass = function LogoSass(props) {
 LogoSass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSass.js.map b/lib/LogoSass.js.map
index 50df9c49a..0cd8a6930 100644
--- a/lib/LogoSass.js.map
+++ b/lib/LogoSass.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSass.js"],"names":["LogoSass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wpGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoSass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M511.78 328.07c-1.47-11.92-7.51-22.26-18-30.77a3.58 3.58 0 00-.43-.44l-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5a3.5 3.5 0 00-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09-10.65-17.92-11.86-32.28-4.73-54.28 1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54 2.86-6.2 5.83-4.7 22-18.36 42.1-31.57 61.5l-.78 1.14c-8.14-17.26-6.45-30.63-.78-47.38 1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62 1.93-13.72 19.82-21.65 41.24-2 5.39-3.72 10-4.75 12.15-2.45 5-4.79 10.7-7.27 16.75-5.6 13.69-11.91 29.1-20.93 38.78-3.28-7.25 1.88-18.68 6.89-29.77 5.93-13.11 11.53-25.5 5.08-33.41a11.82 11.82 0 00-8.33-4.32 13.26 13.26 0 00-6.15 1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48 14.88-45.75 26.8-6.84 8-22 14.1-35.31 19.45-5.26 2.23-10.26 4.23-14.43 6.23-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11 42-65.14 79.88-84.43 28.71-14.6 53.67-24.28 76.31-29.57 31.8-7.43 58.66-5.93 79.82 4.44 11.58 5.67 17 18 13.56 30.68-9 32.95-46.29 55.53-78.18 65.69-19.21 6.12-35.56 8.68-50 7.84-18.1-1.05-32.88-10.13-39.2-14a21.18 21.18 0 00-3.2-1.8l-.29-.07a3.21 3.21 0 00-3.19 1c-1.3 1.55-.84 4-.37 5.24 6.15 16.07 18.85 26.22 37.74 30.17a92.09 92.09 0 0018.78 1.79c44.21 0 100.62-25.49 121.34-46.48 14.13-14.3 24.42-29 28.68-54.35 4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5 12.21-82.4 34.41-114.94 60.93-40.12 32.67-54.62 63-43.12 90.25 11.81 27.93 40.61 45.4 68.46 62.3 9 5.45 17.56 10.64 25.27 16-2.32 1.13-4.69 2.28-7.1 3.43-23.38 11.33-49.9 24.08-64.61 45.15-10.68 15.35-12.68 30.63-5.94 45.42 3.6 7.87 10 13.21 18.89 15.87A50 50 0 0053 432c17.31 0 36.36-7 46.73-13.47 18.32-11.5 30.19-26.94 35.29-45.89 4.54-16.86 3.45-33.61-3.15-48.56l22.45-11.32c-10.83 36-2.53 57.5 6.59 69.36 3.36 4.37 9.42 7 16.19 7.12s13-2.43 16.52-6.77c6.66-8.25 11.58-17.9 16.11-27.55-.24 6.3.06 12.68 2.21 18.09 1.93 4.87 5.11 8.1 9.21 9.34 4.36 1.33 9.47.21 14.39-3.15 22.17-15.17 37.33-51.58 49.51-80.85 1.73-4.16 3.39-8.16 5-11.9a152.5 152.5 0 0012.5 31.07c1.18 2.14 1.08 3.08-.52 4.84-2.41 2.64-5.77 5.83-9.33 9.21-10.78 10.23-24.2 23-26 34.23-.7 4.5 2.4 8.6 7.21 9.53 14.47 2.88 31.9-1.33 46.64-11.25 13.4-9 18.44-21.55 15-37.19-3.33-15.06 4.27-33.76 22.59-55.62 3 12.53 7 22.66 12.52 31.53l-.15.12c-13.34 11.65-31.62 27.6-28.78 46.95a13.35 13.35 0 005.58 9.22 14.22 14.22 0 0011.2 2.06c17.47-3.67 30.62-11.06 40.18-22.57s6.07-24.27 2.85-34.17c25-6.78 47.26-6.61 68.1.5 11.7 4 20.09 10.57 24.93 19.64 6.09 11.41 2.8 21.94-9.29 29.65-3.71 2.37-5.5 3.82-5.61 5.65a2.65 2.65 0 001 2.23c1.4 1.15 5.72 3.15 15.49-3 9-5.65 14.28-13.34 15.63-23a39 39 0 00-.01-8.01zm-399.73 25.06l-.1 1.28c-1.56 14.64-9 27.4-22.15 38-8.26 6.66-17.23 10.75-25.25 11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48 38.32-50.8 60.81-59.13a51.39 51.39 0 011.78 17.59zm102.35-71.86c-3.7 21.09-14.49 60.9-31.45 76.35-.81.74-1.49 1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28 5-52.69 6.59-13.42 16-22.31 26.52-25a5.29 5.29 0 011.34-.19 1.58 1.58 0 011 .27 1.64 1.64 0 01.19 1.33zm83.49 76.88c-3.19 3.33-7.56 2.88-6.53 1.66l16.24-17.24c-1.31 5.93-5.18 10.84-9.71 15.58zm67.37-14.91a14.07 14.07 0 01-4.93 1.39c-.46-9.07 8.33-19.28 17-26.09 2.33 9.46-2.44 19.46-12.07 24.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSass.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSass"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSass.js"],"names":["LogoSass","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wpGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoSass.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSass = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M511.78 328.07c-1.47-11.92-7.51-22.26-18-30.77a3.58 3.58 0 00-.43-.44l-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5a3.5 3.5 0 00-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09-10.65-17.92-11.86-32.28-4.73-54.28 1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54 2.86-6.2 5.83-4.7 22-18.36 42.1-31.57 61.5l-.78 1.14c-8.14-17.26-6.45-30.63-.78-47.38 1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62 1.93-13.72 19.82-21.65 41.24-2 5.39-3.72 10-4.75 12.15-2.45 5-4.79 10.7-7.27 16.75-5.6 13.69-11.91 29.1-20.93 38.78-3.28-7.25 1.88-18.68 6.89-29.77 5.93-13.11 11.53-25.5 5.08-33.41a11.82 11.82 0 00-8.33-4.32 13.26 13.26 0 00-6.15 1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48 14.88-45.75 26.8-6.84 8-22 14.1-35.31 19.45-5.26 2.23-10.26 4.23-14.43 6.23-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11 42-65.14 79.88-84.43 28.71-14.6 53.67-24.28 76.31-29.57 31.8-7.43 58.66-5.93 79.82 4.44 11.58 5.67 17 18 13.56 30.68-9 32.95-46.29 55.53-78.18 65.69-19.21 6.12-35.56 8.68-50 7.84-18.1-1.05-32.88-10.13-39.2-14a21.18 21.18 0 00-3.2-1.8l-.29-.07a3.21 3.21 0 00-3.19 1c-1.3 1.55-.84 4-.37 5.24 6.15 16.07 18.85 26.22 37.74 30.17a92.09 92.09 0 0018.78 1.79c44.21 0 100.62-25.49 121.34-46.48 14.13-14.3 24.42-29 28.68-54.35 4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5 12.21-82.4 34.41-114.94 60.93-40.12 32.67-54.62 63-43.12 90.25 11.81 27.93 40.61 45.4 68.46 62.3 9 5.45 17.56 10.64 25.27 16-2.32 1.13-4.69 2.28-7.1 3.43-23.38 11.33-49.9 24.08-64.61 45.15-10.68 15.35-12.68 30.63-5.94 45.42 3.6 7.87 10 13.21 18.89 15.87A50 50 0 0053 432c17.31 0 36.36-7 46.73-13.47 18.32-11.5 30.19-26.94 35.29-45.89 4.54-16.86 3.45-33.61-3.15-48.56l22.45-11.32c-10.83 36-2.53 57.5 6.59 69.36 3.36 4.37 9.42 7 16.19 7.12s13-2.43 16.52-6.77c6.66-8.25 11.58-17.9 16.11-27.55-.24 6.3.06 12.68 2.21 18.09 1.93 4.87 5.11 8.1 9.21 9.34 4.36 1.33 9.47.21 14.39-3.15 22.17-15.17 37.33-51.58 49.51-80.85 1.73-4.16 3.39-8.16 5-11.9a152.5 152.5 0 0012.5 31.07c1.18 2.14 1.08 3.08-.52 4.84-2.41 2.64-5.77 5.83-9.33 9.21-10.78 10.23-24.2 23-26 34.23-.7 4.5 2.4 8.6 7.21 9.53 14.47 2.88 31.9-1.33 46.64-11.25 13.4-9 18.44-21.55 15-37.19-3.33-15.06 4.27-33.76 22.59-55.62 3 12.53 7 22.66 12.52 31.53l-.15.12c-13.34 11.65-31.62 27.6-28.78 46.95a13.35 13.35 0 005.58 9.22 14.22 14.22 0 0011.2 2.06c17.47-3.67 30.62-11.06 40.18-22.57s6.07-24.27 2.85-34.17c25-6.78 47.26-6.61 68.1.5 11.7 4 20.09 10.57 24.93 19.64 6.09 11.41 2.8 21.94-9.29 29.65-3.71 2.37-5.5 3.82-5.61 5.65a2.65 2.65 0 001 2.23c1.4 1.15 5.72 3.15 15.49-3 9-5.65 14.28-13.34 15.63-23a39 39 0 00-.01-8.01zm-399.73 25.06l-.1 1.28c-1.56 14.64-9 27.4-22.15 38-8.26 6.66-17.23 10.75-25.25 11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48 38.32-50.8 60.81-59.13a51.39 51.39 0 011.78 17.59zm102.35-71.86c-3.7 21.09-14.49 60.9-31.45 76.35-.81.74-1.49 1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28 5-52.69 6.59-13.42 16-22.31 26.52-25a5.29 5.29 0 011.34-.19 1.58 1.58 0 011 .27 1.64 1.64 0 01.19 1.33zm83.49 76.88c-3.19 3.33-7.56 2.88-6.53 1.66l16.24-17.24c-1.31 5.93-5.18 10.84-9.71 15.58zm67.37-14.91a14.07 14.07 0 01-4.93 1.39c-.46-9.07 8.33-19.28 17-26.09 2.33 9.46-2.44 19.46-12.07 24.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSass.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSass.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSass"]}
\ No newline at end of file
diff --git a/lib/LogoSkype.js b/lib/LogoSkype.js
index 661d92e5d..6d69ce5a5 100644
--- a/lib/LogoSkype.js
+++ b/lib/LogoSkype.js
@@ -47,7 +47,7 @@ var LogoSkype = function LogoSkype(props) {
 LogoSkype.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSkype.js.map b/lib/LogoSkype.js.map
index 7d32d9bc4..6e4a48692 100644
--- a/lib/LogoSkype.js.map
+++ b/lib/LogoSkype.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSkype.js"],"names":["LogoSkype","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2mDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSkype.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSkype = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467.16 303.6a205.69 205.69 0 004.9-45.15c0-116.32-95.69-210.7-213.79-210.7a221.83 221.83 0 00-36.52 3A123.58 123.58 0 00155.93 32C87.55 32 32 86.72 32 154.15A119.56 119.56 0 0049 216a211.16 211.16 0 00-4.32 42.35c0 116.44 95.69 210.7 213.67 210.7a214 214 0 0039.09-3.5A125.45 125.45 0 00356.07 480C424.57 480 480 425.28 480 357.85a118 118 0 00-12.84-54.25zM368 359c-9.92 13.76-24.51 24.73-43.41 32.43S283.36 403 257.69 403c-30.69 0-56.36-5.37-76.55-15.87a101 101 0 01-35.24-30.8c-9.11-12.83-13.66-25.66-13.66-38 0-7.7 3-14.35 8.87-19.95 5.84-5.37 13.42-8.17 22.29-8.17 7.35 0 13.65 2.1 18.79 6.42 4.9 4.08 9.1 10.15 12.48 18.08A108.09 108.09 0 00207 336.15q6.32 8.22 17.86 13.65c7.82 3.62 18.2 5.48 31 5.48 17.62 0 32.09-3.73 42.94-11.08 10.74-7.12 15.88-15.75 15.88-26.25 0-8.28-2.69-14.82-8.29-19.95-5.83-5.37-13.42-9.57-22.87-12.37-9.69-3-22.87-6.18-39.21-9.56-22.17-4.67-41-10.27-56-16.57-15.28-6.42-27.65-15.4-36.76-26.48-9.22-11.32-13.77-25.55-13.77-42.24a67.86 67.86 0 0114.47-42.58c9.57-12.25 23.46-21.82 41.55-28.35 17.74-6.53 38.86-9.8 62.66-9.8 19.14 0 35.83 2.22 49.83 6.42s25.91 10.15 35.36 17.38 16.34 14.93 20.77 23 6.66 16.22 6.66 24c0 7.46-2.92 14.35-8.76 20.3a29.65 29.65 0 01-21.94 9.1c-7.93 0-14.12-1.87-18.43-5.6-4-3.5-8.17-8.87-12.72-16.69-5.37-9.91-11.79-17.85-19.14-23.45-7.24-5.36-19.14-8.16-35.71-8.16-15.29 0-27.77 3-37 9-8.87 5.72-13.19 12.37-13.19 20.18a18.26 18.26 0 004.32 12.25 38.13 38.13 0 0012.72 9.57 90.14 90.14 0 0017.15 6.53c6 1.64 15.87 4.09 29.53 7.12 17.38 3.62 33.25 7.82 47.26 12.13 14.24 4.55 26.49 10 36.52 16.45a72.93 72.93 0 0124.16 25.09c5.72 10 8.64 22.63 8.64 37.1A75.09 75.09 0 01368 359z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSkype.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSkype.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSkype"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSkype.js"],"names":["LogoSkype","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2mDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSkype.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSkype = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467.16 303.6a205.69 205.69 0 004.9-45.15c0-116.32-95.69-210.7-213.79-210.7a221.83 221.83 0 00-36.52 3A123.58 123.58 0 00155.93 32C87.55 32 32 86.72 32 154.15A119.56 119.56 0 0049 216a211.16 211.16 0 00-4.32 42.35c0 116.44 95.69 210.7 213.67 210.7a214 214 0 0039.09-3.5A125.45 125.45 0 00356.07 480C424.57 480 480 425.28 480 357.85a118 118 0 00-12.84-54.25zM368 359c-9.92 13.76-24.51 24.73-43.41 32.43S283.36 403 257.69 403c-30.69 0-56.36-5.37-76.55-15.87a101 101 0 01-35.24-30.8c-9.11-12.83-13.66-25.66-13.66-38 0-7.7 3-14.35 8.87-19.95 5.84-5.37 13.42-8.17 22.29-8.17 7.35 0 13.65 2.1 18.79 6.42 4.9 4.08 9.1 10.15 12.48 18.08A108.09 108.09 0 00207 336.15q6.32 8.22 17.86 13.65c7.82 3.62 18.2 5.48 31 5.48 17.62 0 32.09-3.73 42.94-11.08 10.74-7.12 15.88-15.75 15.88-26.25 0-8.28-2.69-14.82-8.29-19.95-5.83-5.37-13.42-9.57-22.87-12.37-9.69-3-22.87-6.18-39.21-9.56-22.17-4.67-41-10.27-56-16.57-15.28-6.42-27.65-15.4-36.76-26.48-9.22-11.32-13.77-25.55-13.77-42.24a67.86 67.86 0 0114.47-42.58c9.57-12.25 23.46-21.82 41.55-28.35 17.74-6.53 38.86-9.8 62.66-9.8 19.14 0 35.83 2.22 49.83 6.42s25.91 10.15 35.36 17.38 16.34 14.93 20.77 23 6.66 16.22 6.66 24c0 7.46-2.92 14.35-8.76 20.3a29.65 29.65 0 01-21.94 9.1c-7.93 0-14.12-1.87-18.43-5.6-4-3.5-8.17-8.87-12.72-16.69-5.37-9.91-11.79-17.85-19.14-23.45-7.24-5.36-19.14-8.16-35.71-8.16-15.29 0-27.77 3-37 9-8.87 5.72-13.19 12.37-13.19 20.18a18.26 18.26 0 004.32 12.25 38.13 38.13 0 0012.72 9.57 90.14 90.14 0 0017.15 6.53c6 1.64 15.87 4.09 29.53 7.12 17.38 3.62 33.25 7.82 47.26 12.13 14.24 4.55 26.49 10 36.52 16.45a72.93 72.93 0 0124.16 25.09c5.72 10 8.64 22.63 8.64 37.1A75.09 75.09 0 01368 359z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSkype.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSkype.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSkype"]}
\ No newline at end of file
diff --git a/lib/LogoSlack.js b/lib/LogoSlack.js
index 99d18e143..43e80f38f 100644
--- a/lib/LogoSlack.js
+++ b/lib/LogoSlack.js
@@ -47,7 +47,7 @@ var LogoSlack = function LogoSlack(props) {
 LogoSlack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSlack.js.map b/lib/LogoSlack.js.map
index 926d6cc41..3f554bbfe 100644
--- a/lib/LogoSlack.js.map
+++ b/lib/LogoSlack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSlack.js"],"names":["LogoSlack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mdAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSlack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSlack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126.12 315.1A47.06 47.06 0 1179.06 268h47.06zM149.84 315.1a47.06 47.06 0 0194.12 0v117.84a47.06 47.06 0 11-94.12 0zM196.9 126.12A47.06 47.06 0 11244 79.06v47.06zM196.9 149.84a47.06 47.06 0 010 94.12H79.06a47.06 47.06 0 010-94.12zM385.88 196.9a47.06 47.06 0 1147.06 47.1h-47.06zM362.16 196.9a47.06 47.06 0 01-94.12 0V79.06a47.06 47.06 0 1194.12 0zM315.1 385.88a47.06 47.06 0 11-47.1 47.06v-47.06zM315.1 362.16a47.06 47.06 0 010-94.12h117.84a47.06 47.06 0 110 94.12z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSlack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSlack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSlack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSlack.js"],"names":["LogoSlack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mdAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSlack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSlack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126.12 315.1A47.06 47.06 0 1179.06 268h47.06zM149.84 315.1a47.06 47.06 0 0194.12 0v117.84a47.06 47.06 0 11-94.12 0zM196.9 126.12A47.06 47.06 0 11244 79.06v47.06zM196.9 149.84a47.06 47.06 0 010 94.12H79.06a47.06 47.06 0 010-94.12zM385.88 196.9a47.06 47.06 0 1147.06 47.1h-47.06zM362.16 196.9a47.06 47.06 0 01-94.12 0V79.06a47.06 47.06 0 1194.12 0zM315.1 385.88a47.06 47.06 0 11-47.1 47.06v-47.06zM315.1 362.16a47.06 47.06 0 010-94.12h117.84a47.06 47.06 0 110 94.12z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSlack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSlack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSlack"]}
\ No newline at end of file
diff --git a/lib/LogoSnapchat.js b/lib/LogoSnapchat.js
index 7f504b6dd..7367d53ec 100644
--- a/lib/LogoSnapchat.js
+++ b/lib/LogoSnapchat.js
@@ -47,7 +47,7 @@ var LogoSnapchat = function LogoSnapchat(props) {
 LogoSnapchat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSnapchat.js.map b/lib/LogoSnapchat.js.map
index d07a779a2..94a27fd72 100644
--- a/lib/LogoSnapchat.js.map
+++ b/lib/LogoSnapchat.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSnapchat.js"],"names":["LogoSnapchat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m0CAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoSnapchat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSnapchat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 347.21a190.31 190.31 0 01-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43-6.9-14.63-2.64-18.59 11.86-24 14.18-5.27 29.8-7.72 36.86-23 5.89-12.76 1.13-27.76-10.41-35.49-15.71-10.53-30.35-.21-46.62 2.07 3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92-16.32-2.25-30.81-12.79-46.63-2.18-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14-14.48 28.4-39.26 45.74-69.84 51.56-4 .76-22.31 2.87-31 3.65 0 9.28.52 16.78 1.63 21.73 2.94 13.06 12.32 23.58 23.69 30.1 11.18 6.4 35.48 6.43 41.68 15.51 3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0015.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1 14.85 3.95 26.52 15.87 39.26 24 15.51 9.85 32.34 16.42 50.83 17.49 38.1 2.21 59.93-18.91 90.58-36.42 19.5-11.14 38.15-3.86 58.88-2.68 20.1 1.15 23.53-9.25 29.62-24.88a27.37 27.37 0 001.54-4.85 10.52 10.52 0 002.28-1.47c2-1.57 10.55-2.34 12.76-2.86 10.28-2.44 20.34-5.15 29.17-11.2 11.31-7.76 17.65-18.5 19.58-32.64a93.73 93.73 0 001.38-15.67zM208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24-16-10.74-16-24 7.16-24 16-24zm103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 01-55.66-23.34 8 8 0 0111.32-11.32A62.46 62.46 0 00256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0111.23 11.4zM304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSnapchat.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSnapchat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSnapchat"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSnapchat.js"],"names":["LogoSnapchat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m0CAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoSnapchat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSnapchat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 347.21a190.31 190.31 0 01-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43-6.9-14.63-2.64-18.59 11.86-24 14.18-5.27 29.8-7.72 36.86-23 5.89-12.76 1.13-27.76-10.41-35.49-15.71-10.53-30.35-.21-46.62 2.07 3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92-16.32-2.25-30.81-12.79-46.63-2.18-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14-14.48 28.4-39.26 45.74-69.84 51.56-4 .76-22.31 2.87-31 3.65 0 9.28.52 16.78 1.63 21.73 2.94 13.06 12.32 23.58 23.69 30.1 11.18 6.4 35.48 6.43 41.68 15.51 3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0015.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1 14.85 3.95 26.52 15.87 39.26 24 15.51 9.85 32.34 16.42 50.83 17.49 38.1 2.21 59.93-18.91 90.58-36.42 19.5-11.14 38.15-3.86 58.88-2.68 20.1 1.15 23.53-9.25 29.62-24.88a27.37 27.37 0 001.54-4.85 10.52 10.52 0 002.28-1.47c2-1.57 10.55-2.34 12.76-2.86 10.28-2.44 20.34-5.15 29.17-11.2 11.31-7.76 17.65-18.5 19.58-32.64a93.73 93.73 0 001.38-15.67zM208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24-16-10.74-16-24 7.16-24 16-24zm103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 01-55.66-23.34 8 8 0 0111.32-11.32A62.46 62.46 0 00256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0111.23 11.4zM304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSnapchat.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSnapchat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSnapchat"]}
\ No newline at end of file
diff --git a/lib/LogoSoundcloud.js b/lib/LogoSoundcloud.js
index 0a6ea5ba6..0aa384561 100644
--- a/lib/LogoSoundcloud.js
+++ b/lib/LogoSoundcloud.js
@@ -47,7 +47,7 @@ var LogoSoundcloud = function LogoSoundcloud(props) {
 LogoSoundcloud.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSoundcloud.js.map b/lib/LogoSoundcloud.js.map
index d4d83e2a9..d44dd9b14 100644
--- a/lib/LogoSoundcloud.js.map
+++ b/lib/LogoSoundcloud.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSoundcloud.js"],"names":["LogoSoundcloud","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,suDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoSoundcloud.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSoundcloud = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M5.8 278a2.11 2.11 0 00-2 2L0 308.64l3.74 28.16a2.12 2.12 0 002.05 2 2.14 2.14 0 002-2l4.44-28.17L7.83 280a2.14 2.14 0 00-2-2zM26.85 262.32a2.13 2.13 0 00-4.26 0l-5 46.32 5 45.3a2.13 2.13 0 004.26 0l5.73-45.31-5.73-46.32zM106.17 219.59a4 4 0 00-3.87 3.87l-4 85.22 4 55.08a3.88 3.88 0 007.75 0l4.53-55.08-4.53-85.22a4 4 0 00-3.88-3.87zM65.12 249.21a3.09 3.09 0 00-3 3l-4.52 56.45 4.51 54.63a3 3 0 006 0l5.13-54.63-5.13-56.48a3.1 3.1 0 00-2.99-2.97zM147.88 367.6a4.83 4.83 0 004.75-4.74l3.93-54.15-3.93-113.46a4.75 4.75 0 00-9.5 0l-3.49 113.45 3.49 54.17a4.81 4.81 0 004.75 4.73zM233.28 367.85a6.6 6.6 0 006.5-6.52l2.74-52.6-2.74-131a6.5 6.5 0 10-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 006.5 6.45zM190.26 367.65a5.67 5.67 0 005.62-5.64l3.34-53.33-3.34-114.28a5.63 5.63 0 10-11.25 0l-3 114.29 3 53.32a5.66 5.66 0 005.63 5.6zM85.56 367.15a3.53 3.53 0 003.44-3.41l4.83-55.09-4.83-52.4a3.44 3.44 0 00-6.88 0l-4.26 52.38 4.26 55.08a3.5 3.5 0 003.44 3.44zM44.84 364.13a2.67 2.67 0 002.57-2.52l5.43-53-5.42-55a2.57 2.57 0 00-5.14 0l-4.78 55 4.78 53a2.62 2.62 0 002.56 2.53zM211.69 192.53a6.1 6.1 0 00-6.07 6.09l-2.71 110.11 2.71 53a6.07 6.07 0 0012.13 0l3-53-3-110.13a6.1 6.1 0 00-6.06-6.07zM127 367.71a4.41 4.41 0 004.31-4.3l4.23-54.71-4.28-104.7a4.32 4.32 0 00-8.63 0l-3.74 104.7 3.75 54.73a4.38 4.38 0 004.36 4.28zM174.17 362.54l3.63-53.8-3.63-117.28a5.19 5.19 0 10-10.37 0l-3.23 117.28 3.23 53.83a5.18 5.18 0 0010.36 0zM449 241.1a62.42 62.42 0 00-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.92 111.92 0 00-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 006.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46zM254.79 158.87a7 7 0 00-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1013.87-.06v.06l3.09-51.87-3.09-142.93a7 7 0 00-6.93-6.95z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSoundcloud.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSoundcloud.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSoundcloud"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSoundcloud.js"],"names":["LogoSoundcloud","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,suDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"LogoSoundcloud.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSoundcloud = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M5.8 278a2.11 2.11 0 00-2 2L0 308.64l3.74 28.16a2.12 2.12 0 002.05 2 2.14 2.14 0 002-2l4.44-28.17L7.83 280a2.14 2.14 0 00-2-2zM26.85 262.32a2.13 2.13 0 00-4.26 0l-5 46.32 5 45.3a2.13 2.13 0 004.26 0l5.73-45.31-5.73-46.32zM106.17 219.59a4 4 0 00-3.87 3.87l-4 85.22 4 55.08a3.88 3.88 0 007.75 0l4.53-55.08-4.53-85.22a4 4 0 00-3.88-3.87zM65.12 249.21a3.09 3.09 0 00-3 3l-4.52 56.45 4.51 54.63a3 3 0 006 0l5.13-54.63-5.13-56.48a3.1 3.1 0 00-2.99-2.97zM147.88 367.6a4.83 4.83 0 004.75-4.74l3.93-54.15-3.93-113.46a4.75 4.75 0 00-9.5 0l-3.49 113.45 3.49 54.17a4.81 4.81 0 004.75 4.73zM233.28 367.85a6.6 6.6 0 006.5-6.52l2.74-52.6-2.74-131a6.5 6.5 0 10-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 006.5 6.45zM190.26 367.65a5.67 5.67 0 005.62-5.64l3.34-53.33-3.34-114.28a5.63 5.63 0 10-11.25 0l-3 114.29 3 53.32a5.66 5.66 0 005.63 5.6zM85.56 367.15a3.53 3.53 0 003.44-3.41l4.83-55.09-4.83-52.4a3.44 3.44 0 00-6.88 0l-4.26 52.38 4.26 55.08a3.5 3.5 0 003.44 3.44zM44.84 364.13a2.67 2.67 0 002.57-2.52l5.43-53-5.42-55a2.57 2.57 0 00-5.14 0l-4.78 55 4.78 53a2.62 2.62 0 002.56 2.53zM211.69 192.53a6.1 6.1 0 00-6.07 6.09l-2.71 110.11 2.71 53a6.07 6.07 0 0012.13 0l3-53-3-110.13a6.1 6.1 0 00-6.06-6.07zM127 367.71a4.41 4.41 0 004.31-4.3l4.23-54.71-4.28-104.7a4.32 4.32 0 00-8.63 0l-3.74 104.7 3.75 54.73a4.38 4.38 0 004.36 4.28zM174.17 362.54l3.63-53.8-3.63-117.28a5.19 5.19 0 10-10.37 0l-3.23 117.28 3.23 53.83a5.18 5.18 0 0010.36 0zM449 241.1a62.42 62.42 0 00-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.92 111.92 0 00-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 006.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46zM254.79 158.87a7 7 0 00-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1013.87-.06v.06l3.09-51.87-3.09-142.93a7 7 0 00-6.93-6.95z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSoundcloud.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSoundcloud.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSoundcloud"]}
\ No newline at end of file
diff --git a/lib/LogoStackoverflow.js b/lib/LogoStackoverflow.js
index 419b8437a..3dbcf7f3c 100644
--- a/lib/LogoStackoverflow.js
+++ b/lib/LogoStackoverflow.js
@@ -48,7 +48,7 @@ var LogoStackoverflow = function LogoStackoverflow(props) {
 LogoStackoverflow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoStackoverflow.js.map b/lib/LogoStackoverflow.js.map
index ab8c6a552..f1a90fa87 100644
--- a/lib/LogoStackoverflow.js.map
+++ b/lib/LogoStackoverflow.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoStackoverflow.js"],"names":["LogoStackoverflow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oCAAR,GAAjK;AAA+M,8CAAM,GAAE,gNAAR;AAA/M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LogoStackoverflow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoStackoverflow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 440V320h40v160H64V320h40v120z\"/><path d=\"M149.1 308.77l198.57 40.87 8.4-39.32-198.57-40.87zm26.27-93.12L359.22 300 376 263.76l-183.82-84.84zm50.95-89l156 127.78 25.74-30.52-156-127.78zM328 32l-33.39 23.8 120.82 160.37L448 192zM144 400h204v-40H144z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoStackoverflow.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoStackoverflow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoStackoverflow"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoStackoverflow.js"],"names":["LogoStackoverflow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oCAAR,GAAhK;AAA+M,8CAAM,GAAE,gNAAR;AAA/M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"LogoStackoverflow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoStackoverflow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 440V320h40v160H64V320h40v120z\" /><path d=\"M149.1 308.77l198.57 40.87 8.4-39.32-198.57-40.87zm26.27-93.12L359.22 300 376 263.76l-183.82-84.84zm50.95-89l156 127.78 25.74-30.52-156-127.78zM328 32l-33.39 23.8 120.82 160.37L448 192zM144 400h204v-40H144z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoStackoverflow.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoStackoverflow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoStackoverflow"]}
\ No newline at end of file
diff --git a/lib/LogoSteam.js b/lib/LogoSteam.js
index d6f07c2a6..f414ea100 100644
--- a/lib/LogoSteam.js
+++ b/lib/LogoSteam.js
@@ -47,7 +47,7 @@ var LogoSteam = function LogoSteam(props) {
 LogoSteam.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoSteam.js.map b/lib/LogoSteam.js.map
index 1bde6ee17..19bbfcecd 100644
--- a/lib/LogoSteam.js.map
+++ b/lib/LogoSteam.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoSteam.js"],"names":["LogoSteam","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6kBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSteam.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSteam = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.8 208.2a36 36 0 11-36-36 36 36 0 0136 36zM442.6 139a69.42 69.42 0 00-69.4 68.7l-43.2 62a48.86 48.86 0 00-5.4-.3 51.27 51.27 0 00-26.4 7.3L102.4 198a51.8 51.8 0 10-50.6 62.9 51.27 51.27 0 0026.4-7.3L274 332.2a51.76 51.76 0 00102.1-5.9l66.5-48.6a69.35 69.35 0 100-138.7zm0 22.9a46.45 46.45 0 11-46.5 46.5 46.54 46.54 0 0146.5-46.5zm-390.8 9a38.18 38.18 0 0133.7 20.2l-18.9-7.6v.1a30.21 30.21 0 00-22.6 56v.1l16.1 6.4a36.8 36.8 0 01-8.2.9 38.05 38.05 0 01-.1-76.1zm272.8 112.2a38.1 38.1 0 11-33.7 55.9c6.3 2.5 12.5 5 18.8 7.6a30.27 30.27 0 1022.5-56.2l-15.9-6.4a46.83 46.83 0 018.3-.9z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSteam.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSteam.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSteam"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoSteam.js"],"names":["LogoSteam","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6kBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoSteam.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoSteam = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M478.8 208.2a36 36 0 11-36-36 36 36 0 0136 36zM442.6 139a69.42 69.42 0 00-69.4 68.7l-43.2 62a48.86 48.86 0 00-5.4-.3 51.27 51.27 0 00-26.4 7.3L102.4 198a51.8 51.8 0 10-50.6 62.9 51.27 51.27 0 0026.4-7.3L274 332.2a51.76 51.76 0 00102.1-5.9l66.5-48.6a69.35 69.35 0 100-138.7zm0 22.9a46.45 46.45 0 11-46.5 46.5 46.54 46.54 0 0146.5-46.5zm-390.8 9a38.18 38.18 0 0133.7 20.2l-18.9-7.6v.1a30.21 30.21 0 00-22.6 56v.1l16.1 6.4a36.8 36.8 0 01-8.2.9 38.05 38.05 0 01-.1-76.1zm272.8 112.2a38.1 38.1 0 11-33.7 55.9c6.3 2.5 12.5 5 18.8 7.6a30.27 30.27 0 1022.5-56.2l-15.9-6.4a46.83 46.83 0 018.3-.9z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoSteam.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoSteam.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoSteam"]}
\ No newline at end of file
diff --git a/lib/LogoStencil.js b/lib/LogoStencil.js
index 6fbfb04c6..602baa9c8 100644
--- a/lib/LogoStencil.js
+++ b/lib/LogoStencil.js
@@ -47,7 +47,7 @@ var LogoStencil = function LogoStencil(props) {
 LogoStencil.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoStencil.js.map b/lib/LogoStencil.js.map
index 535f84f50..e4ef9c99a 100644
--- a/lib/LogoStencil.js.map
+++ b/lib/LogoStencil.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoStencil.js"],"names":["LogoStencil","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoStencil.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoStencil = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M188.8 334.07h197.33L279.47 448H83.2zM512 199H106.61L0 313h405.39zM232.2 64h196.6L322.62 177.93H125.87z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoStencil.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoStencil.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoStencil"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoStencil.js"],"names":["LogoStencil","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoStencil.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoStencil = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M188.8 334.07h197.33L279.47 448H83.2zM512 199H106.61L0 313h405.39zM232.2 64h196.6L322.62 177.93H125.87z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoStencil.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoStencil.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoStencil"]}
\ No newline at end of file
diff --git a/lib/LogoTableau.js b/lib/LogoTableau.js
index 30f1a1e38..d2a8284d6 100644
--- a/lib/LogoTableau.js
+++ b/lib/LogoTableau.js
@@ -49,7 +49,7 @@ var LogoTableau = function LogoTableau(props) {
 LogoTableau.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTableau.js.map b/lib/LogoTableau.js.map
index 789ec117b..3fb541b92 100644
--- a/lib/LogoTableau.js.map
+++ b/lib/LogoTableau.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTableau.js"],"names":["LogoTableau","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,udAAR,GAAjK;AAAkoB,8CAAM,aAAU,SAAhB,EAA0B,GAAE,qFAA5B,GAAloB;AAAqvB,8CAAM,GAAE,8JAAR;AAArvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoTableau.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTableau = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M242.69 340.3h26.62v-72.6h67v-25.82h-67v-72.6h-26.62v72.6h-66.15v25.82h66.15zM119.26 445.18h22.59v-64.54h59.7v-20.17h-59.7v-65.34h-22.59v65.34h-59.7v20.17h59.7zM370.15 212h22.59v-64.5h60.5v-19.37h-60.5V62.79h-22.59v65.34h-59.7v19.37h59.7zM246.72 496h19.36v-46h41.15v-16.92h-41.15v-46h-19.36v46h-40.33V450h40.33zM120.07 212h21v-65.31h60.51v-18.56H141V62.79h-21v65.34H59.56v18.56h60.51zM435.72 308.84h19.36v-45.18H496v-17.74h-40.92v-45.18h-19.36v45.18h-40.33v17.74h40.33z\"/><path fill-rule=\"evenodd\" d=\"M370.15 445.18h22.59v-64.54h60.5v-20.17h-60.5v-65.34h-22.59v65.34h-59.7v20.17h59.7z\"/><path d=\"M307 74.08V60.37h-40.34V16h-14.52v44.37h-40.33v13.71h40.33v44.37h14.52V74.08zM56.11 305.61h14.52v-44.37H111v-13.71H70.63V204H56.11v43.56H16v14.52l40.11-.08z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTableau.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTableau.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTableau"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTableau.js"],"names":["LogoTableau","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,udAAR,GAAhK;AAAkoB,8CAAM,aAAU,SAAhB,EAA0B,GAAE,qFAA5B,GAAloB;AAAsvB,8CAAM,GAAE,8JAAR;AAAtvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoTableau.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTableau = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M242.69 340.3h26.62v-72.6h67v-25.82h-67v-72.6h-26.62v72.6h-66.15v25.82h66.15zM119.26 445.18h22.59v-64.54h59.7v-20.17h-59.7v-65.34h-22.59v65.34h-59.7v20.17h59.7zM370.15 212h22.59v-64.5h60.5v-19.37h-60.5V62.79h-22.59v65.34h-59.7v19.37h59.7zM246.72 496h19.36v-46h41.15v-16.92h-41.15v-46h-19.36v46h-40.33V450h40.33zM120.07 212h21v-65.31h60.51v-18.56H141V62.79h-21v65.34H59.56v18.56h60.51zM435.72 308.84h19.36v-45.18H496v-17.74h-40.92v-45.18h-19.36v45.18h-40.33v17.74h40.33z\" /><path fill-rule=\"evenodd\" d=\"M370.15 445.18h22.59v-64.54h60.5v-20.17h-60.5v-65.34h-22.59v65.34h-59.7v20.17h59.7z\" /><path d=\"M307 74.08V60.37h-40.34V16h-14.52v44.37h-40.33v13.71h40.33v44.37h14.52V74.08zM56.11 305.61h14.52v-44.37H111v-13.71H70.63V204H56.11v43.56H16v14.52l40.11-.08z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTableau.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTableau.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTableau"]}
\ No newline at end of file
diff --git a/lib/LogoTiktok.js b/lib/LogoTiktok.js
index 898ba6905..03c326d64 100644
--- a/lib/LogoTiktok.js
+++ b/lib/LogoTiktok.js
@@ -47,7 +47,7 @@ var LogoTiktok = function LogoTiktok(props) {
 LogoTiktok.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTiktok.js.map b/lib/LogoTiktok.js.map
index de5736ed7..632962f68 100644
--- a/lib/LogoTiktok.js.map
+++ b/lib/LogoTiktok.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTiktok.js"],"names":["LogoTiktok","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m0BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTiktok.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTiktok = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTiktok.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTiktok.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTiktok"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTiktok.js"],"names":["LogoTiktok","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m0BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTiktok.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTiktok = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTiktok.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTiktok.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTiktok"]}
\ No newline at end of file
diff --git a/lib/LogoTumblr.js b/lib/LogoTumblr.js
index e77eeddb7..65c45b822 100644
--- a/lib/LogoTumblr.js
+++ b/lib/LogoTumblr.js
@@ -47,7 +47,7 @@ var LogoTumblr = function LogoTumblr(props) {
 LogoTumblr.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTumblr.js.map b/lib/LogoTumblr.js.map
index f50676452..8ff68e990 100644
--- a/lib/LogoTumblr.js.map
+++ b/lib/LogoTumblr.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTumblr.js"],"names":["LogoTumblr","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTumblr.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTumblr = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88zm-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTumblr.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTumblr.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTumblr"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTumblr.js"],"names":["LogoTumblr","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTumblr.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTumblr = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88zm-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTumblr.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTumblr.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTumblr"]}
\ No newline at end of file
diff --git a/lib/LogoTux.js b/lib/LogoTux.js
index ba50765ef..ab0421ee6 100644
--- a/lib/LogoTux.js
+++ b/lib/LogoTux.js
@@ -47,7 +47,7 @@ var LogoTux = function LogoTux(props) {
 LogoTux.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTux.js.map b/lib/LogoTux.js.map
index 0599f925b..96ab8a191 100644
--- a/lib/LogoTux.js.map
+++ b/lib/LogoTux.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTux.js"],"names":["LogoTux","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wqKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoTux.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTux = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M443.66 405.05c-1.46-.79-2.85-1.54-4-2.2-6.47-3.83-13-10.52-11.85-17.83 2.42-15.94 2.89-23.47-.49-28.79a15.61 15.61 0 00-7.67-6.2v-.06c1.41-2.56 2.26-5.66 2.83-10.12 1.44-11-5-44-13.7-70.7-8.08-24.68-29.24-50-44.7-68.56l-3.61-4.34c-23.88-28.93-24.34-38.19-26.55-82.67-.32-6.47-.69-13.8-1.17-22C329.87 41.43 304 16 256 16c-25.2 0-44.62 7.15-57.72 21.26C187.79 48.55 182 64 182 80.78c0 29.52 2 53 2.15 54.29 1.4 35.7 1 41.22-8.31 57.55-2.23 3.93-8.38 10.87-14.89 18.21-8.48 9.57-18.09 20.41-23.36 29.22-3.77 6.31-5.88 12.63-8.11 19.33-3.4 10.21-7.26 21.78-18.15 36.57-12.57 17.07-15.52 29.61-11 47.45-4.94 6.45-4.83 14.37-4.75 20.23a25.84 25.84 0 01-.3 6.09c-2.29 7.59-12.42 9.4-22 10.18-1.58.12-3.1.21-4.55.29-7.26.39-13.53.74-17.13 6.3-3.47 5.36-1.12 13.8 2.14 25.48.72 2.58 1.46 5.25 2.19 8.06 1.83 7-.16 10.48-2.68 14.84-2.44 4.21-5.21 9-5.21 17.55 0 14.67 20 18 43.05 21.94 7.36 1.24 15 2.53 22.63 4.24a225.58 225.58 0 0134.08 10.68c9.72 3.73 17.4 6.68 26.43 6.68 16.18 0 28.25-9.77 39.92-19.21l2.15-1.75c5.53-4.49 21.5-4 34.34-3.64 3.46.1 6.73.2 9.65.2h6.22c13.48-.08 31.94-.18 42.23 2.5 3.75 1 6.2 3.72 9.29 7.19 5.87 6.56 13.17 14.75 33.39 14.75 19.39 0 29.55-8.71 41.32-18.8 7.16-6.13 14.56-12.48 25.07-17.86 3.92-2 7.62-3.87 11.08-5.61 22.64-11.38 35.11-17.65 35.11-27.82 0-9.91-12.24-16.5-20.34-20.86zM211.11 88.38a13.91 13.91 0 0112.47 9c1.95 5.55 1.81 10.42.21 12.94 0 0-.22-1-.36-1.44a14.85 14.85 0 00-6.44-8.59 11.35 11.35 0 00-8.94-1.47c-4.26 1.13-8.41 5-8.91 18.79-5.16-10.47-2.31-18 .92-23 2.31-3.73 7.47-6.33 11.05-6.23zm-17.5 375C192 479.24 175.2 479 170.09 478.59c-9.81-.82-21.66-4.69-33.13-8.43-4.52-1.47-9.19-3-13.73-4.34-13.2-3.89-30.12-6.74-43.72-9-3.22-.55-6.27-1.06-9.05-1.55s-4.61-1.27-5.2-2.3c-1-1.65.38-5.25 1.93-9.41C69.27 438 72.11 430.34 72 421c0-3.91-1.47-8.3-2.84-12.56-1.62-5-3.28-10.17-1.93-12.62 1.23-2.23 6.75-2.49 11.6-2.49h2.26c3.55 0 6.62.06 8.75-.53 6.51-1.81 14.86-6.92 17.81-13.88.9-2.17 1.37-6.94 2-14 .37-4.12.74-8.37 1.22-10.58a3.55 3.55 0 012.11-2.55c1.65-.77 6.78-1.91 18.63 4.08 11.18 5.65 22.88 25.84 34.2 45.37 3.56 6.14 6.92 11.94 10.3 17.36 14.04 22.54 18.83 31.6 17.5 44.8zm128.84-31.56a68.74 68.74 0 01-4.55 10.9.58.58 0 01-1.08-.42 56.61 56.61 0 002.11-18.43c-.25-4.73-.4-7.59-2.66-8.51s-4.26.83-9.45 5.54c-1.1 1-2.36 2.14-3.78 3.4-10.8 9.47-26.88 20.68-55.61 23.37-16.84 1.59-27.59-4.63-30.92-8.14a2.16 2.16 0 00-3.07-.08 2.23 2.23 0 00-.51 2.29c2.12 6.84 1.2 12.26-.49 16.19-.95 2.2-1.85 2.05-2-.34-.25-4.64-1-9.88-3-14.19-3.11-6.94-7-14.34-8.89-17.88v-.05c3.24-1.49 8.86-4.83 11.37-10.88s4.48-18-9.82-31.74c-6.28-6.05-22.1-17.16-36.06-27-10.9-7.65-22.17-15.56-23.65-17.51-4.49-5.89-6.37-9.3-6.94-19.65.07-2.3.13-4.59.19-6.89l.27-2.49a.58.58 0 011.15 0 63.07 63.07 0 002 9.72c1.08 3.73 2.4 7.58 3.62 9.18 3.19 4.22 7.56 7.39 11.67 8.49a5.48 5.48 0 005-.72c2.93-2.33 2.65-7.6 2.19-16.34-.47-9-1.11-21.34 1.85-34.55 5.62-25 10.91-32.51 17.61-42 .86-1.22 1.75-2.47 2.65-3.79 1.44-2.08 3-4.1 4.67-6.23 7.47-9.61 15.93-20.49 13.92-40.95-.51-5.19-.76-8.83-.86-11.39a1 1 0 011.88-.59l.49.77 1.21 2c4.86 8 13.64 22.57 25.1 22.57a13.62 13.62 0 002.36-.21c23.39-3.93 51.9-30.25 52.17-30.51 3.12-3 2.84-6.14 1.64-7.91a5.18 5.18 0 00-6.45-1.72c-3.29 1.4-7.14 3.15-11.22 5-13.82 6.27-37 16.75-42.25 14.34a23.11 23.11 0 01-6.32-5.13 1 1 0 011.14-1.65c5.59 2.29 9.55 1.45 14.2-.08l1-.34c9.37-3.09 14.2-4.77 30.76-12.08a97.55 97.55 0 0116.26-5.93c4-1 6.42-1.63 7.71-4.34a6.65 6.65 0 00-.5-7.13c-1.53-1.87-4.07-2.57-7-1.9-3.22.75-4.7 3-6.41 4.49-2.4 2.05-5 4.16-17.19 8.65-27 10-34.58 10.61-45.21 3.43-9.84-6.69-15.15-13.23-15.15-16 0-2.13 5.45-5.7 8.71-7.84 1.33-.87 2.59-1.69 3.62-2.46 4.34-3.22 13-11.39 13.38-11.73 5.4-5.41 17.91-2.18 25 2.58a2.23 2.23 0 001.72.41 2.14 2.14 0 001.68-2.58c-4.2-17.46-.13-27.34 4-32.55a22.58 22.58 0 0117.48-8.48c12.81 0 21.76 10 21.76 24.42 0 11-2.82 16.79-5.48 20.3a1.73 1.73 0 01-2.58.18 1.78 1.78 0 01-.24-2.2A24.61 24.61 0 00290 114a16.58 16.58 0 00-16.84-16.67c-3.94 0-13.48 1.5-16.77 15.44a29.81 29.81 0 00-.34 11.07l.08.71c.9 7.38 15.3 12.51 27.23 15.51 11.36 2.85 13 6.22 8.84 19.63s3.11 26.23 5.7 29.57a78.3 78.3 0 018.31 12.47 93.8 93.8 0 016.62 16.48c2.17 6.79 4.05 12.65 10.63 21.22 11.07 14.4 17.66 48.64 15 78-.21 2.41-.53 4.29-.77 5.67-.43 2.53-.72 4.2.66 5.38s3.16.7 7.26-.63l3.43-1.09a109.33 109.33 0 0112.58-2.8 2.15 2.15 0 001.59-1.16c3.43-6.91 3.85-15.22 4-22.47q0-1.31.06-2.79c.19-7.77.45-18.93-2.95-32a1 1 0 011.93-.64 93 93 0 016.66 25.55c2.55 22.58-1.9 32.09-1.94 32.17a1.61 1.61 0 00.95 2.25 17.12 17.12 0 016.95 4.67c1.46 1.66.93 2.4-1.14 1.62a36.26 36.26 0 00-12.77-2.29c-10.4 0-18.09 4.95-21.51 9.19-3.19 3.94-3.7 7.67-3.83 11.27l-.06.05c-7.48-.75-12.94 1.21-17.47 6.21l-.08.09c-6.26 7.75-4 24.63-1.29 38.48 1.28 6.45 5.59 25.52 1.73 37.68zm96.1 10.07c-15.71 6.71-25.43 14.51-34 21.39-5.65 4.53-11 8.81-17.28 12.14-10.12 5.34-24.91 6.53-33.27-7.7-2.37-4-.71-9.86 1.58-17.95 3.05-10.75 7.23-25.46 3.71-44.65-.94-5.12-1.77-9.51-2.49-13.31C334 377 332.9 371.43 334 367c.63-2.45 3.43-3 5.87-3a20.83 20.83 0 012.63.19 29.51 29.51 0 007 12.1c5.7 5.86 13.63 8.83 23.56 8.85 2.1.17 25.94 1.55 36.54-22.4 1.46.18 3.65.7 4.3 2.3 1.28 3.19-.27 8.91-1.52 13.5-.9 3.31-1.68 6.16-1.63 8.37.31 16 11 22.78 25.83 32.16 1.79 1.13 3.66 2.31 5.55 3.54S445 425 445 426c-.52 4.79-20 13.16-26.45 15.91z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTux.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTux.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTux"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTux.js"],"names":["LogoTux","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wqKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoTux.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTux = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M443.66 405.05c-1.46-.79-2.85-1.54-4-2.2-6.47-3.83-13-10.52-11.85-17.83 2.42-15.94 2.89-23.47-.49-28.79a15.61 15.61 0 00-7.67-6.2v-.06c1.41-2.56 2.26-5.66 2.83-10.12 1.44-11-5-44-13.7-70.7-8.08-24.68-29.24-50-44.7-68.56l-3.61-4.34c-23.88-28.93-24.34-38.19-26.55-82.67-.32-6.47-.69-13.8-1.17-22C329.87 41.43 304 16 256 16c-25.2 0-44.62 7.15-57.72 21.26C187.79 48.55 182 64 182 80.78c0 29.52 2 53 2.15 54.29 1.4 35.7 1 41.22-8.31 57.55-2.23 3.93-8.38 10.87-14.89 18.21-8.48 9.57-18.09 20.41-23.36 29.22-3.77 6.31-5.88 12.63-8.11 19.33-3.4 10.21-7.26 21.78-18.15 36.57-12.57 17.07-15.52 29.61-11 47.45-4.94 6.45-4.83 14.37-4.75 20.23a25.84 25.84 0 01-.3 6.09c-2.29 7.59-12.42 9.4-22 10.18-1.58.12-3.1.21-4.55.29-7.26.39-13.53.74-17.13 6.3-3.47 5.36-1.12 13.8 2.14 25.48.72 2.58 1.46 5.25 2.19 8.06 1.83 7-.16 10.48-2.68 14.84-2.44 4.21-5.21 9-5.21 17.55 0 14.67 20 18 43.05 21.94 7.36 1.24 15 2.53 22.63 4.24a225.58 225.58 0 0134.08 10.68c9.72 3.73 17.4 6.68 26.43 6.68 16.18 0 28.25-9.77 39.92-19.21l2.15-1.75c5.53-4.49 21.5-4 34.34-3.64 3.46.1 6.73.2 9.65.2h6.22c13.48-.08 31.94-.18 42.23 2.5 3.75 1 6.2 3.72 9.29 7.19 5.87 6.56 13.17 14.75 33.39 14.75 19.39 0 29.55-8.71 41.32-18.8 7.16-6.13 14.56-12.48 25.07-17.86 3.92-2 7.62-3.87 11.08-5.61 22.64-11.38 35.11-17.65 35.11-27.82 0-9.91-12.24-16.5-20.34-20.86zM211.11 88.38a13.91 13.91 0 0112.47 9c1.95 5.55 1.81 10.42.21 12.94 0 0-.22-1-.36-1.44a14.85 14.85 0 00-6.44-8.59 11.35 11.35 0 00-8.94-1.47c-4.26 1.13-8.41 5-8.91 18.79-5.16-10.47-2.31-18 .92-23 2.31-3.73 7.47-6.33 11.05-6.23zm-17.5 375C192 479.24 175.2 479 170.09 478.59c-9.81-.82-21.66-4.69-33.13-8.43-4.52-1.47-9.19-3-13.73-4.34-13.2-3.89-30.12-6.74-43.72-9-3.22-.55-6.27-1.06-9.05-1.55s-4.61-1.27-5.2-2.3c-1-1.65.38-5.25 1.93-9.41C69.27 438 72.11 430.34 72 421c0-3.91-1.47-8.3-2.84-12.56-1.62-5-3.28-10.17-1.93-12.62 1.23-2.23 6.75-2.49 11.6-2.49h2.26c3.55 0 6.62.06 8.75-.53 6.51-1.81 14.86-6.92 17.81-13.88.9-2.17 1.37-6.94 2-14 .37-4.12.74-8.37 1.22-10.58a3.55 3.55 0 012.11-2.55c1.65-.77 6.78-1.91 18.63 4.08 11.18 5.65 22.88 25.84 34.2 45.37 3.56 6.14 6.92 11.94 10.3 17.36 14.04 22.54 18.83 31.6 17.5 44.8zm128.84-31.56a68.74 68.74 0 01-4.55 10.9.58.58 0 01-1.08-.42 56.61 56.61 0 002.11-18.43c-.25-4.73-.4-7.59-2.66-8.51s-4.26.83-9.45 5.54c-1.1 1-2.36 2.14-3.78 3.4-10.8 9.47-26.88 20.68-55.61 23.37-16.84 1.59-27.59-4.63-30.92-8.14a2.16 2.16 0 00-3.07-.08 2.23 2.23 0 00-.51 2.29c2.12 6.84 1.2 12.26-.49 16.19-.95 2.2-1.85 2.05-2-.34-.25-4.64-1-9.88-3-14.19-3.11-6.94-7-14.34-8.89-17.88v-.05c3.24-1.49 8.86-4.83 11.37-10.88s4.48-18-9.82-31.74c-6.28-6.05-22.1-17.16-36.06-27-10.9-7.65-22.17-15.56-23.65-17.51-4.49-5.89-6.37-9.3-6.94-19.65.07-2.3.13-4.59.19-6.89l.27-2.49a.58.58 0 011.15 0 63.07 63.07 0 002 9.72c1.08 3.73 2.4 7.58 3.62 9.18 3.19 4.22 7.56 7.39 11.67 8.49a5.48 5.48 0 005-.72c2.93-2.33 2.65-7.6 2.19-16.34-.47-9-1.11-21.34 1.85-34.55 5.62-25 10.91-32.51 17.61-42 .86-1.22 1.75-2.47 2.65-3.79 1.44-2.08 3-4.1 4.67-6.23 7.47-9.61 15.93-20.49 13.92-40.95-.51-5.19-.76-8.83-.86-11.39a1 1 0 011.88-.59l.49.77 1.21 2c4.86 8 13.64 22.57 25.1 22.57a13.62 13.62 0 002.36-.21c23.39-3.93 51.9-30.25 52.17-30.51 3.12-3 2.84-6.14 1.64-7.91a5.18 5.18 0 00-6.45-1.72c-3.29 1.4-7.14 3.15-11.22 5-13.82 6.27-37 16.75-42.25 14.34a23.11 23.11 0 01-6.32-5.13 1 1 0 011.14-1.65c5.59 2.29 9.55 1.45 14.2-.08l1-.34c9.37-3.09 14.2-4.77 30.76-12.08a97.55 97.55 0 0116.26-5.93c4-1 6.42-1.63 7.71-4.34a6.65 6.65 0 00-.5-7.13c-1.53-1.87-4.07-2.57-7-1.9-3.22.75-4.7 3-6.41 4.49-2.4 2.05-5 4.16-17.19 8.65-27 10-34.58 10.61-45.21 3.43-9.84-6.69-15.15-13.23-15.15-16 0-2.13 5.45-5.7 8.71-7.84 1.33-.87 2.59-1.69 3.62-2.46 4.34-3.22 13-11.39 13.38-11.73 5.4-5.41 17.91-2.18 25 2.58a2.23 2.23 0 001.72.41 2.14 2.14 0 001.68-2.58c-4.2-17.46-.13-27.34 4-32.55a22.58 22.58 0 0117.48-8.48c12.81 0 21.76 10 21.76 24.42 0 11-2.82 16.79-5.48 20.3a1.73 1.73 0 01-2.58.18 1.78 1.78 0 01-.24-2.2A24.61 24.61 0 00290 114a16.58 16.58 0 00-16.84-16.67c-3.94 0-13.48 1.5-16.77 15.44a29.81 29.81 0 00-.34 11.07l.08.71c.9 7.38 15.3 12.51 27.23 15.51 11.36 2.85 13 6.22 8.84 19.63s3.11 26.23 5.7 29.57a78.3 78.3 0 018.31 12.47 93.8 93.8 0 016.62 16.48c2.17 6.79 4.05 12.65 10.63 21.22 11.07 14.4 17.66 48.64 15 78-.21 2.41-.53 4.29-.77 5.67-.43 2.53-.72 4.2.66 5.38s3.16.7 7.26-.63l3.43-1.09a109.33 109.33 0 0112.58-2.8 2.15 2.15 0 001.59-1.16c3.43-6.91 3.85-15.22 4-22.47q0-1.31.06-2.79c.19-7.77.45-18.93-2.95-32a1 1 0 011.93-.64 93 93 0 016.66 25.55c2.55 22.58-1.9 32.09-1.94 32.17a1.61 1.61 0 00.95 2.25 17.12 17.12 0 016.95 4.67c1.46 1.66.93 2.4-1.14 1.62a36.26 36.26 0 00-12.77-2.29c-10.4 0-18.09 4.95-21.51 9.19-3.19 3.94-3.7 7.67-3.83 11.27l-.06.05c-7.48-.75-12.94 1.21-17.47 6.21l-.08.09c-6.26 7.75-4 24.63-1.29 38.48 1.28 6.45 5.59 25.52 1.73 37.68zm96.1 10.07c-15.71 6.71-25.43 14.51-34 21.39-5.65 4.53-11 8.81-17.28 12.14-10.12 5.34-24.91 6.53-33.27-7.7-2.37-4-.71-9.86 1.58-17.95 3.05-10.75 7.23-25.46 3.71-44.65-.94-5.12-1.77-9.51-2.49-13.31C334 377 332.9 371.43 334 367c.63-2.45 3.43-3 5.87-3a20.83 20.83 0 012.63.19 29.51 29.51 0 007 12.1c5.7 5.86 13.63 8.83 23.56 8.85 2.1.17 25.94 1.55 36.54-22.4 1.46.18 3.65.7 4.3 2.3 1.28 3.19-.27 8.91-1.52 13.5-.9 3.31-1.68 6.16-1.63 8.37.31 16 11 22.78 25.83 32.16 1.79 1.13 3.66 2.31 5.55 3.54S445 425 445 426c-.52 4.79-20 13.16-26.45 15.91z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTux.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTux.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTux"]}
\ No newline at end of file
diff --git a/lib/LogoTwitch.js b/lib/LogoTwitch.js
index a0706c098..d5831b778 100644
--- a/lib/LogoTwitch.js
+++ b/lib/LogoTwitch.js
@@ -48,7 +48,7 @@ var LogoTwitch = function LogoTwitch(props) {
 LogoTwitch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTwitch.js.map b/lib/LogoTwitch.js.map
index b05772ea1..541cd7826 100644
--- a/lib/LogoTwitch.js.map
+++ b/lib/LogoTwitch.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTwitch.js"],"names":["LogoTwitch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2FAAR,GAAjK;AAAsQ,8CAAM,GAAE,0CAAR;AAAtQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTwitch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTwitch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 32l-32 80v304h96v64h64l64-64h80l112-112V32zm336 256l-64 64h-96l-64 64v-64h-80V80h304z\"/><path d=\"M320 143h48v129h-48zM208 143h48v129h-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTwitch.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTwitch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTwitch"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTwitch.js"],"names":["LogoTwitch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2FAAR,GAAhK;AAAsQ,8CAAM,GAAE,0CAAR;AAAtQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoTwitch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTwitch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 32l-32 80v304h96v64h64l64-64h80l112-112V32zm336 256l-64 64h-96l-64 64v-64h-80V80h304z\" /><path d=\"M320 143h48v129h-48zM208 143h48v129h-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTwitch.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTwitch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTwitch"]}
\ No newline at end of file
diff --git a/lib/LogoTwitter.js b/lib/LogoTwitter.js
index f06763fb6..9c2633fb2 100644
--- a/lib/LogoTwitter.js
+++ b/lib/LogoTwitter.js
@@ -47,7 +47,7 @@ var LogoTwitter = function LogoTwitter(props) {
 LogoTwitter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoTwitter.js.map b/lib/LogoTwitter.js.map
index 6f475eaef..20e719358 100644
--- a/lib/LogoTwitter.js.map
+++ b/lib/LogoTwitter.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoTwitter.js"],"names":["LogoTwitter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ijBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoTwitter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTwitter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTwitter.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTwitter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTwitter"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoTwitter.js"],"names":["LogoTwitter","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ijBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoTwitter.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoTwitter = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoTwitter.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoTwitter.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoTwitter"]}
\ No newline at end of file
diff --git a/lib/LogoUsd.js b/lib/LogoUsd.js
index 50190d46f..4bae69250 100644
--- a/lib/LogoUsd.js
+++ b/lib/LogoUsd.js
@@ -47,7 +47,7 @@ var LogoUsd = function LogoUsd(props) {
 LogoUsd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoUsd.js.map b/lib/LogoUsd.js.map
index 54fd58f41..d0fc39249 100644
--- a/lib/LogoUsd.js.map
+++ b/lib/LogoUsd.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoUsd.js"],"names":["LogoUsd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sdAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoUsd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoUsd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 480v-36.42C160.53 439 112.25 398.06 112 336h72c1.77 26.34 23.86 46.45 56 50v-98l-26.77-7c-61-14.18-93.64-49.39-93.64-102.08C119.59 116.81 164.08 76.08 240 70V32h32v38c77.39 6.3 119 47.74 120 106h-72c-.76-24.06-15.83-43.39-48-46v92l30.82 7.28C367.61 243.46 400 277 400 332c0 64.34-43.74 105.88-128 111.32V480zm0-264v-86c-27.59 1.52-47.27 18.47-47.27 42.53 0 22.3 16.39 36.88 47.27 43.47zm32 78v92c38.15-1.54 56.38-18.92 56.38-45.77 0-24.58-18.23-41.13-56.38-46.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoUsd.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoUsd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoUsd"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoUsd.js"],"names":["LogoUsd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sdAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoUsd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoUsd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 480v-36.42C160.53 439 112.25 398.06 112 336h72c1.77 26.34 23.86 46.45 56 50v-98l-26.77-7c-61-14.18-93.64-49.39-93.64-102.08C119.59 116.81 164.08 76.08 240 70V32h32v38c77.39 6.3 119 47.74 120 106h-72c-.76-24.06-15.83-43.39-48-46v92l30.82 7.28C367.61 243.46 400 277 400 332c0 64.34-43.74 105.88-128 111.32V480zm0-264v-86c-27.59 1.52-47.27 18.47-47.27 42.53 0 22.3 16.39 36.88 47.27 43.47zm32 78v92c38.15-1.54 56.38-18.92 56.38-45.77 0-24.58-18.23-41.13-56.38-46.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoUsd.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoUsd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoUsd"]}
\ No newline at end of file
diff --git a/lib/LogoVenmo.js b/lib/LogoVenmo.js
index d8ef0d89d..29bebb9b5 100644
--- a/lib/LogoVenmo.js
+++ b/lib/LogoVenmo.js
@@ -47,7 +47,7 @@ var LogoVenmo = function LogoVenmo(props) {
 LogoVenmo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoVenmo.js.map b/lib/LogoVenmo.js.map
index 6a0039dbd..08cefed98 100644
--- a/lib/LogoVenmo.js.map
+++ b/lib/LogoVenmo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoVenmo.js"],"names":["LogoVenmo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoVenmo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVenmo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444.17 32H70.28C49.85 32 32 46.7 32 66.89V441.6c0 20.31 17.85 38.4 38.28 38.4h373.78c20.54 0 35.94-18.2 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zM278 387H174.32l-41.57-248.56 90.75-8.62 22 176.87c20.53-33.45 45.88-86 45.88-121.87 0-19.62-3.36-33-8.61-44l82.63-16.72c9.56 15.78 13.86 32 13.86 52.57-.01 65.5-55.92 150.59-101.26 210.33z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVenmo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVenmo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVenmo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoVenmo.js"],"names":["LogoVenmo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoVenmo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVenmo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M444.17 32H70.28C49.85 32 32 46.7 32 66.89V441.6c0 20.31 17.85 38.4 38.28 38.4h373.78c20.54 0 35.94-18.2 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zM278 387H174.32l-41.57-248.56 90.75-8.62 22 176.87c20.53-33.45 45.88-86 45.88-121.87 0-19.62-3.36-33-8.61-44l82.63-16.72c9.56 15.78 13.86 32 13.86 52.57-.01 65.5-55.92 150.59-101.26 210.33z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVenmo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVenmo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVenmo"]}
\ No newline at end of file
diff --git a/lib/LogoVercel.js b/lib/LogoVercel.js
index 9282d505e..138716727 100644
--- a/lib/LogoVercel.js
+++ b/lib/LogoVercel.js
@@ -47,7 +47,7 @@ var LogoVercel = function LogoVercel(props) {
 LogoVercel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoVercel.js.map b/lib/LogoVercel.js.map
index 2f3571cde..b157839fc 100644
--- a/lib/LogoVercel.js.map
+++ b/lib/LogoVercel.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoVercel.js"],"names":["LogoVercel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,aAAU,SAAhB,EAA0B,GAAE,qBAA5B;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoVercel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVercel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill-rule=\"evenodd\" d=\"M256 48l240 416H16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVercel.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVercel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVercel"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoVercel.js"],"names":["LogoVercel","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,aAAU,SAAhB,EAA0B,GAAE,qBAA5B;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoVercel.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVercel = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill-rule=\"evenodd\" d=\"M256 48l240 416H16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVercel.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVercel.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVercel"]}
\ No newline at end of file
diff --git a/lib/LogoVimeo.js b/lib/LogoVimeo.js
index 45ca354d1..32abb4625 100644
--- a/lib/LogoVimeo.js
+++ b/lib/LogoVimeo.js
@@ -47,7 +47,7 @@ var LogoVimeo = function LogoVimeo(props) {
 LogoVimeo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoVimeo.js.map b/lib/LogoVimeo.js.map
index d7eb07509..3ff53fba4 100644
--- a/lib/LogoVimeo.js.map
+++ b/lib/LogoVimeo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoVimeo.js"],"names":["LogoVimeo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4zBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoVimeo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVimeo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M476.9 114c-5-23.39-17.51-38.78-40.61-46.27s-64.92-4.5-94.12 16.79c-26.79 19.51-46.26 54.42-54 78.28a4 4 0 005.13 5c10.77-3.8 21.72-7.1 34-6.45 15 .8 24.51 12 24.91 25.29.3 9.79-.2 18.69-3.6 27.68-10.74 28.68-27.61 56.46-47.55 80.75a72.49 72.49 0 01-10 9.89c-10.21 8.29-18.81 6.1-25.41-5.2-5.4-9.29-9-18.88-12.2-29.08-12.4-39.67-16.81-80.84-23.81-121.52-3.3-19.48-7-39.77-18-56.86-11.6-17.79-28.61-24.58-50-22-14.7 1.8-36.91 17.49-47.81 26.39 0 0-56 46.87-81.82 71.35l21.2 27s17.91-12.49 27.51-18.29c5.7-3.39 12.4-4.09 17.2.2 4.51 3.9 9.61 9 12.31 14.1 5.7 10.69 11.2 21.88 14.7 33.37 13.2 44.27 25.51 88.64 37.81 133.22 6.3 22.78 13.9 44.17 28 63.55 19.31 26.59 39.61 32.68 70.92 21.49 25.41-9.09 46.61-26.18 66-43.87 33.11-30.18 59.12-65.36 85.52-101.14 20.41-27.67 37.31-55.67 51.41-86.95C478.5 179.74 484 147.26 476.9 114z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVimeo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVimeo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVimeo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoVimeo.js"],"names":["LogoVimeo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4zBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoVimeo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVimeo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M476.9 114c-5-23.39-17.51-38.78-40.61-46.27s-64.92-4.5-94.12 16.79c-26.79 19.51-46.26 54.42-54 78.28a4 4 0 005.13 5c10.77-3.8 21.72-7.1 34-6.45 15 .8 24.51 12 24.91 25.29.3 9.79-.2 18.69-3.6 27.68-10.74 28.68-27.61 56.46-47.55 80.75a72.49 72.49 0 01-10 9.89c-10.21 8.29-18.81 6.1-25.41-5.2-5.4-9.29-9-18.88-12.2-29.08-12.4-39.67-16.81-80.84-23.81-121.52-3.3-19.48-7-39.77-18-56.86-11.6-17.79-28.61-24.58-50-22-14.7 1.8-36.91 17.49-47.81 26.39 0 0-56 46.87-81.82 71.35l21.2 27s17.91-12.49 27.51-18.29c5.7-3.39 12.4-4.09 17.2.2 4.51 3.9 9.61 9 12.31 14.1 5.7 10.69 11.2 21.88 14.7 33.37 13.2 44.27 25.51 88.64 37.81 133.22 6.3 22.78 13.9 44.17 28 63.55 19.31 26.59 39.61 32.68 70.92 21.49 25.41-9.09 46.61-26.18 66-43.87 33.11-30.18 59.12-65.36 85.52-101.14 20.41-27.67 37.31-55.67 51.41-86.95C478.5 179.74 484 147.26 476.9 114z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVimeo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVimeo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVimeo"]}
\ No newline at end of file
diff --git a/lib/LogoVk.js b/lib/LogoVk.js
index fc65868b9..2bd0957f2 100644
--- a/lib/LogoVk.js
+++ b/lib/LogoVk.js
@@ -47,7 +47,7 @@ var LogoVk = function LogoVk(props) {
 LogoVk.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoVk.js.map b/lib/LogoVk.js.map
index 145204c89..17f2cc6fc 100644
--- a/lib/LogoVk.js.map
+++ b/lib/LogoVk.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoVk.js"],"names":["LogoVk","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mvBAAR,EAA4vB,aAAU,SAAtwB;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"LogoVk.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVk = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M484.7 132c3.56-11.28 0-19.48-15.75-19.48h-52.37c-13.21 0-19.31 7.18-22.87 14.86 0 0-26.94 65.6-64.56 108.13-12.2 12.3-17.79 16.4-24.4 16.4-3.56 0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14 0-13.22 6.15-13.22 12.3 0 12.81 18.81 15.89 20.84 51.76V254c0 16.91-3 20-9.66 20-17.79 0-61-66.11-86.92-141.44C105 117.64 99.88 112 86.66 112H33.79C18.54 112 16 119.17 16 126.86c0 13.84 17.79 83.53 82.86 175.77 43.21 63 104.72 96.86 160.13 96.86 33.56 0 37.62-7.69 37.62-20.5v-47.66c0-15.37 3.05-17.93 13.73-17.93 7.62 0 21.35 4.09 52.36 34.33C398.28 383.6 404.38 400 424.21 400h52.36c15.25 0 22.37-7.69 18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35 0-23.57-.51 0 63.55-91.22 70.15-122\" fill-rule=\"evenodd\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVk.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVk.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVk"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoVk.js"],"names":["LogoVk","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mvBAAR,EAA4vB,aAAU,SAAtwB;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"LogoVk.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVk = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M484.7 132c3.56-11.28 0-19.48-15.75-19.48h-52.37c-13.21 0-19.31 7.18-22.87 14.86 0 0-26.94 65.6-64.56 108.13-12.2 12.3-17.79 16.4-24.4 16.4-3.56 0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14 0-13.22 6.15-13.22 12.3 0 12.81 18.81 15.89 20.84 51.76V254c0 16.91-3 20-9.66 20-17.79 0-61-66.11-86.92-141.44C105 117.64 99.88 112 86.66 112H33.79C18.54 112 16 119.17 16 126.86c0 13.84 17.79 83.53 82.86 175.77 43.21 63 104.72 96.86 160.13 96.86 33.56 0 37.62-7.69 37.62-20.5v-47.66c0-15.37 3.05-17.93 13.73-17.93 7.62 0 21.35 4.09 52.36 34.33C398.28 383.6 404.38 400 424.21 400h52.36c15.25 0 22.37-7.69 18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35 0-23.57-.51 0 63.55-91.22 70.15-122\" fill-rule=\"evenodd\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVk.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVk.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVk"]}
\ No newline at end of file
diff --git a/lib/LogoVue.js b/lib/LogoVue.js
index 4d6d602ff..2b0256e16 100644
--- a/lib/LogoVue.js
+++ b/lib/LogoVue.js
@@ -48,7 +48,7 @@ var LogoVue = function LogoVue(props) {
 LogoVue.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoVue.js.map b/lib/LogoVue.js.map
index 50ff3796c..0766a839a 100644
--- a/lib/LogoVue.js.map
+++ b/lib/LogoVue.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoVue.js"],"names":["LogoVue","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,GAAjK;AAAuP,8CAAM,GAAE,0EAAR;AAAvP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoVue.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVue = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 144.03l-55.49-96.11h-79.43L256 281.61 390.92 47.92h-79.43L256 144.03z\"/><path d=\"M409.4 47.92L256 313.61 102.6 47.92H15.74L256 464.08 496.26 47.92H409.4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVue.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVue.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVue"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoVue.js"],"names":["LogoVue","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,GAAhK;AAAuP,8CAAM,GAAE,0EAAR;AAAvP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoVue.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoVue = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 144.03l-55.49-96.11h-79.43L256 281.61 390.92 47.92h-79.43L256 144.03z\" /><path d=\"M409.4 47.92L256 313.61 102.6 47.92H15.74L256 464.08 496.26 47.92H409.4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoVue.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoVue.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoVue"]}
\ No newline at end of file
diff --git a/lib/LogoWebComponent.js b/lib/LogoWebComponent.js
index e561d2254..aa0f15786 100644
--- a/lib/LogoWebComponent.js
+++ b/lib/LogoWebComponent.js
@@ -49,7 +49,7 @@ var LogoWebComponent = function LogoWebComponent(props) {
 LogoWebComponent.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoWebComponent.js.map b/lib/LogoWebComponent.js.map
index 6696a2dea..282692c26 100644
--- a/lib/LogoWebComponent.js.map
+++ b/lib/LogoWebComponent.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoWebComponent.js"],"names":["LogoWebComponent","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,GAAE,mIAApB,GAAjK;AAA0T,8CAAM,GAAE,yFAAR,GAA1T;AAA6Z,8CAAM,GAAE,8EAAR;AAA7Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"LogoWebComponent.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWebComponent = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M179.9 388l-76.16-132 76.16 132zM179.9 388h152.21l76.15-132-76.15-132H179.9l-76.16 132 76.16 132zM103.74 256l76.16-132-76.16 132z\"/><path d=\"M496 256L376 48H239.74l-43.84 76h136.21l76.15 132-76.15 132H195.9l43.84 76H376l120-208z\"/><path d=\"M179.9 388l-76.16-132 76.16-132 43.84-76H136L16 256l120 208h87.74l-43.84-76z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWebComponent.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWebComponent.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWebComponent"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoWebComponent.js"],"names":["LogoWebComponent","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,GAAE,mIAApB,GAAhK;AAA0T,8CAAM,GAAE,yFAAR,GAA1T;AAA8Z,8CAAM,GAAE,8EAAR;AAA9Z;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"LogoWebComponent.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWebComponent = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M179.9 388l-76.16-132 76.16 132zM179.9 388h152.21l76.15-132-76.15-132H179.9l-76.16 132 76.16 132zM103.74 256l76.16-132-76.16 132z\" /><path d=\"M496 256L376 48H239.74l-43.84 76h136.21l76.15 132-76.15 132H195.9l43.84 76H376l120-208z\" /><path d=\"M179.9 388l-76.16-132 76.16-132 43.84-76H136L16 256l120 208h87.74l-43.84-76z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWebComponent.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWebComponent.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWebComponent"]}
\ No newline at end of file
diff --git a/lib/LogoWechat.js b/lib/LogoWechat.js
index 79df45205..bc6594a84 100644
--- a/lib/LogoWechat.js
+++ b/lib/LogoWechat.js
@@ -48,7 +48,7 @@ var LogoWechat = function LogoWechat(props) {
 LogoWechat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoWechat.js.map b/lib/LogoWechat.js.map
index f3731a21d..fc67c46f6 100644
--- a/lib/LogoWechat.js.map
+++ b/lib/LogoWechat.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoWechat.js"],"names":["LogoWechat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,aAAU,cAAhB,EAA+B,GAAE,qeAAjC,GAAjK;AAAyqB,8CAAM,aAAU,cAAhB,EAA+B,GAAE,8kBAAjC;AAAzqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoWechat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWechat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path data-name=\"XMLID 501 -1\" d=\"M408.67 298.53a21 21 0 1120.9-21 20.85 20.85 0 01-20.9 21m-102.17 0a21 21 0 1120.9-21 20.84 20.84 0 01-20.9 21m152.09 118.86C491.1 394.08 512 359.13 512 319.51c0-71.08-68.5-129.35-154.41-129.35s-154.42 58.27-154.42 129.35 68.5 129.34 154.42 129.34c17.41 0 34.83-2.33 49.92-7 2.49-.86 3.48-1.17 4.64-1.17a16.67 16.67 0 018.13 2.34L454 462.83a11.62 11.62 0 003.48 1.17 5 5 0 004.65-4.66 14.27 14.27 0 00-.77-3.86c-.41-1.46-5-16-7.36-25.27a18.94 18.94 0 01-.33-3.47 11.4 11.4 0 015-9.35\"/><path data-name=\"XMLID 505 -7\" d=\"M246.13 178.51a24.47 24.47 0 010-48.94c12.77 0 24.38 11.65 24.38 24.47 1.16 12.82-10.45 24.47-24.38 24.47m-123.06 0A24.47 24.47 0 11147.45 154a24.57 24.57 0 01-24.38 24.47M184.6 48C82.43 48 0 116.75 0 203c0 46.61 24.38 88.56 63.85 116.53C67.34 321.84 68 327 68 329a11.38 11.38 0 01-.66 4.49C63.85 345.14 59.4 364 59.21 365s-1.16 3.5-1.16 4.66a5.49 5.49 0 005.8 5.83 7.15 7.15 0 003.49-1.17L108 351c3.49-2.33 5.81-2.33 9.29-2.33a16.33 16.33 0 015.81 1.16c18.57 5.83 39.47 8.16 60.37 8.16h10.45a133.24 133.24 0 01-5.81-38.45c0-78.08 75.47-141 168.35-141h10.45C354.1 105.1 277.48 48 184.6 48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWechat.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWechat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWechat"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoWechat.js"],"names":["LogoWechat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,aAAU,cAAhB,EAA+B,GAAE,qeAAjC,GAAhK;AAAyqB,8CAAM,aAAU,cAAhB,EAA+B,GAAE,8kBAAjC;AAAzqB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"LogoWechat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWechat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path data-name=\"XMLID 501 -1\" d=\"M408.67 298.53a21 21 0 1120.9-21 20.85 20.85 0 01-20.9 21m-102.17 0a21 21 0 1120.9-21 20.84 20.84 0 01-20.9 21m152.09 118.86C491.1 394.08 512 359.13 512 319.51c0-71.08-68.5-129.35-154.41-129.35s-154.42 58.27-154.42 129.35 68.5 129.34 154.42 129.34c17.41 0 34.83-2.33 49.92-7 2.49-.86 3.48-1.17 4.64-1.17a16.67 16.67 0 018.13 2.34L454 462.83a11.62 11.62 0 003.48 1.17 5 5 0 004.65-4.66 14.27 14.27 0 00-.77-3.86c-.41-1.46-5-16-7.36-25.27a18.94 18.94 0 01-.33-3.47 11.4 11.4 0 015-9.35\" /><path data-name=\"XMLID 505 -7\" d=\"M246.13 178.51a24.47 24.47 0 010-48.94c12.77 0 24.38 11.65 24.38 24.47 1.16 12.82-10.45 24.47-24.38 24.47m-123.06 0A24.47 24.47 0 11147.45 154a24.57 24.57 0 01-24.38 24.47M184.6 48C82.43 48 0 116.75 0 203c0 46.61 24.38 88.56 63.85 116.53C67.34 321.84 68 327 68 329a11.38 11.38 0 01-.66 4.49C63.85 345.14 59.4 364 59.21 365s-1.16 3.5-1.16 4.66a5.49 5.49 0 005.8 5.83 7.15 7.15 0 003.49-1.17L108 351c3.49-2.33 5.81-2.33 9.29-2.33a16.33 16.33 0 015.81 1.16c18.57 5.83 39.47 8.16 60.37 8.16h10.45a133.24 133.24 0 01-5.81-38.45c0-78.08 75.47-141 168.35-141h10.45C354.1 105.1 277.48 48 184.6 48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWechat.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWechat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWechat"]}
\ No newline at end of file
diff --git a/lib/LogoWhatsapp.js b/lib/LogoWhatsapp.js
index 408ce7fb2..810516e18 100644
--- a/lib/LogoWhatsapp.js
+++ b/lib/LogoWhatsapp.js
@@ -47,7 +47,7 @@ var LogoWhatsapp = function LogoWhatsapp(props) {
 LogoWhatsapp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoWhatsapp.js.map b/lib/LogoWhatsapp.js.map
index ce3b1f9e3..8d683d77a 100644
--- a/lib/LogoWhatsapp.js.map
+++ b/lib/LogoWhatsapp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoWhatsapp.js"],"names":["LogoWhatsapp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,w+BAAR,EAAi/B,aAAU,SAA3/B;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoWhatsapp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWhatsapp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z\" fill-rule=\"evenodd\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWhatsapp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWhatsapp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWhatsapp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoWhatsapp.js"],"names":["LogoWhatsapp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,w+BAAR,EAAi/B,aAAU,SAA3/B;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"LogoWhatsapp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWhatsapp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z\" fill-rule=\"evenodd\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWhatsapp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWhatsapp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWhatsapp"]}
\ No newline at end of file
diff --git a/lib/LogoWindows.js b/lib/LogoWindows.js
index 278c41abd..c7b18f8df 100644
--- a/lib/LogoWindows.js
+++ b/lib/LogoWindows.js
@@ -47,7 +47,7 @@ var LogoWindows = function LogoWindows(props) {
 LogoWindows.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoWindows.js.map b/lib/LogoWindows.js.map
index 181842595..6649fb393 100644
--- a/lib/LogoWindows.js.map
+++ b/lib/LogoWindows.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoWindows.js"],"names":["LogoWindows","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoWindows.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWindows = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 265H232v179l248 36V265zM216 265H32v150l184 26.7V265zM480 32L232 67.4V249h248V32zM216 69.7L32 96v153h184V69.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWindows.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWindows.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWindows"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoWindows.js"],"names":["LogoWindows","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoWindows.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWindows = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 265H232v179l248 36V265zM216 265H32v150l184 26.7V265zM480 32L232 67.4V249h248V32zM216 69.7L32 96v153h184V69.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWindows.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWindows.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWindows"]}
\ No newline at end of file
diff --git a/lib/LogoWordpress.js b/lib/LogoWordpress.js
index 0f3ba1849..e80876aa9 100644
--- a/lib/LogoWordpress.js
+++ b/lib/LogoWordpress.js
@@ -49,7 +49,7 @@ var LogoWordpress = function LogoWordpress(props) {
 LogoWordpress.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoWordpress.js.map b/lib/LogoWordpress.js.map
index 19852aabb..b098ba7c6 100644
--- a/lib/LogoWordpress.js.map
+++ b/lib/LogoWordpress.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoWordpress.js"],"names":["LogoWordpress","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iUAAR,GAAjK;AAA4e,8CAAM,GAAE,8uBAAR,GAA5e;AAAouC,8CAAM,GAAE,gLAAR;AAApuC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoWordpress.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWordpress = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M259 271.3L226.2 367h-.1l-25.4 73.1c1.8.5 3.5.9 5.3 1.4h.3a192.51 192.51 0 0049.5 6.5 157 157 0 0024.9-1.8 184.3 184.3 0 0032.5-7.1c2.6-.8 5.2-1.7 7.8-2.6-2.8-6-8.8-19.3-9.1-19.9zM80.8 180.5C70.8 203.1 64 230.9 64 256c0 6.3.3 12.6.9 18.8 6.9 71.2 52.9 131 116.1 157.9 2.6 1.1 5.3 2.2 8 3.2L96 180.6c-8-.3-9.5.2-15.2-.1z\"/><path d=\"M430.2 175.4a188 188 0 00-15.1-26.6c-1.6-2.4-3.4-4.8-5.1-7.2A193 193 0 00325.1 77a189.2 189.2 0 00-69.2-13 191.51 191.51 0 00-149.4 71.7A196 196 0 0089 161.3c14.2.1 31.8.1 33.8.1 18.1 0 46-2.2 46-2.2 9.4-.6 10.4 13.1 1.1 14.2 0 0-9.4 1.1-19.8 1.6L213 362l37.8-113.3-26.8-73.6c-9.4-.5-18.1-1.6-18.1-1.6-9.4-.5-8.2-14.8 1-14.2 0 0 28.5 2.2 45.5 2.2 18.1 0 46-2.2 46-2.2 9.3-.6 10.5 13.1 1.1 14.2 0 0-9.3 1.1-19.7 1.6l62.3 185.6 17.3-57.6c8.7-22.4 13.1-40.9 13.1-55.7 0-21.3-7.7-36.1-14.3-47.6-8.7-14.3-16.9-26.3-16.9-40.4 0-15.9 12-30.7 29-30.7h2.2c26.2-.7 34.8 25.3 35.9 43v.6c.4 7.2.1 12.5.1 18.8 0 17.4-3.3 37.1-13.1 61.8l-39 112.8-22.3 65.7c1.8-.8 3.5-1.6 5.3-2.5 56.7-27.4 98-82 106.7-146.7a172.07 172.07 0 001.9-26 191.11 191.11 0 00-17.8-80.8z\"/><path d=\"M256 48a208.06 208.06 0 0181 399.66A208.06 208.06 0 01175 64.34 206.7 206.7 0 01256 48m0-16C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWordpress.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWordpress.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWordpress"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoWordpress.js"],"names":["LogoWordpress","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iUAAR,GAAhK;AAA4e,8CAAM,GAAE,8uBAAR,GAA5e;AAAquC,8CAAM,GAAE,gLAAR;AAAruC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"LogoWordpress.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoWordpress = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M259 271.3L226.2 367h-.1l-25.4 73.1c1.8.5 3.5.9 5.3 1.4h.3a192.51 192.51 0 0049.5 6.5 157 157 0 0024.9-1.8 184.3 184.3 0 0032.5-7.1c2.6-.8 5.2-1.7 7.8-2.6-2.8-6-8.8-19.3-9.1-19.9zM80.8 180.5C70.8 203.1 64 230.9 64 256c0 6.3.3 12.6.9 18.8 6.9 71.2 52.9 131 116.1 157.9 2.6 1.1 5.3 2.2 8 3.2L96 180.6c-8-.3-9.5.2-15.2-.1z\" /><path d=\"M430.2 175.4a188 188 0 00-15.1-26.6c-1.6-2.4-3.4-4.8-5.1-7.2A193 193 0 00325.1 77a189.2 189.2 0 00-69.2-13 191.51 191.51 0 00-149.4 71.7A196 196 0 0089 161.3c14.2.1 31.8.1 33.8.1 18.1 0 46-2.2 46-2.2 9.4-.6 10.4 13.1 1.1 14.2 0 0-9.4 1.1-19.8 1.6L213 362l37.8-113.3-26.8-73.6c-9.4-.5-18.1-1.6-18.1-1.6-9.4-.5-8.2-14.8 1-14.2 0 0 28.5 2.2 45.5 2.2 18.1 0 46-2.2 46-2.2 9.3-.6 10.5 13.1 1.1 14.2 0 0-9.3 1.1-19.7 1.6l62.3 185.6 17.3-57.6c8.7-22.4 13.1-40.9 13.1-55.7 0-21.3-7.7-36.1-14.3-47.6-8.7-14.3-16.9-26.3-16.9-40.4 0-15.9 12-30.7 29-30.7h2.2c26.2-.7 34.8 25.3 35.9 43v.6c.4 7.2.1 12.5.1 18.8 0 17.4-3.3 37.1-13.1 61.8l-39 112.8-22.3 65.7c1.8-.8 3.5-1.6 5.3-2.5 56.7-27.4 98-82 106.7-146.7a172.07 172.07 0 001.9-26 191.11 191.11 0 00-17.8-80.8z\" /><path d=\"M256 48a208.06 208.06 0 0181 399.66A208.06 208.06 0 01175 64.34 206.7 206.7 0 01256 48m0-16C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoWordpress.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoWordpress.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoWordpress"]}
\ No newline at end of file
diff --git a/lib/LogoXbox.js b/lib/LogoXbox.js
index 90bf7a9be..c2b0e86c1 100644
--- a/lib/LogoXbox.js
+++ b/lib/LogoXbox.js
@@ -47,7 +47,7 @@ var LogoXbox = function LogoXbox(props) {
 LogoXbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoXbox.js.map b/lib/LogoXbox.js.map
index 0fa9e7073..efd370d06 100644
--- a/lib/LogoXbox.js.map
+++ b/lib/LogoXbox.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoXbox.js"],"names":["LogoXbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,okBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoXbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoXbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0077.2 391c0-4.4.6-70.3 49.6-142.7zM480 256a223.71 223.71 0 00-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 00480 256zM201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 00-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5zM358.7 292.9C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 00333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoXbox.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoXbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoXbox"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoXbox.js"],"names":["LogoXbox","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,okBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoXbox.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoXbox = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0077.2 391c0-4.4.6-70.3 49.6-142.7zM480 256a223.71 223.71 0 00-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 00480 256zM201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 00-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5zM358.7 292.9C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 00333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoXbox.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoXbox.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoXbox"]}
\ No newline at end of file
diff --git a/lib/LogoXing.js b/lib/LogoXing.js
index 547a95d10..800bf1f2f 100644
--- a/lib/LogoXing.js
+++ b/lib/LogoXing.js
@@ -47,7 +47,7 @@ var LogoXing = function LogoXing(props) {
 LogoXing.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoXing.js.map b/lib/LogoXing.js.map
index 27c7a97ca..23eca34f4 100644
--- a/lib/LogoXing.js.map
+++ b/lib/LogoXing.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoXing.js"],"names":["LogoXing","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoXing.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoXing = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoXing.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoXing.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoXing"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoXing.js"],"names":["LogoXing","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"LogoXing.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoXing = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoXing.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoXing.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoXing"]}
\ No newline at end of file
diff --git a/lib/LogoYahoo.js b/lib/LogoYahoo.js
index 651e6501d..155c64468 100644
--- a/lib/LogoYahoo.js
+++ b/lib/LogoYahoo.js
@@ -47,7 +47,7 @@ var LogoYahoo = function LogoYahoo(props) {
 LogoYahoo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoYahoo.js.map b/lib/LogoYahoo.js.map
index aa6297311..db1e17145 100644
--- a/lib/LogoYahoo.js.map
+++ b/lib/LogoYahoo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoYahoo.js"],"names":["LogoYahoo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoYahoo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYahoo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.32 37.13c-13.56 0-27-.93-39.12-5.13L256 218.67 140.8 32c-12.12 4.2-24.84 5.13-38.4 5.13-13.32 0-26.52-1.05-38.4-5.13l153.6 248.15V480c12-4.08 25-5.13 38.4-5.13s26.4 1.05 38.4 5.13V280.5L448 32c-11.88 4-24.36 5.13-37.68 5.13z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYahoo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYahoo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYahoo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoYahoo.js"],"names":["LogoYahoo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"LogoYahoo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYahoo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M410.32 37.13c-13.56 0-27-.93-39.12-5.13L256 218.67 140.8 32c-12.12 4.2-24.84 5.13-38.4 5.13-13.32 0-26.52-1.05-38.4-5.13l153.6 248.15V480c12-4.08 25-5.13 38.4-5.13s26.4 1.05 38.4 5.13V280.5L448 32c-11.88 4-24.36 5.13-37.68 5.13z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYahoo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYahoo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYahoo"]}
\ No newline at end of file
diff --git a/lib/LogoYen.js b/lib/LogoYen.js
index 72a31f1cf..9f9df1472 100644
--- a/lib/LogoYen.js
+++ b/lib/LogoYen.js
@@ -47,7 +47,7 @@ var LogoYen = function LogoYen(props) {
 LogoYen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoYen.js.map b/lib/LogoYen.js.map
index bd15744ab..3db76cb9b 100644
--- a/lib/LogoYen.js.map
+++ b/lib/LogoYen.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoYen.js"],"names":["LogoYen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoYen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 32h-80L256 253.13 144 32H64l112.37 208H128v48h73.56L216 319v17h-88v48h88v96h80v-96h88v-48h-88v-17l14.89-31H384v-48h-48.29z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYen"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoYen.js"],"names":["LogoYen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"LogoYen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 32h-80L256 253.13 144 32H64l112.37 208H128v48h73.56L216 319v17h-88v48h88v96h80v-96h88v-48h-88v-17l14.89-31H384v-48h-48.29z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYen"]}
\ No newline at end of file
diff --git a/lib/LogoYoutube.js b/lib/LogoYoutube.js
index 70375fb03..06a7d51db 100644
--- a/lib/LogoYoutube.js
+++ b/lib/LogoYoutube.js
@@ -47,7 +47,7 @@ var LogoYoutube = function LogoYoutube(props) {
 LogoYoutube.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/LogoYoutube.js.map b/lib/LogoYoutube.js.map
index 7c89f1a75..4f82b8ed9 100644
--- a/lib/LogoYoutube.js.map
+++ b/lib/LogoYoutube.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/LogoYoutube.js"],"names":["LogoYoutube","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oVAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoYoutube.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYoutube = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYoutube.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYoutube.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYoutube"]}
\ No newline at end of file
+{"version":3,"sources":["../src/LogoYoutube.js"],"names":["LogoYoutube","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oVAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"LogoYoutube.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst LogoYoutube = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nLogoYoutube.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nLogoYoutube.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default LogoYoutube"]}
\ No newline at end of file
diff --git a/lib/Magnet.js b/lib/Magnet.js
index 387d143a4..78533d039 100644
--- a/lib/Magnet.js
+++ b/lib/Magnet.js
@@ -48,7 +48,7 @@ var Magnet = function Magnet(props) {
 Magnet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Magnet.js.map b/lib/Magnet.js.map
index 4ebdd3cf8..518517d99 100644
--- a/lib/Magnet.js.map
+++ b/lib/Magnet.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Magnet.js"],"names":["Magnet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,6DAA3F,GAAjK;AAA2T,8CAAM,GAAE,0gBAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Magnet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Magnet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M191.98 463.79v-48M90.16 421.61l33.94-33.94M47.98 319.79h48\"/><path d=\"M267.56 312.32l-31.11 31.11a16 16 0 000 22.63l45.26 45.25a16 16 0 0022.62 0l31.12-31.11a4 4 0 000-5.66l-62.23-62.22a4 4 0 00-5.66 0zM131.8 176.55l-31.11 31.12a16 16 0 000 22.62l45.25 45.26a16 16 0 0022.63 0l31.11-31.11a4 4 0 000-5.66l-62.22-62.23a4 4 0 00-5.66 0zM428.85 83.28a144 144 0 00-203.71-.06l-65.06 65.05a4 4 0 000 5.66l62.23 62.22a4 4 0 005.66 0l65-65.05a48 48 0 0168.46.59c18.3 18.92 17.47 49.24-1.14 67.85L295.85 284a4 4 0 000 5.66l62.22 62.23a4 4 0 005.66 0l64.08-64.08c56.37-56.34 57.37-148.13 1.04-204.53z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnet.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Magnet"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Magnet.js"],"names":["Magnet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,6DAA3F,GAAhK;AAA2T,8CAAM,GAAE,0gBAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Magnet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Magnet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M191.98 463.79v-48M90.16 421.61l33.94-33.94M47.98 319.79h48\" /><path d=\"M267.56 312.32l-31.11 31.11a16 16 0 000 22.63l45.26 45.25a16 16 0 0022.62 0l31.12-31.11a4 4 0 000-5.66l-62.23-62.22a4 4 0 00-5.66 0zM131.8 176.55l-31.11 31.12a16 16 0 000 22.62l45.25 45.26a16 16 0 0022.63 0l31.11-31.11a4 4 0 000-5.66l-62.22-62.23a4 4 0 00-5.66 0zM428.85 83.28a144 144 0 00-203.71-.06l-65.06 65.05a4 4 0 000 5.66l62.23 62.22a4 4 0 005.66 0l65-65.05a48 48 0 0168.46.59c18.3 18.92 17.47 49.24-1.14 67.85L295.85 284a4 4 0 000 5.66l62.22 62.23a4 4 0 005.66 0l64.08-64.08c56.37-56.34 57.37-148.13 1.04-204.53z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnet.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Magnet"]}
\ No newline at end of file
diff --git a/lib/MagnetOutline.js b/lib/MagnetOutline.js
index 4499f0948..888400a0f 100644
--- a/lib/MagnetOutline.js
+++ b/lib/MagnetOutline.js
@@ -49,7 +49,7 @@ var MagnetOutline = function MagnetOutline(props) {
 MagnetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MagnetOutline.js.map b/lib/MagnetOutline.js.map
index 7df71afb6..d8542bbf2 100644
--- a/lib/MagnetOutline.js.map
+++ b/lib/MagnetOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MagnetOutline.js"],"names":["MagnetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,kBAAiB,IAA1I,EAA+I,aAAY,IAA3J,GAAjK;AAAkU,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,iDAA3F,GAAlU;AAAgd,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,gBAAe,OAAjS,EAAyS,aAAY,IAArT;AAAhd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MagnetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MagnetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M421.83 293.82A144 144 0 00218.18 90.17M353.94 225.94a48 48 0 00-67.88-67.88\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M192 464v-48M90.18 421.82l33.94-33.94M48 320h48\"/><path d=\"M286.06 158.06L172.92 271.19a32 32 0 01-45.25 0L105 248.57a32 32 0 010-45.26L218.18 90.17M421.83 293.82L308.69 407a32 32 0 01-45.26 0l-22.62-22.63a32 32 0 010-45.26l113.13-113.17M139.6 169.98l67.88 67.89M275.36 305.75l67.89 67.88\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnetOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MagnetOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MagnetOutline.js"],"names":["MagnetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,kBAAiB,IAA1I,EAA+I,aAAY,IAA3J,GAAhK;AAAkU,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,iDAA3F,GAAlU;AAAid,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,gBAAe,OAAjS,EAAyS,aAAY,IAArT;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MagnetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MagnetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M421.83 293.82A144 144 0 00218.18 90.17M353.94 225.94a48 48 0 00-67.88-67.88\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M192 464v-48M90.18 421.82l33.94-33.94M48 320h48\" /><path d=\"M286.06 158.06L172.92 271.19a32 32 0 01-45.25 0L105 248.57a32 32 0 010-45.26L218.18 90.17M421.83 293.82L308.69 407a32 32 0 01-45.26 0l-22.62-22.63a32 32 0 010-45.26l113.13-113.17M139.6 169.98l67.88 67.89M275.36 305.75l67.89 67.88\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnetOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MagnetOutline"]}
\ No newline at end of file
diff --git a/lib/MagnetSharp.js b/lib/MagnetSharp.js
index 3aee5f757..82475dcc4 100644
--- a/lib/MagnetSharp.js
+++ b/lib/MagnetSharp.js
@@ -48,7 +48,7 @@ var MagnetSharp = function MagnetSharp(props) {
 MagnetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MagnetSharp.js.map b/lib/MagnetSharp.js.map
index d372d2ba2..ab8330e30 100644
--- a/lib/MagnetSharp.js.map
+++ b/lib/MagnetSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MagnetSharp.js"],"names":["MagnetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,QAAO,cAAb,EAA4B,eAAc,QAA1C,EAAmD,kBAAiB,IAApE,EAAyE,aAAY,IAArF,EAA0F,GAAE,4DAA5F,GAAjK;AAA2T,8CAAM,GAAE,4TAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MagnetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MagnetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M191.98 463.58v-48M90.16 421.4l33.94-33.94M47.98 319.58h48\"/><path d=\"M422.2 89.82a144 144 0 00-203.71-.07l-67.88 67.88 67.88 67.89 67.88-67.89a48 48 0 0168.46.59c18.3 18.92 17.48 49.24-1.14 67.86l-67.32 67.32 67.88 67.88 66.91-66.91c56.37-56.37 57.37-148.15 1.04-204.55zM82.718 225.517l45.255-45.254 67.883 67.882L150.6 293.4zM218.49 361.27l45.254-45.254 67.882 67.882-45.255 45.255z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnetSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MagnetSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MagnetSharp.js"],"names":["MagnetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,QAAO,cAAb,EAA4B,eAAc,QAA1C,EAAmD,kBAAiB,IAApE,EAAyE,aAAY,IAArF,EAA0F,GAAE,4DAA5F,GAAhK;AAA2T,8CAAM,GAAE,4TAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MagnetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MagnetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M191.98 463.58v-48M90.16 421.4l33.94-33.94M47.98 319.58h48\" /><path d=\"M422.2 89.82a144 144 0 00-203.71-.07l-67.88 67.88 67.88 67.89 67.88-67.89a48 48 0 0168.46.59c18.3 18.92 17.48 49.24-1.14 67.86l-67.32 67.32 67.88 67.88 66.91-66.91c56.37-56.37 57.37-148.15 1.04-204.55zM82.718 225.517l45.255-45.254 67.883 67.882L150.6 293.4zM218.49 361.27l45.254-45.254 67.882 67.882-45.255 45.255z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMagnetSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMagnetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MagnetSharp"]}
\ No newline at end of file
diff --git a/lib/Mail.js b/lib/Mail.js
index 225a0a11c..01def2a04 100644
--- a/lib/Mail.js
+++ b/lib/Mail.js
@@ -47,7 +47,7 @@ var Mail = function Mail(props) {
 Mail.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Mail.js.map b/lib/Mail.js.map
index 7a33fe170..6f92846b0 100644
--- a/lib/Mail.js.map
+++ b/lib/Mail.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Mail.js"],"names":["Mail","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Mail.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Mail = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zm-14.18 92.63l-144 112a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l134.18-104.36a16 16 0 0119.64 25.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMail.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMail.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Mail"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Mail.js"],"names":["Mail","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Mail.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Mail = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M424 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zm-14.18 92.63l-144 112a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l134.18-104.36a16 16 0 0119.64 25.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMail.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMail.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Mail"]}
\ No newline at end of file
diff --git a/lib/MailOpen.js b/lib/MailOpen.js
index 6ef3fbac5..56e17f9d0 100644
--- a/lib/MailOpen.js
+++ b/lib/MailOpen.js
@@ -47,7 +47,7 @@ var MailOpen = function MailOpen(props) {
 MailOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailOpen.js.map b/lib/MailOpen.js.map
index bbfed7422..1d3cbb66e 100644
--- a/lib/MailOpen.js.map
+++ b/lib/MailOpen.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailOpen.js"],"names":["MailOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MailOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448.67 154.45L274.1 68.2a41.1 41.1 0 00-36.2 0L63.33 154.45A55.6 55.6 0 0032 204.53v184.61c0 30.88 25.42 56 56.67 56h334.66c31.25 0 56.67-25.12 56.67-56V204.53a55.6 55.6 0 00-31.33-50.08zM252.38 96.82a8.22 8.22 0 017.24 0L429 180.48l-172 85a8.22 8.22 0 01-7.24 0L80.35 181.81z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpen"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailOpen.js"],"names":["MailOpen","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MailOpen.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpen = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448.67 154.45L274.1 68.2a41.1 41.1 0 00-36.2 0L63.33 154.45A55.6 55.6 0 0032 204.53v184.61c0 30.88 25.42 56 56.67 56h334.66c31.25 0 56.67-25.12 56.67-56V204.53a55.6 55.6 0 00-31.33-50.08zM252.38 96.82a8.22 8.22 0 017.24 0L429 180.48l-172 85a8.22 8.22 0 01-7.24 0L80.35 181.81z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpen"]}
\ No newline at end of file
diff --git a/lib/MailOpenOutline.js b/lib/MailOpenOutline.js
index a7e6c872b..6d5b62d0a 100644
--- a/lib/MailOpenOutline.js
+++ b/lib/MailOpenOutline.js
@@ -48,7 +48,7 @@ var MailOpenOutline = function MailOpenOutline(props) {
 MailOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailOpenOutline.js.map b/lib/MailOpenOutline.js.map
index 4bd7b712a..1d717f30d 100644
--- a/lib/MailOpenOutline.js.map
+++ b/lib/MailOpenOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailOpenOutline.js"],"names":["MailOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mLAAR,EAA4L,MAAK,MAAjM,EAAwM,QAAO,cAA/M,EAA8N,eAAc,OAA5O,EAAoP,gBAAe,OAAnQ,EAA2Q,aAAY,IAAvR,GAAjK;AAA8b,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,gBAAe,OAA9K,EAAsL,aAAY,IAAlM;AAA9b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MailOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441.6 171.61L266.87 85.37a24.57 24.57 0 00-21.74 0L70.4 171.61A40 40 0 0048 207.39V392c0 22.09 18.14 40 40.52 40h335c22.38 0 40.52-17.91 40.52-40V207.39a40 40 0 00-22.44-35.78z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M397.33 368L268.07 267.46a24 24 0 00-29.47 0L109.33 368M309.33 295l136-103M61.33 192l139 105\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpenOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailOpenOutline.js"],"names":["MailOpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mLAAR,EAA4L,MAAK,MAAjM,EAAwM,QAAO,cAA/M,EAA8N,eAAc,OAA5O,EAAoP,gBAAe,OAAnQ,EAA2Q,aAAY,IAAvR,GAAhK;AAA8b,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,gBAAe,OAA9K,EAAsL,aAAY,IAAlM;AAA9b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MailOpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441.6 171.61L266.87 85.37a24.57 24.57 0 00-21.74 0L70.4 171.61A40 40 0 0048 207.39V392c0 22.09 18.14 40 40.52 40h335c22.38 0 40.52-17.91 40.52-40V207.39a40 40 0 00-22.44-35.78z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M397.33 368L268.07 267.46a24 24 0 00-29.47 0L109.33 368M309.33 295l136-103M61.33 192l139 105\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpenOutline"]}
\ No newline at end of file
diff --git a/lib/MailOpenSharp.js b/lib/MailOpenSharp.js
index 0b95adc65..210bdc7bd 100644
--- a/lib/MailOpenSharp.js
+++ b/lib/MailOpenSharp.js
@@ -47,7 +47,7 @@ var MailOpenSharp = function MailOpenSharp(props) {
 MailOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailOpenSharp.js.map b/lib/MailOpenSharp.js.map
index 84b468352..a94c7a731 100644
--- a/lib/MailOpenSharp.js.map
+++ b/lib/MailOpenSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailOpenSharp.js"],"names":["MailOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MailOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M471.05 168.36L263.24 65.69a16.37 16.37 0 00-14.48 0L41 168.36a16 16 0 00-9 14.31V432a16.09 16.09 0 0016.19 16h415.62A16.09 16.09 0 00480 432V182.67a16 16 0 00-8.95-14.31zM256 97.89l173 85.44-175.7 86.78-173-85.44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpenSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailOpenSharp.js"],"names":["MailOpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MailOpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M471.05 168.36L263.24 65.69a16.37 16.37 0 00-14.48 0L41 168.36a16 16 0 00-9 14.31V432a16.09 16.09 0 0016.19 16h415.62A16.09 16.09 0 00480 432V182.67a16 16 0 00-8.95-14.31zM256 97.89l173 85.44-175.7 86.78-173-85.44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOpenSharp"]}
\ No newline at end of file
diff --git a/lib/MailOutline.js b/lib/MailOutline.js
index 1de46889f..62a25dedc 100644
--- a/lib/MailOutline.js
+++ b/lib/MailOutline.js
@@ -48,7 +48,7 @@ var MailOutline = function MailOutline(props) {
 MailOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailOutline.js.map b/lib/MailOutline.js.map
index 85c476f50..98c3c5e4b 100644
--- a/lib/MailOutline.js.map
+++ b/lib/MailOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailOutline.js"],"names":["MailOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MailOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l144 112 144-112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailOutline.js"],"names":["MailOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MailOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"96\" width=\"416\" height=\"320\" rx=\"40\" ry=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l144 112 144-112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailOutline"]}
\ No newline at end of file
diff --git a/lib/MailSharp.js b/lib/MailSharp.js
index c4cbd2558..b7cbf67ee 100644
--- a/lib/MailSharp.js
+++ b/lib/MailSharp.js
@@ -47,7 +47,7 @@ var MailSharp = function MailSharp(props) {
 MailSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailSharp.js.map b/lib/MailSharp.js.map
index deb0172eb..b8e0f020f 100644
--- a/lib/MailSharp.js.map
+++ b/lib/MailSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailSharp.js"],"names":["MailSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0LAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MailSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V96a16 16 0 00-16-16zM265.82 284.63a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l146.81-114.18 19.64 25.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailSharp.js"],"names":["MailSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0LAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MailSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V96a16 16 0 00-16-16zM265.82 284.63a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l146.81-114.18 19.64 25.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailSharp"]}
\ No newline at end of file
diff --git a/lib/MailUnread.js b/lib/MailUnread.js
index 0a40743d4..016c38bd1 100644
--- a/lib/MailUnread.js
+++ b/lib/MailUnread.js
@@ -48,7 +48,7 @@ var MailUnread = function MailUnread(props) {
 MailUnread.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailUnread.js.map b/lib/MailUnread.js.map
index 44ed3d0d3..d53a16211 100644
--- a/lib/MailUnread.js.map
+++ b/lib/MailUnread.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailUnread.js"],"names":["MailUnread","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,s4CAAR,GAAjK;AAAijD,8CAAM,GAAE,mPAAR;AAAjjD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MailUnread.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnread = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 128.05A64 64 0 00389.62 80a64.52 64.52 0 00-12.71 15.3v.06c-.54.9-1.05 1.82-1.55 2.74l-.24.49c-.42.79-.81 1.59-1.19 2.4-.12.25-.23.5-.34.75-.33.73-.65 1.47-.95 2.22-.13.31-.25.62-.37.93-.27.7-.53 1.4-.78 2.11l-.36 1.06c-.22.68-.43 1.37-.63 2.06-.12.39-.23.77-.33 1.16-.19.67-.35 1.35-.51 2-.1.41-.2.82-.29 1.23-.14.68-.27 1.37-.39 2-.08.42-.16.84-.23 1.26-.11.7-.2 1.41-.29 2.12-.05.41-.11.82-.16 1.24-.08.77-.13 1.54-.19 2.32 0 .36-.06.72-.08 1.08-.06 1.14-.1 2.28-.1 3.44 0 1 0 2 .08 2.94v.64q.08 1.41.21 2.82l.06.48c.09.85.19 1.69.32 2.52 0 .17 0 .35.07.52.14.91.31 1.81.49 2.71 0 .22.09.43.13.65.18.86.38 1.72.6 2.57v.19c.23.89.48 1.76.75 2.63l.21.68c.27.85.55 1.68.85 2.51.06.18.13.36.2.54.27.71.55 1.42.84 2.12.08.21.16.41.25.61.34.79.69 1.58 1.06 2.36l.33.67c.35.7.7 1.4 1.07 2.09a64.34 64.34 0 0022.14 23.81 62.22 62.22 0 007.62 4.15l.39.18q2.66 1.2 5.43 2.16l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5 1.73.4 1.15.23 1.83.33.94.15c.9.13 1.81.25 2.72.35l.77.07c.73.06 1.47.12 2.21.16l.86.05c1 0 1.94.08 2.92.08 1.16 0 2.3 0 3.44-.1l1.08-.08c.78-.06 1.55-.11 2.32-.19l1.25-.16c.7-.09 1.41-.18 2.11-.29l1.26-.23c.68-.12 1.37-.25 2-.39l1.23-.29c.68-.16 1.36-.32 2-.51.39-.1.77-.21 1.16-.33.69-.2 1.38-.41 2.06-.63l1.06-.36c.71-.25 1.41-.51 2.11-.78l.93-.37c.75-.3 1.49-.62 2.22-.95l.75-.34c.81-.38 1.61-.77 2.4-1.19l.49-.24c.92-.5 1.84-1 2.74-1.55h.06A64.52 64.52 0 00480 170.38a63.81 63.81 0 0016-42.33z\"/><path d=\"M371.38 202.53l-105.56 82.1a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l94.22-73.28A95.86 95.86 0 01348.81 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V211.19a95.85 95.85 0 01-108.62-8.66z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnread.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnread.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnread"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailUnread.js"],"names":["MailUnread","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,s4CAAR,GAAhK;AAAijD,8CAAM,GAAE,mPAAR;AAAjjD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MailUnread.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnread = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 128.05A64 64 0 00389.62 80a64.52 64.52 0 00-12.71 15.3v.06c-.54.9-1.05 1.82-1.55 2.74l-.24.49c-.42.79-.81 1.59-1.19 2.4-.12.25-.23.5-.34.75-.33.73-.65 1.47-.95 2.22-.13.31-.25.62-.37.93-.27.7-.53 1.4-.78 2.11l-.36 1.06c-.22.68-.43 1.37-.63 2.06-.12.39-.23.77-.33 1.16-.19.67-.35 1.35-.51 2-.1.41-.2.82-.29 1.23-.14.68-.27 1.37-.39 2-.08.42-.16.84-.23 1.26-.11.7-.2 1.41-.29 2.12-.05.41-.11.82-.16 1.24-.08.77-.13 1.54-.19 2.32 0 .36-.06.72-.08 1.08-.06 1.14-.1 2.28-.1 3.44 0 1 0 2 .08 2.94v.64q.08 1.41.21 2.82l.06.48c.09.85.19 1.69.32 2.52 0 .17 0 .35.07.52.14.91.31 1.81.49 2.71 0 .22.09.43.13.65.18.86.38 1.72.6 2.57v.19c.23.89.48 1.76.75 2.63l.21.68c.27.85.55 1.68.85 2.51.06.18.13.36.2.54.27.71.55 1.42.84 2.12.08.21.16.41.25.61.34.79.69 1.58 1.06 2.36l.33.67c.35.7.7 1.4 1.07 2.09a64.34 64.34 0 0022.14 23.81 62.22 62.22 0 007.62 4.15l.39.18q2.66 1.2 5.43 2.16l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5 1.73.4 1.15.23 1.83.33.94.15c.9.13 1.81.25 2.72.35l.77.07c.73.06 1.47.12 2.21.16l.86.05c1 0 1.94.08 2.92.08 1.16 0 2.3 0 3.44-.1l1.08-.08c.78-.06 1.55-.11 2.32-.19l1.25-.16c.7-.09 1.41-.18 2.11-.29l1.26-.23c.68-.12 1.37-.25 2-.39l1.23-.29c.68-.16 1.36-.32 2-.51.39-.1.77-.21 1.16-.33.69-.2 1.38-.41 2.06-.63l1.06-.36c.71-.25 1.41-.51 2.11-.78l.93-.37c.75-.3 1.49-.62 2.22-.95l.75-.34c.81-.38 1.61-.77 2.4-1.19l.49-.24c.92-.5 1.84-1 2.74-1.55h.06A64.52 64.52 0 00480 170.38a63.81 63.81 0 0016-42.33z\" /><path d=\"M371.38 202.53l-105.56 82.1a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l94.22-73.28A95.86 95.86 0 01348.81 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V211.19a95.85 95.85 0 01-108.62-8.66z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnread.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnread.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnread"]}
\ No newline at end of file
diff --git a/lib/MailUnreadOutline.js b/lib/MailUnreadOutline.js
index 2bcbe1d44..0044c34f9 100644
--- a/lib/MailUnreadOutline.js
+++ b/lib/MailUnreadOutline.js
@@ -50,7 +50,7 @@ var MailUnreadOutline = function MailUnreadOutline(props) {
 MailUnreadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailUnreadOutline.js.map b/lib/MailUnreadOutline.js.map
index 75ae2e668..bfc4ced97 100644
--- a/lib/MailUnreadOutline.js.map
+++ b/lib/MailUnreadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailUnreadOutline.js"],"names":["MailUnreadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,eAAc,OAArI,EAA6I,gBAAe,OAA5J,EAAoK,aAAY,IAAhL,GAAjK;AAAuV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAvV;AAA4d,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,OAAlC,GAA5d;AAAugB,8CAAM,GAAE,wGAAR;AAAvgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MailUnreadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnreadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 96H88a40 40 0 00-40 40v240a40 40 0 0040 40h334.73a40 40 0 0040-40V239\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l144 112 87-65.67\"/><circle cx=\"431.95\" cy=\"128.05\" r=\"47.95\"/><path d=\"M432 192a63.95 63.95 0 1163.95-63.95A64 64 0 01432 192zm0-95.9a32 32 0 1031.95 32 32 32 0 00-31.95-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnreadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnreadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnreadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailUnreadOutline.js"],"names":["MailUnreadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,eAAc,OAArI,EAA6I,gBAAe,OAA5J,EAAoK,aAAY,IAAhL,GAAhK;AAAuV,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAvV;AAA6d,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,OAAlC,GAA7d;AAAygB,8CAAM,GAAE,wGAAR;AAAzgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MailUnreadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnreadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 96H88a40 40 0 00-40 40v240a40 40 0 0040 40h334.73a40 40 0 0040-40V239\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l144 112 87-65.67\" /><circle cx=\"431.95\" cy=\"128.05\" r=\"47.95\" /><path d=\"M432 192a63.95 63.95 0 1163.95-63.95A64 64 0 01432 192zm0-95.9a32 32 0 1031.95 32 32 32 0 00-31.95-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnreadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnreadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnreadOutline"]}
\ No newline at end of file
diff --git a/lib/MailUnreadSharp.js b/lib/MailUnreadSharp.js
index e6c1add2f..0dba79b97 100644
--- a/lib/MailUnreadSharp.js
+++ b/lib/MailUnreadSharp.js
@@ -48,7 +48,7 @@ var MailUnreadSharp = function MailUnreadSharp(props) {
 MailUnreadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MailUnreadSharp.js.map b/lib/MailUnreadSharp.js.map
index 16731986e..bb5a3a9d9 100644
--- a/lib/MailUnreadSharp.js.map
+++ b/lib/MailUnreadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MailUnreadSharp.js"],"names":["MailUnreadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0xCAAR,GAAjK;AAAq8C,8CAAM,GAAE,uNAAR;AAAr8C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MailUnreadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnreadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M374.09 101c-.11.23-.21.46-.31.7-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14-.12.35-.24.7-.35 1-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23-.15.67-.28 1.36-.4 2-.08.42-.16.84-.23 1.27-.11.69-.2 1.4-.29 2.1-.05.42-.11.83-.16 1.25-.08.77-.13 1.54-.19 2.31 0 .36-.06.72-.08 1.09-.06 1.13-.09 2.27-.09 3.41 0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57 0 .15 0 .31.07.46.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75.23.92.5 1.82.77 2.71.06.19.12.38.17.57.28.88.57 1.74.88 2.59.05.15.11.29.16.43.29.78.6 1.55.92 2.32.05.14.11.28.17.42.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.21 64.21 0 0029.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24 1.83.32.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07 1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19.42 0 .83-.1 1.25-.16.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51.39-.1.78-.21 1.16-.33.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17.17-.09.35-.17.52-.27.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 10-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69z\"/><path d=\"M371.51 202.43l-105.69 82.2a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 01349 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V211.13a95.75 95.75 0 01-108.49-8.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnreadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnreadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnreadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MailUnreadSharp.js"],"names":["MailUnreadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0xCAAR,GAAhK;AAAq8C,8CAAM,GAAE,uNAAR;AAAr8C;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MailUnreadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MailUnreadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M374.09 101c-.11.23-.21.46-.31.7-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14-.12.35-.24.7-.35 1-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23-.15.67-.28 1.36-.4 2-.08.42-.16.84-.23 1.27-.11.69-.2 1.4-.29 2.1-.05.42-.11.83-.16 1.25-.08.77-.13 1.54-.19 2.31 0 .36-.06.72-.08 1.09-.06 1.13-.09 2.27-.09 3.41 0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57 0 .15 0 .31.07.46.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75.23.92.5 1.82.77 2.71.06.19.12.38.17.57.28.88.57 1.74.88 2.59.05.15.11.29.16.43.29.78.6 1.55.92 2.32.05.14.11.28.17.42.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.21 64.21 0 0029.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24 1.83.32.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07 1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19.42 0 .83-.1 1.25-.16.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51.39-.1.78-.21 1.16-.33.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17.17-.09.35-.17.52-.27.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 10-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69z\" /><path d=\"M371.51 202.43l-105.69 82.2a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 01349 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V211.13a95.75 95.75 0 01-108.49-8.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMailUnreadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMailUnreadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MailUnreadSharp"]}
\ No newline at end of file
diff --git a/lib/Male.js b/lib/Male.js
index 822149159..d93ccffe0 100644
--- a/lib/Male.js
+++ b/lib/Male.js
@@ -47,7 +47,7 @@ var Male = function Male(props) {
 Male.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Male.js.map b/lib/Male.js.map
index 1fb077113..99d62d22c 100644
--- a/lib/Male.js.map
+++ b/lib/Male.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Male.js"],"names":["Male","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4VAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Male.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Male = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442 48h-90a22 22 0 000 44h36.89l-60.39 60.39c-68.19-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.35 14.57-229.54L420 123.11V160a22 22 0 0044 0V70a22 22 0 00-22-22zM313.92 381.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMale.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Male"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Male.js"],"names":["Male","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4VAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Male.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Male = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442 48h-90a22 22 0 000 44h36.89l-60.39 60.39c-68.19-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.35 14.57-229.54L420 123.11V160a22 22 0 0044 0V70a22 22 0 00-22-22zM313.92 381.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMale.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Male"]}
\ No newline at end of file
diff --git a/lib/MaleFemale.js b/lib/MaleFemale.js
index b3e1e932d..509113d5a 100644
--- a/lib/MaleFemale.js
+++ b/lib/MaleFemale.js
@@ -47,7 +47,7 @@ var MaleFemale = function MaleFemale(props) {
 MaleFemale.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MaleFemale.js.map b/lib/MaleFemale.js.map
index ba7a51317..db8457867 100644
--- a/lib/MaleFemale.js.map
+++ b/lib/MaleFemale.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MaleFemale.js"],"names":["MaleFemale","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iXAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MaleFemale.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemale = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426 16h-74a22 22 0 000 44h20.89l-37.1 37.09A157.68 157.68 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 000 44h28v36a22 22 0 0044 0v-36h28a22 22 0 000-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 00-14-64.92l44-44V112a22 22 0 0044 0V38a22 22 0 00-22-22zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemale.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemale"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MaleFemale.js"],"names":["MaleFemale","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iXAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MaleFemale.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemale = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426 16h-74a22 22 0 000 44h20.89l-37.1 37.09A157.68 157.68 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 000 44h28v36a22 22 0 0044 0v-36h28a22 22 0 000-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 00-14-64.92l44-44V112a22 22 0 0044 0V38a22 22 0 00-22-22zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemale.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemale.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemale"]}
\ No newline at end of file
diff --git a/lib/MaleFemaleOutline.js b/lib/MaleFemaleOutline.js
index 622b5c1b3..f0238ad91 100644
--- a/lib/MaleFemaleOutline.js
+++ b/lib/MaleFemaleOutline.js
@@ -48,7 +48,7 @@ var MaleFemaleOutline = function MaleFemaleOutline(props) {
 MaleFemaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MaleFemaleOutline.js.map b/lib/MaleFemaleOutline.js.map
index 7bc45bc66..a6a6139d6 100644
--- a/lib/MaleFemaleOutline.js.map
+++ b/lib/MaleFemaleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MaleFemaleOutline.js"],"names":["MaleFemaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8DAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MaleFemaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"216\" cy=\"200\" r=\"136\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M216 352v128M272 416H160M432 112V32h-80M335.28 128.72L432 32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemaleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MaleFemaleOutline.js"],"names":["MaleFemaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8DAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MaleFemaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"216\" cy=\"200\" r=\"136\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M216 352v128M272 416H160M432 112V32h-80M335.28 128.72L432 32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemaleOutline"]}
\ No newline at end of file
diff --git a/lib/MaleFemaleSharp.js b/lib/MaleFemaleSharp.js
index 8ad89f60d..db36d4542 100644
--- a/lib/MaleFemaleSharp.js
+++ b/lib/MaleFemaleSharp.js
@@ -47,7 +47,7 @@ var MaleFemaleSharp = function MaleFemaleSharp(props) {
 MaleFemaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MaleFemaleSharp.js.map b/lib/MaleFemaleSharp.js.map
index cba3873fc..3535d1089 100644
--- a/lib/MaleFemaleSharp.js.map
+++ b/lib/MaleFemaleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MaleFemaleSharp.js"],"names":["MaleFemaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MaleFemaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 16v44h42.89l-37.1 37.09A157.67 157.67 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-50v44h50v58h44v-58h50v-44h-50v-37.54c76.74-10.74 136-76.8 136-156.46a157.23 157.23 0 00-14-64.93l44-44V134h44V16zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemaleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MaleFemaleSharp.js"],"names":["MaleFemaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"MaleFemaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleFemaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 16v44h42.89l-37.1 37.09A157.67 157.67 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-50v44h50v58h44v-58h50v-44h-50v-37.54c76.74-10.74 136-76.8 136-156.46a157.23 157.23 0 00-14-64.93l44-44V134h44V16zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleFemaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleFemaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleFemaleSharp"]}
\ No newline at end of file
diff --git a/lib/MaleOutline.js b/lib/MaleOutline.js
index 802cfd9c4..b8f527c7a 100644
--- a/lib/MaleOutline.js
+++ b/lib/MaleOutline.js
@@ -48,7 +48,7 @@ var MaleOutline = function MaleOutline(props) {
 MaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MaleOutline.js.map b/lib/MaleOutline.js.map
index a21bc903d..fdc2589bd 100644
--- a/lib/MaleOutline.js.map
+++ b/lib/MaleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MaleOutline.js"],"names":["MaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gCAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"216\" cy=\"296\" r=\"152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 160V64h-96M324 188L448 64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MaleOutline.js"],"names":["MaleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gCAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MaleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"216\" cy=\"296\" r=\"152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 160V64h-96M324 188L448 64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleOutline"]}
\ No newline at end of file
diff --git a/lib/MaleSharp.js b/lib/MaleSharp.js
index 4d327b3ca..a26e3c8a3 100644
--- a/lib/MaleSharp.js
+++ b/lib/MaleSharp.js
@@ -47,7 +47,7 @@ var MaleSharp = function MaleSharp(props) {
 MaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MaleSharp.js.map b/lib/MaleSharp.js.map
index c7100895b..ac3da2faf 100644
--- a/lib/MaleSharp.js.map
+++ b/lib/MaleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MaleSharp.js"],"names":["MaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 48v44h58.89l-60.39 60.39c-68.2-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.34 14.57-229.54L420 123.11V182h44V48zm-16.08 333.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MaleSharp.js"],"names":["MaleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MaleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MaleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M330 48v44h58.89l-60.39 60.39c-68.2-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.34 14.57-229.54L420 123.11V182h44V48zm-16.08 333.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMaleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMaleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MaleSharp"]}
\ No newline at end of file
diff --git a/lib/Man.js b/lib/Man.js
index 578dd8765..5ff0439a8 100644
--- a/lib/Man.js
+++ b/lib/Man.js
@@ -48,7 +48,7 @@ var Man = function Man(props) {
 Man.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Man.js.map b/lib/Man.js.map
index c02053177..2988f0c06 100644
--- a/lib/Man.js.map
+++ b/lib/Man.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Man.js"],"names":["Man","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAjK;AAAkM,8CAAM,GAAE,wYAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Man.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Man = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\"/><path d=\"M304 128h-96a64.19 64.19 0 00-64 64v107.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00184 300v-99.73a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8V489a23 23 0 0023 23 23 23 0 0023-23V346.34a10.24 10.24 0 019.33-10.34A10 10 0 01266 346v143a23 23 0 0023 23 23 23 0 0023-23V200.27a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8v99.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00368 300V192a64.19 64.19 0 00-64-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMan.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Man"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Man.js"],"names":["Man","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAhK;AAAkM,8CAAM,GAAE,wYAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Man.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Man = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\" /><path d=\"M304 128h-96a64.19 64.19 0 00-64 64v107.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00184 300v-99.73a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8V489a23 23 0 0023 23 23 23 0 0023-23V346.34a10.24 10.24 0 019.33-10.34A10 10 0 01266 346v143a23 23 0 0023 23 23 23 0 0023-23V200.27a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8v99.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00368 300V192a64.19 64.19 0 00-64-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMan.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Man"]}
\ No newline at end of file
diff --git a/lib/ManOutline.js b/lib/ManOutline.js
index fb82b7c3a..488597d9e 100644
--- a/lib/ManOutline.js
+++ b/lib/ManOutline.js
@@ -50,7 +50,7 @@ var ManOutline = function ManOutline(props) {
 ManOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ManOutline.js.map b/lib/ManOutline.js.map
index e7910b1a6..aabbe00cb 100644
--- a/lib/ManOutline.js.map
+++ b/lib/ManOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ManOutline.js"],"names":["ManOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAjK;AAAsU,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,eAAc,OAAzH,EAAiI,kBAAiB,IAAlJ,EAAuJ,aAAY,IAAnK,GAAtU;AAA+e,8CAAM,GAAE,2JAAR,EAAoK,MAAK,MAAzK,EAAgL,QAAO,cAAvL,EAAsM,eAAc,OAApN,EAA4N,kBAAiB,IAA7O,EAAkP,aAAY,IAA9P,GAA/e;AAAmvB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,kBAAiB,IAAzG,EAA8G,aAAY,IAA1H;AAAnvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ManOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ManOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 208v264a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 336v136a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M208 192v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88a48 48 0 0148-48h96a48 48 0 0148 48v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"56\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nManOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nManOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ManOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ManOutline.js"],"names":["ManOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAhK;AAAsU,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,eAAc,OAAzH,EAAiI,kBAAiB,IAAlJ,EAAuJ,aAAY,IAAnK,GAAtU;AAAgf,8CAAM,GAAE,2JAAR,EAAoK,MAAK,MAAzK,EAAgL,QAAO,cAAvL,EAAsM,eAAc,OAApN,EAA4N,kBAAiB,IAA7O,EAAkP,aAAY,IAA9P,GAAhf;AAAqvB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,kBAAiB,IAAzG,EAA8G,aAAY,IAA1H;AAArvB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ManOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ManOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 208v264a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 336v136a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M208 192v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88a48 48 0 0148-48h96a48 48 0 0148 48v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"56\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nManOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nManOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ManOutline"]}
\ No newline at end of file
diff --git a/lib/ManSharp.js b/lib/ManSharp.js
index 0370ed9c3..1e8786e2d 100644
--- a/lib/ManSharp.js
+++ b/lib/ManSharp.js
@@ -48,7 +48,7 @@ var ManSharp = function ManSharp(props) {
 ManSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ManSharp.js.map b/lib/ManSharp.js.map
index 4cab677f9..60b2f8cba 100644
--- a/lib/ManSharp.js.map
+++ b/lib/ManSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ManSharp.js"],"names":["ManSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAjK;AAAkM,8CAAM,GAAE,mGAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"ManSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ManSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\"/><path d=\"M336 128H176a32 32 0 00-32 32v160h48V192h8v320h52V328h8v184h52V192h8v128h48V160a32 32 0 00-32-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nManSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nManSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ManSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ManSharp.js"],"names":["ManSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,GAAhK;AAAkM,8CAAM,GAAE,mGAAR;AAAlM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"ManSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ManSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"56\" r=\"56\" /><path d=\"M336 128H176a32 32 0 00-32 32v160h48V192h8v320h52V328h8v184h52V192h8v128h48V160a32 32 0 00-32-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nManSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nManSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ManSharp"]}
\ No newline at end of file
diff --git a/lib/Map.js b/lib/Map.js
index e3a096ea2..94e29a143 100644
--- a/lib/Map.js
+++ b/lib/Map.js
@@ -47,7 +47,7 @@ var Map = function Map(props) {
 Map.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Map.js.map b/lib/Map.js.map
index 572590951..c9de2f8c8 100644
--- a/lib/Map.js.map
+++ b/lib/Map.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Map.js"],"names":["Map","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8aAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Map.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Map = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMap.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMap.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Map"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Map.js"],"names":["Map","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8aAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Map.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Map = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMap.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMap.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Map"]}
\ No newline at end of file
diff --git a/lib/MapOutline.js b/lib/MapOutline.js
index 8b3fbb5ac..80eed99b8 100644
--- a/lib/MapOutline.js
+++ b/lib/MapOutline.js
@@ -47,7 +47,7 @@ var MapOutline = function MapOutline(props) {
 MapOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MapOutline.js.map b/lib/MapOutline.js.map
index 33d88d8b9..0b9689b22 100644
--- a/lib/MapOutline.js.map
+++ b/lib/MapOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MapOutline.js"],"names":["MapOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+RAAR,EAAwS,MAAK,MAA7S,EAAoT,QAAO,cAA3T,EAA0U,eAAc,OAAxV,EAAgW,gBAAe,OAA/W,EAAuX,aAAY,IAAnY;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MapOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MapOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M313.27 124.64L198.73 51.36a32 32 0 00-29.28.35L56.51 127.49A16 16 0 0048 141.63v295.8a16 16 0 0023.49 14.14l97.82-63.79a32 32 0 0129.5-.24l111.86 73a32 32 0 0029.27-.11l115.43-75.94a16 16 0 008.63-14.2V74.57a16 16 0 00-23.49-14.14l-98 63.86a32 32 0 01-29.24.35zM328 128v336M184 48v336\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMapOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMapOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MapOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MapOutline.js"],"names":["MapOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+RAAR,EAAwS,MAAK,MAA7S,EAAoT,QAAO,cAA3T,EAA0U,eAAc,OAAxV,EAAgW,gBAAe,OAA/W,EAAuX,aAAY,IAAnY;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MapOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MapOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M313.27 124.64L198.73 51.36a32 32 0 00-29.28.35L56.51 127.49A16 16 0 0048 141.63v295.8a16 16 0 0023.49 14.14l97.82-63.79a32 32 0 0129.5-.24l111.86 73a32 32 0 0029.27-.11l115.43-75.94a16 16 0 008.63-14.2V74.57a16 16 0 00-23.49-14.14l-98 63.86a32 32 0 01-29.24.35zM328 128v336M184 48v336\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMapOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMapOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MapOutline"]}
\ No newline at end of file
diff --git a/lib/MapSharp.js b/lib/MapSharp.js
index 3daf73b0d..62c0a649b 100644
--- a/lib/MapSharp.js
+++ b/lib/MapSharp.js
@@ -47,7 +47,7 @@ var MapSharp = function MapSharp(props) {
 MapSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MapSharp.js.map b/lib/MapSharp.js.map
index 534ddb706..308459018 100644
--- a/lib/MapSharp.js.map
+++ b/lib/MapSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MapSharp.js"],"names":["MapSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8FAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MapSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MapSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M327.71 130.93L184 39 32 144v336l152.29-98.93L328 473l152-105V32zM312 421l-112-72V91l112 72z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMapSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMapSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MapSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MapSharp.js"],"names":["MapSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8FAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MapSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MapSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M327.71 130.93L184 39 32 144v336l152.29-98.93L328 473l152-105V32zM312 421l-112-72V91l112 72z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMapSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMapSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MapSharp"]}
\ No newline at end of file
diff --git a/lib/Medal.js b/lib/Medal.js
index 02f6e28b2..e7c0d00f3 100644
--- a/lib/Medal.js
+++ b/lib/Medal.js
@@ -49,7 +49,7 @@ var Medal = function Medal(props) {
 Medal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Medal.js.map b/lib/Medal.js.map
index fb755443f..808398415 100644
--- a/lib/Medal.js.map
+++ b/lib/Medal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Medal.js"],"names":["Medal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,oHAAR,GAAnM;AAAiU,8CAAM,GAAE,sRAAR;AAAjU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Medal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"352\" r=\"32\"/><path d=\"M99.78 32a48 48 0 00-42.94 26.53l-31 62A48.26 48.26 0 0024.28 160h278.2a4 4 0 003.39-1.87l75.5-120A4 4 0 00378 32z\"/><path d=\"M486.17 120.56l-31-62a47.7 47.7 0 00-32.79-25.46L342.5 160 298 231.08a128 128 0 00-84 0l-23.32-37.2a4 4 0 00-3.39-1.88H51.14a4 4 0 00-3.36 6.16l82.7 128.73a128 128 0 10251 0L483.62 168a48.22 48.22 0 002.55-47.44zm-226 295.31a64 64 0 1159.69-59.69 64.08 64.08 0 01-59.68 59.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Medal.js"],"names":["Medal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,oHAAR,GAAnM;AAAkU,8CAAM,GAAE,sRAAR;AAAlU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Medal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"352\" r=\"32\" /><path d=\"M99.78 32a48 48 0 00-42.94 26.53l-31 62A48.26 48.26 0 0024.28 160h278.2a4 4 0 003.39-1.87l75.5-120A4 4 0 00378 32z\" /><path d=\"M486.17 120.56l-31-62a47.7 47.7 0 00-32.79-25.46L342.5 160 298 231.08a128 128 0 00-84 0l-23.32-37.2a4 4 0 00-3.39-1.88H51.14a4 4 0 00-3.36 6.16l82.7 128.73a128 128 0 10251 0L483.62 168a48.22 48.22 0 002.55-47.44zm-226 295.31a64 64 0 1159.69-59.69 64.08 64.08 0 01-59.68 59.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medal"]}
\ No newline at end of file
diff --git a/lib/MedalOutline.js b/lib/MedalOutline.js
index cbaa32795..079bdd866 100644
--- a/lib/MedalOutline.js
+++ b/lib/MedalOutline.js
@@ -49,7 +49,7 @@ var MedalOutline = function MedalOutline(props) {
 MedalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedalOutline.js.map b/lib/MedalOutline.js.map
index e263d2ea3..173ba58a9 100644
--- a/lib/MedalOutline.js.map
+++ b/lib/MedalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedalOutline.js"],"names":["MedalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAApS;AAAsa,8CAAM,GAAE,uLAAR,EAAgM,MAAK,MAArM,EAA4M,QAAO,cAAnN,EAAkO,eAAc,OAAhP,EAAwP,gBAAe,OAAvQ,EAA+Q,aAAY,IAA3R;AAAta;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MedalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"352\" r=\"112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"352\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M147 323L41.84 159.32a32 32 0 01-1.7-31.61l31-62A32 32 0 0199.78 48h312.44a32 32 0 0128.62 17.69l31 62a32 32 0 01-1.7 31.61L365 323M371 144H37M428.74 52.6L305 250M140.55 144L207 250\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedalOutline.js"],"names":["MedalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAApS;AAAua,8CAAM,GAAE,uLAAR,EAAgM,MAAK,MAArM,EAA4M,QAAO,cAAnN,EAAkO,eAAc,OAAhP,EAAwP,gBAAe,OAAvQ,EAA+Q,aAAY,IAA3R;AAAva;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MedalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"352\" r=\"112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"352\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M147 323L41.84 159.32a32 32 0 01-1.7-31.61l31-62A32 32 0 0199.78 48h312.44a32 32 0 0128.62 17.69l31 62a32 32 0 01-1.7 31.61L365 323M371 144H37M428.74 52.6L305 250M140.55 144L207 250\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedalOutline"]}
\ No newline at end of file
diff --git a/lib/MedalSharp.js b/lib/MedalSharp.js
index 304c166ef..3f8b406a0 100644
--- a/lib/MedalSharp.js
+++ b/lib/MedalSharp.js
@@ -49,7 +49,7 @@ var MedalSharp = function MedalSharp(props) {
 MedalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedalSharp.js.map b/lib/MedalSharp.js.map
index 9f0560882..069abf2ef 100644
--- a/lib/MedalSharp.js.map
+++ b/lib/MedalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedalSharp.js"],"names":["MedalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oCAAR,GAAjK;AAA+M,8CAAM,GAAE,+IAAR,GAA/M;AAAwW,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAxW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MedalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 32L16 160h289.11l80.22-128H80z\"/><path d=\"M496 144L424 32 298 231.08a128 128 0 00-84 0L189.53 192H43.82l86.66 134.89a128 128 0 10251 0zM256 422a70 70 0 1170-70 70.08 70.08 0 01-70 70z\"/><circle cx=\"256\" cy=\"352\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedalSharp.js"],"names":["MedalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oCAAR,GAAhK;AAA+M,8CAAM,GAAE,+IAAR,GAA/M;AAAyW,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAzW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MedalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 32L16 160h289.11l80.22-128H80z\" /><path d=\"M496 144L424 32 298 231.08a128 128 0 00-84 0L189.53 192H43.82l86.66 134.89a128 128 0 10251 0zM256 422a70 70 0 1170-70 70.08 70.08 0 01-70 70z\" /><circle cx=\"256\" cy=\"352\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedalSharp"]}
\ No newline at end of file
diff --git a/lib/Medical.js b/lib/Medical.js
index e01c2df1d..a72b4795e 100644
--- a/lib/Medical.js
+++ b/lib/Medical.js
@@ -47,7 +47,7 @@ var Medical = function Medical(props) {
 Medical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Medical.js.map b/lib/Medical.js.map
index 06b2a4241..d79590cb4 100644
--- a/lib/Medical.js.map
+++ b/lib/Medical.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Medical.js"],"names":["Medical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wpBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Medical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 464h-32a32 32 0 01-32-32l.05-85.82a4 4 0 00-6-3.47l-74.34 43.06a31.48 31.48 0 01-43-11.52l-16.5-28.64-.06-.1a31.65 31.65 0 0111.56-42.8l74.61-43.25a4 4 0 000-6.92l-74.54-43.21a31.41 31.41 0 01-11.55-43l16.44-28.55a31.48 31.48 0 0119.27-14.74 31.14 31.14 0 0123.8 3.2l74.31 43a4 4 0 006-3.47L208 80a32 32 0 0132-32h32a32 32 0 0132 32v85.72a4 4 0 006 3.47l74.34-43.06a31.51 31.51 0 0143 11.52l16.49 28.64.06.09a31.52 31.52 0 01-11.64 42.86l-74.53 43.2a4 4 0 000 6.92l74.53 43.2a31.42 31.42 0 0111.56 43l-16.44 28.55a31.48 31.48 0 01-19.27 14.74 31.14 31.14 0 01-23.8-3.2l-74.31-43a4 4 0 00-6 3.46L304 432a32 32 0 01-32 32zm-93.56-197.48zm0-21zm155.1-.08zm0 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedical.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medical"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Medical.js"],"names":["Medical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wpBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Medical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 464h-32a32 32 0 01-32-32l.05-85.82a4 4 0 00-6-3.47l-74.34 43.06a31.48 31.48 0 01-43-11.52l-16.5-28.64-.06-.1a31.65 31.65 0 0111.56-42.8l74.61-43.25a4 4 0 000-6.92l-74.54-43.21a31.41 31.41 0 01-11.55-43l16.44-28.55a31.48 31.48 0 0119.27-14.74 31.14 31.14 0 0123.8 3.2l74.31 43a4 4 0 006-3.47L208 80a32 32 0 0132-32h32a32 32 0 0132 32v85.72a4 4 0 006 3.47l74.34-43.06a31.51 31.51 0 0143 11.52l16.49 28.64.06.09a31.52 31.52 0 01-11.64 42.86l-74.53 43.2a4 4 0 000 6.92l74.53 43.2a31.42 31.42 0 0111.56 43l-16.44 28.55a31.48 31.48 0 01-19.27 14.74 31.14 31.14 0 01-23.8-3.2l-74.31-43a4 4 0 00-6 3.46L304 432a32 32 0 01-32 32zm-93.56-197.48zm0-21zm155.1-.08zm0 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedical.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medical"]}
\ No newline at end of file
diff --git a/lib/MedicalOutline.js b/lib/MedicalOutline.js
index d1b437869..a5780526c 100644
--- a/lib/MedicalOutline.js
+++ b/lib/MedicalOutline.js
@@ -47,7 +47,7 @@ var MedicalOutline = function MedicalOutline(props) {
 MedicalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedicalOutline.js.map b/lib/MedicalOutline.js.map
index 066f85e96..5ef254151 100644
--- a/lib/MedicalOutline.js.map
+++ b/lib/MedicalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedicalOutline.js"],"names":["MedicalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ojBAAR,EAA6jB,MAAK,MAAlkB,EAAykB,QAAO,cAAhlB,EAA+lB,eAAc,OAA7mB,EAAqnB,gBAAe,OAApoB,EAA4oB,aAAY,IAAxpB;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MedicalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedicalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.93 174.27l-16.47-28.59a15.49 15.49 0 00-21.15-5.7l-98.39 57a4 4 0 01-6-3.5L288 80a16 16 0 00-16-16h-32a16 16 0 00-16 16l.07 113.57a4 4 0 01-6 3.5l-98.39-57a15.49 15.49 0 00-21.15 5.7l-16.46 28.6a15.42 15.42 0 005.69 21.1l98.49 57.08a4 4 0 010 6.9l-98.49 57.08a15.54 15.54 0 00-5.69 21.1l16.47 28.59a15.49 15.49 0 0021.15 5.7l98.39-57a4 4 0 016 3.5L224 432a16 16 0 0016 16h32a16 16 0 0016-16l-.07-113.67a4 4 0 016-3.5l98.39 57a15.49 15.49 0 0021.15-5.7l16.47-28.59a15.42 15.42 0 00-5.69-21.1l-98.49-57.08a4 4 0 010-6.9l98.49-57.08a15.51 15.51 0 005.68-21.11z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedicalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedicalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedicalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedicalOutline.js"],"names":["MedicalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ojBAAR,EAA6jB,MAAK,MAAlkB,EAAykB,QAAO,cAAhlB,EAA+lB,eAAc,OAA7mB,EAAqnB,gBAAe,OAApoB,EAA4oB,aAAY,IAAxpB;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MedicalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedicalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.93 174.27l-16.47-28.59a15.49 15.49 0 00-21.15-5.7l-98.39 57a4 4 0 01-6-3.5L288 80a16 16 0 00-16-16h-32a16 16 0 00-16 16l.07 113.57a4 4 0 01-6 3.5l-98.39-57a15.49 15.49 0 00-21.15 5.7l-16.46 28.6a15.42 15.42 0 005.69 21.1l98.49 57.08a4 4 0 010 6.9l-98.49 57.08a15.54 15.54 0 00-5.69 21.1l16.47 28.59a15.49 15.49 0 0021.15 5.7l98.39-57a4 4 0 016 3.5L224 432a16 16 0 0016 16h32a16 16 0 0016-16l-.07-113.67a4 4 0 016-3.5l98.39 57a15.49 15.49 0 0021.15-5.7l16.47-28.59a15.42 15.42 0 00-5.69-21.1l-98.49-57.08a4 4 0 010-6.9l98.49-57.08a15.51 15.51 0 005.68-21.11z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedicalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedicalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedicalOutline"]}
\ No newline at end of file
diff --git a/lib/MedicalSharp.js b/lib/MedicalSharp.js
index 618b20398..7b615f8d7 100644
--- a/lib/MedicalSharp.js
+++ b/lib/MedicalSharp.js
@@ -47,7 +47,7 @@ var MedicalSharp = function MedicalSharp(props) {
 MedicalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedicalSharp.js.map b/lib/MedicalSharp.js.map
index f0d4d6927..f41e1fefe 100644
--- a/lib/MedicalSharp.js.map
+++ b/lib/MedicalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedicalSharp.js"],"names":["MedicalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MedicalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedicalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M351.9 256L460 193.6l-48-83.2-108 62.4V48h-96v124.8l-108-62.4-48 83.2L160.1 256 52 318.4l48 83.2 108-62.4V464h96V339.2l108 62.4 48-83.2L351.9 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedicalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedicalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedicalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedicalSharp.js"],"names":["MedicalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MedicalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedicalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M351.9 256L460 193.6l-48-83.2-108 62.4V48h-96v124.8l-108-62.4-48 83.2L160.1 256 52 318.4l48 83.2 108-62.4V464h96V339.2l108 62.4 48-83.2L351.9 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedicalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedicalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedicalSharp"]}
\ No newline at end of file
diff --git a/lib/Medkit.js b/lib/Medkit.js
index 073be8654..222a69e78 100644
--- a/lib/Medkit.js
+++ b/lib/Medkit.js
@@ -48,7 +48,7 @@ var Medkit = function Medkit(props) {
 Medkit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Medkit.js.map b/lib/Medkit.js.map
index 320d349e5..cf7fb7ae5 100644
--- a/lib/Medkit.js.map
+++ b/lib/Medkit.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Medkit.js"],"names":["Medkit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,GAAjK;AAAiP,8CAAM,GAAE,wTAAR;AAAjP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Medkit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medkit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 64H176a16 16 0 00-16 16v16h192V80a16 16 0 00-16-16z\" fill=\"none\"/><path d=\"M432 96h-48V80a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v256a64 64 0 0064 64h352a64 64 0 0064-64V160a64.07 64.07 0 00-64-64zm-96 208h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32zm16-208H160V80a16 16 0 0116-16h160a16 16 0 0116 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkit.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medkit"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Medkit.js"],"names":["Medkit","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0DAAR,EAAmE,MAAK,MAAxE,GAAhK;AAAiP,8CAAM,GAAE,wTAAR;AAAjP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Medkit.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Medkit = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 64H176a16 16 0 00-16 16v16h192V80a16 16 0 00-16-16z\" fill=\"none\" /><path d=\"M432 96h-48V80a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v256a64 64 0 0064 64h352a64 64 0 0064-64V160a64.07 64.07 0 00-64-64zm-96 208h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32zm16-208H160V80a16 16 0 0116-16h160a16 16 0 0116 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkit.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkit.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Medkit"]}
\ No newline at end of file
diff --git a/lib/MedkitOutline.js b/lib/MedkitOutline.js
index 2f4709e71..c01d4a0a5 100644
--- a/lib/MedkitOutline.js
+++ b/lib/MedkitOutline.js
@@ -48,7 +48,7 @@ var MedkitOutline = function MedkitOutline(props) {
 MedkitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedkitOutline.js.map b/lib/MedkitOutline.js.map
index 6093340c8..d0cab8773 100644
--- a/lib/MedkitOutline.js.map
+++ b/lib/MedkitOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedkitOutline.js"],"names":["MedkitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAjK;AAA0S,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,eAAc,OAArI,EAA6I,gBAAe,OAA5J,EAAoK,aAAY,IAAhL;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MedkitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedkitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"112\" width=\"448\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M144 112V80a32 32 0 0132-32h160a32 32 0 0132 32v32M256 208v160M336 288H176\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkitOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedkitOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedkitOutline.js"],"names":["MedkitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAhK;AAA0S,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,eAAc,OAArI,EAA6I,gBAAe,OAA5J,EAAoK,aAAY,IAAhL;AAA1S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MedkitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedkitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"112\" width=\"448\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M144 112V80a32 32 0 0132-32h160a32 32 0 0132 32v32M256 208v160M336 288H176\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkitOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedkitOutline"]}
\ No newline at end of file
diff --git a/lib/MedkitSharp.js b/lib/MedkitSharp.js
index c103b9b47..b7ec6e980 100644
--- a/lib/MedkitSharp.js
+++ b/lib/MedkitSharp.js
@@ -48,7 +48,7 @@ var MedkitSharp = function MedkitSharp(props) {
 MedkitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MedkitSharp.js.map b/lib/MedkitSharp.js.map
index cde7d2730..3befec8a4 100644
--- a/lib/MedkitSharp.js.map
+++ b/lib/MedkitSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MedkitSharp.js"],"names":["MedkitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,GAAE,qBAApB,GAAjK;AAA4M,8CAAM,GAAE,sMAAR;AAA5M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MedkitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedkitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M168 72h176v24H168z\"/><path d=\"M484 96H384V40a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v360a12 12 0 0012 12h456a12 12 0 0012-12V108a12 12 0 00-12-12zM168 72h176v24H168zm184 238h-74v74h-44v-74h-74v-44h74v-74h44v74h74z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkitSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedkitSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MedkitSharp.js"],"names":["MedkitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,GAAE,qBAApB,GAAhK;AAA4M,8CAAM,GAAE,sMAAR;AAA5M;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MedkitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MedkitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M168 72h176v24H168z\" /><path d=\"M484 96H384V40a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v360a12 12 0 0012 12h456a12 12 0 0012-12V108a12 12 0 00-12-12zM168 72h176v24H168zm184 238h-74v74h-44v-74h-74v-44h74v-74h44v74h74z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMedkitSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMedkitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MedkitSharp"]}
\ No newline at end of file
diff --git a/lib/Megaphone.js b/lib/Megaphone.js
index 707adc65c..71c2dc597 100644
--- a/lib/Megaphone.js
+++ b/lib/Megaphone.js
@@ -47,7 +47,7 @@ var Megaphone = function Megaphone(props) {
 Megaphone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Megaphone.js.map b/lib/Megaphone.js.map
index 708923630..97bb655be 100644
--- a/lib/Megaphone.js.map
+++ b/lib/Megaphone.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Megaphone.js"],"names":["Megaphone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,00BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Megaphone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Megaphone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 176v.66a17.38 17.38 0 01-4.2 11.23v.05C38.4 194.32 32 205.74 32 224c0 16.55 5.3 28.23 11.68 35.91A19 19 0 0148 272a32 32 0 0032 32h8a8 8 0 008-8V152a8 8 0 00-8-8h-8a32 32 0 00-32 32zM452.18 186.55l-.93-.17a4 4 0 01-3.25-3.93V62c0-12.64-8.39-24-20.89-28.32-11.92-4.11-24.34-.76-31.68 8.53a431.18 431.18 0 01-51.31 51.69c-23.63 20-46.24 34.25-67 42.31a8 8 0 00-5.15 7.47V299a16 16 0 009.69 14.69c19.34 8.29 40.24 21.83 62 40.28a433.74 433.74 0 0151.68 52.16 26.22 26.22 0 0021.1 9.87 33.07 33.07 0 0010.44-1.74C439.71 410 448 399.05 448 386.4V265.53a4 4 0 013.33-3.94l.85-.14C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM240 320V152a8 8 0 00-8-8h-96a8 8 0 00-8 8v304a24 24 0 0024 24h52.45a32.66 32.66 0 0025.93-12.45 31.65 31.65 0 005.21-29.05c-1.62-5.18-3.63-11-5.77-17.19-7.91-22.9-18.34-37.07-21.12-69.32A32 32 0 00240 320z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphone.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Megaphone"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Megaphone.js"],"names":["Megaphone","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,00BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Megaphone.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Megaphone = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 176v.66a17.38 17.38 0 01-4.2 11.23v.05C38.4 194.32 32 205.74 32 224c0 16.55 5.3 28.23 11.68 35.91A19 19 0 0148 272a32 32 0 0032 32h8a8 8 0 008-8V152a8 8 0 00-8-8h-8a32 32 0 00-32 32zM452.18 186.55l-.93-.17a4 4 0 01-3.25-3.93V62c0-12.64-8.39-24-20.89-28.32-11.92-4.11-24.34-.76-31.68 8.53a431.18 431.18 0 01-51.31 51.69c-23.63 20-46.24 34.25-67 42.31a8 8 0 00-5.15 7.47V299a16 16 0 009.69 14.69c19.34 8.29 40.24 21.83 62 40.28a433.74 433.74 0 0151.68 52.16 26.22 26.22 0 0021.1 9.87 33.07 33.07 0 0010.44-1.74C439.71 410 448 399.05 448 386.4V265.53a4 4 0 013.33-3.94l.85-.14C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM240 320V152a8 8 0 00-8-8h-96a8 8 0 00-8 8v304a24 24 0 0024 24h52.45a32.66 32.66 0 0025.93-12.45 31.65 31.65 0 005.21-29.05c-1.62-5.18-3.63-11-5.77-17.19-7.91-22.9-18.34-37.07-21.12-69.32A32 32 0 00240 320z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphone.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphone.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Megaphone"]}
\ No newline at end of file
diff --git a/lib/MegaphoneOutline.js b/lib/MegaphoneOutline.js
index 82d7c2fcb..883b78382 100644
--- a/lib/MegaphoneOutline.js
+++ b/lib/MegaphoneOutline.js
@@ -48,7 +48,7 @@ var MegaphoneOutline = function MegaphoneOutline(props) {
 MegaphoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MegaphoneOutline.js.map b/lib/MegaphoneOutline.js.map
index 030984e54..33c1d8e15 100644
--- a/lib/MegaphoneOutline.js.map
+++ b/lib/MegaphoneOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MegaphoneOutline.js"],"names":["MegaphoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qQAAR,EAA8Q,MAAK,MAAnR,EAA0R,QAAO,cAAjS,EAAgT,eAAc,OAA9T,EAAsU,gBAAe,OAArV,EAA6V,aAAY,IAAzW,GAAjK;AAAghB,8CAAM,GAAE,gIAAR,EAAyI,MAAK,MAA9I,EAAqJ,QAAO,cAA5J,EAA2K,eAAc,OAAzL,EAAiM,gBAAe,OAAhN,EAAwN,aAAY,IAApO;AAAhhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MegaphoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MegaphoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.94 52.22S321.3 160 240 160H80a16 16 0 00-16 16v96a16 16 0 0016 16h160c81.3 0 167.94 108.23 167.94 108.23 6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78zM64 256s-16-6-16-32 16-32 16-32M448 246s16-4.33 16-22-16-22-16-22M256 160v128M112 160v128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M144 288v168a8 8 0 008 8h53a16 16 0 0015.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0016-16v-16a16 16 0 00-16-16h-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MegaphoneOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MegaphoneOutline.js"],"names":["MegaphoneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qQAAR,EAA8Q,MAAK,MAAnR,EAA0R,QAAO,cAAjS,EAAgT,eAAc,OAA9T,EAAsU,gBAAe,OAArV,EAA6V,aAAY,IAAzW,GAAhK;AAAghB,8CAAM,GAAE,gIAAR,EAAyI,MAAK,MAA9I,EAAqJ,QAAO,cAA5J,EAA2K,eAAc,OAAzL,EAAiM,gBAAe,OAAhN,EAAwN,aAAY,IAApO;AAAhhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MegaphoneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MegaphoneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M407.94 52.22S321.3 160 240 160H80a16 16 0 00-16 16v96a16 16 0 0016 16h160c81.3 0 167.94 108.23 167.94 108.23 6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78zM64 256s-16-6-16-32 16-32 16-32M448 246s16-4.33 16-22-16-22-16-22M256 160v128M112 160v128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M144 288v168a8 8 0 008 8h53a16 16 0 0015.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0016-16v-16a16 16 0 00-16-16h-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphoneOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphoneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MegaphoneOutline"]}
\ No newline at end of file
diff --git a/lib/MegaphoneSharp.js b/lib/MegaphoneSharp.js
index bd671eea5..f9c82ae0e 100644
--- a/lib/MegaphoneSharp.js
+++ b/lib/MegaphoneSharp.js
@@ -47,7 +47,7 @@ var MegaphoneSharp = function MegaphoneSharp(props) {
 MegaphoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MegaphoneSharp.js.map b/lib/MegaphoneSharp.js.map
index 2ece7dfd2..2beb0ee8a 100644
--- a/lib/MegaphoneSharp.js.map
+++ b/lib/MegaphoneSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MegaphoneSharp.js"],"names":["MegaphoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8YAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MegaphoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MegaphoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 144v332a4 4 0 004 4h100.07a8 8 0 007.82-9.7L208.71 352H232a8 8 0 008-8V144zM452.18 186.55L448 185.5V36a4 4 0 00-4-4h-42.5a4 4 0 00-2.63 1L272 144v160l126.87 111a4 4 0 002.63 1H444a4 4 0 004-4V262.5l4.18-1.05C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM96 144H52a4 4 0 00-4 4v35.59a43 43 0 00-4.24 4.35C38.4 194.32 32 205.74 32 224c0 20.19 7.89 33.13 16 40.42V300a4 4 0 004 4h44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MegaphoneSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MegaphoneSharp.js"],"names":["MegaphoneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8YAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MegaphoneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MegaphoneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 144v332a4 4 0 004 4h100.07a8 8 0 007.82-9.7L208.71 352H232a8 8 0 008-8V144zM452.18 186.55L448 185.5V36a4 4 0 00-4-4h-42.5a4 4 0 00-2.63 1L272 144v160l126.87 111a4 4 0 002.63 1H444a4 4 0 004-4V262.5l4.18-1.05C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM96 144H52a4 4 0 00-4 4v35.59a43 43 0 00-4.24 4.35C38.4 194.32 32 205.74 32 224c0 20.19 7.89 33.13 16 40.42V300a4 4 0 004 4h44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMegaphoneSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMegaphoneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MegaphoneSharp"]}
\ No newline at end of file
diff --git a/lib/Menu.js b/lib/Menu.js
index 17d5d6df8..3fbfd15b3 100644
--- a/lib/Menu.js
+++ b/lib/Menu.js
@@ -47,7 +47,7 @@ var Menu = function Menu(props) {
 Menu.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Menu.js.map b/lib/Menu.js.map
index cd8e4ce5c..3b689c11b 100644
--- a/lib/Menu.js.map
+++ b/lib/Menu.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Menu.js"],"names":["Menu","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mCAAvG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Menu.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Menu = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M88 152h336M88 256h336M88 360h336\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenu.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenu.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Menu"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Menu.js"],"names":["Menu","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mCAAvG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Menu.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Menu = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"48\" d=\"M88 152h336M88 256h336M88 360h336\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenu.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenu.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Menu"]}
\ No newline at end of file
diff --git a/lib/MenuOutline.js b/lib/MenuOutline.js
index f8e344b6c..77dfa92dc 100644
--- a/lib/MenuOutline.js
+++ b/lib/MenuOutline.js
@@ -47,7 +47,7 @@ var MenuOutline = function MenuOutline(props) {
 MenuOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MenuOutline.js.map b/lib/MenuOutline.js.map
index 6620f4f9b..4cd50ce72 100644
--- a/lib/MenuOutline.js.map
+++ b/lib/MenuOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuOutline.js"],"names":["MenuOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mCAAvG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MenuOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MenuOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M80 160h352M80 256h352M80 352h352\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenuOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenuOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MenuOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MenuOutline.js"],"names":["MenuOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,mCAAvG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MenuOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MenuOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M80 160h352M80 256h352M80 352h352\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenuOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenuOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MenuOutline"]}
\ No newline at end of file
diff --git a/lib/MenuSharp.js b/lib/MenuSharp.js
index c7adf086f..e093854b9 100644
--- a/lib/MenuSharp.js
+++ b/lib/MenuSharp.js
@@ -47,7 +47,7 @@ var MenuSharp = function MenuSharp(props) {
 MenuSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MenuSharp.js.map b/lib/MenuSharp.js.map
index 60a530c3c..7d7b7edb9 100644
--- a/lib/MenuSharp.js.map
+++ b/lib/MenuSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuSharp.js"],"names":["MenuSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MenuSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MenuSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenuSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenuSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MenuSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MenuSharp.js"],"names":["MenuSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MenuSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MenuSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMenuSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMenuSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MenuSharp"]}
\ No newline at end of file
diff --git a/lib/Mic.js b/lib/Mic.js
index ca864dacb..17b794dfd 100644
--- a/lib/Mic.js
+++ b/lib/Mic.js
@@ -48,7 +48,7 @@ var Mic = function Mic(props) {
 Mic.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Mic.js.map b/lib/Mic.js.map
index 55dd95d3a..db22b006d 100644
--- a/lib/Mic.js.map
+++ b/lib/Mic.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Mic.js"],"names":["Mic","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAjK;AAAsW,8CAAM,GAAE,2IAAR;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Mic.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Mic = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\"/><path d=\"M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMic.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMic.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Mic"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Mic.js"],"names":["Mic","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAhK;AAAsW,8CAAM,GAAE,2IAAR;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Mic.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Mic = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\" /><path d=\"M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMic.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMic.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Mic"]}
\ No newline at end of file
diff --git a/lib/MicCircle.js b/lib/MicCircle.js
index 6acd93868..728f582fb 100644
--- a/lib/MicCircle.js
+++ b/lib/MicCircle.js
@@ -47,7 +47,7 @@ var MicCircle = function MicCircle(props) {
 MicCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicCircle.js.map b/lib/MicCircle.js.map
index 2c18e3483..b5a25aa26 100644
--- a/lib/MicCircle.js.map
+++ b/lib/MicCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicCircle.js"],"names":["MicCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ieAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MicCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h16a16 16 0 010 32h-64a16 16 0 010-32h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224.3a16 16 0 0132 0v23.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V224.3a16 16 0 1132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicCircle.js"],"names":["MicCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ieAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MicCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h16a16 16 0 010 32h-64a16 16 0 010-32h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224.3a16 16 0 0132 0v23.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V224.3a16 16 0 1132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircle"]}
\ No newline at end of file
diff --git a/lib/MicCircleOutline.js b/lib/MicCircleOutline.js
index 93e054cbf..772452878 100644
--- a/lib/MicCircleOutline.js
+++ b/lib/MicCircleOutline.js
@@ -49,7 +49,7 @@ var MicCircleOutline = function MicCircleOutline(props) {
 MicCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicCircleOutline.js.map b/lib/MicCircleOutline.js.map
index 4f49ac942..4eb1a3cee 100644
--- a/lib/MicCircleOutline.js.map
+++ b/lib/MicCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicCircleOutline.js"],"names":["MicCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wGAAxG,GAAhU;AAAkhB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD;AAAlhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MicCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 368h64M336 224.3v23.92c0 39.42-40.58 71.48-80 71.48h0c-39.42 0-80-32.06-80-71.48V224.3M256 320v48\"/><rect x=\"208\" y=\"128\" width=\"96\" height=\"160\" rx=\"48\" ry=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicCircleOutline.js"],"names":["MicCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wGAAxG,GAAhU;AAAmhB,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD;AAAnhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MicCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 368h64M336 224.3v23.92c0 39.42-40.58 71.48-80 71.48h0c-39.42 0-80-32.06-80-71.48V224.3M256 320v48\" /><rect x=\"208\" y=\"128\" width=\"96\" height=\"160\" rx=\"48\" ry=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircleOutline"]}
\ No newline at end of file
diff --git a/lib/MicCircleSharp.js b/lib/MicCircleSharp.js
index 845571064..0c1dbedb7 100644
--- a/lib/MicCircleSharp.js
+++ b/lib/MicCircleSharp.js
@@ -47,7 +47,7 @@ var MicCircleSharp = function MicCircleSharp(props) {
 MicCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicCircleSharp.js.map b/lib/MicCircleSharp.js.map
index c0b06c48b..9c1a417a9 100644
--- a/lib/MicCircleSharp.js.map
+++ b/lib/MicCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicCircleSharp.js"],"names":["MicCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kbAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MicCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h32v32h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208.3h32v39.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V208.3h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicCircleSharp.js"],"names":["MicCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kbAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"MicCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h32v32h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208.3h32v39.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V208.3h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicCircleSharp"]}
\ No newline at end of file
diff --git a/lib/MicOff.js b/lib/MicOff.js
index fe0f0f5d4..a4a5c59c1 100644
--- a/lib/MicOff.js
+++ b/lib/MicOff.js
@@ -49,7 +49,7 @@ var MicOff = function MicOff(props) {
 MicOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOff.js.map b/lib/MicOff.js.map
index db4183b98..f69f5fba7 100644
--- a/lib/MicOff.js.map
+++ b/lib/MicOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOff.js"],"names":["MicOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAjK;AAA0R,8CAAM,GAAE,ymBAAR,GAA1R;AAA64B,8CAAM,GAAE,4GAAR;AAA74B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"MicOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\"/><path d=\"M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.68 111.68 0 01-2.68 24.38 2 2 0 00.53 1.84l22.59 22.59a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35l-18.4-18.39a3 3 0 00-3.41-.58A111 111 0 01256 352zM257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48z\"/><path d=\"M179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOff.js"],"names":["MicOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAhK;AAA0R,8CAAM,GAAE,ymBAAR,GAA1R;AAA84B,8CAAM,GAAE,4GAAR;AAA94B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"MicOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\" /><path d=\"M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.68 111.68 0 01-2.68 24.38 2 2 0 00.53 1.84l22.59 22.59a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35l-18.4-18.39a3 3 0 00-3.41-.58A111 111 0 01256 352zM257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48z\" /><path d=\"M179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOff"]}
\ No newline at end of file
diff --git a/lib/MicOffCircle.js b/lib/MicOffCircle.js
index 4967c12d4..eaeea53b2 100644
--- a/lib/MicOffCircle.js
+++ b/lib/MicOffCircle.js
@@ -47,7 +47,7 @@ var MicOffCircle = function MicOffCircle(props) {
 MicOffCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOffCircle.js.map b/lib/MicOffCircle.js.map
index 6f5147726..5b70b9f98 100644
--- a/lib/MicOffCircle.js.map
+++ b/lib/MicOffCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOffCircle.js"],"names":["MicOffCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,08BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MicOffCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 80a48.14 48.14 0 0148 48v64a47.84 47.84 0 01-.63 7.71 2 2 0 01-3.46 1l-84.42-92.86a4 4 0 01-.47-4.77A48.08 48.08 0 01256 128zm32 256h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01224 352h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224a15.91 15.91 0 0116.39-16A16.26 16.26 0 01192 224.4v23.82c0 25.66 28 55.48 64 55.48 1.67 0 3.37-.09 5.06-.24a3.94 3.94 0 013.29 1.29l21.07 23.19a2 2 0 01-.89 3.26 100.33 100.33 0 01-12.53 3.06V352h15.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01288 384zm-77.89-138.91l36.46 40.11a1 1 0 01-.95 1.66 48.26 48.26 0 01-37.25-41 1 1 0 011.74-.77zm152.65 119.75a16 16 0 01-22.6-1.08l-192-210a16 16 0 0123.68-21.52l192 210a16 16 0 01-1.08 22.6zM352 248.22a77.12 77.12 0 01-11.93 40.87 2 2 0 01-3.19.3l-19.19-21.1a4 4 0 01-.76-4.16 43.35 43.35 0 003.07-15.91v-23.8a16.3 16.3 0 0113.64-16.24c9.88-1.48 18.36 6.51 18.36 16.12z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOffCircle.js"],"names":["MicOffCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,08BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MicOffCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 80a48.14 48.14 0 0148 48v64a47.84 47.84 0 01-.63 7.71 2 2 0 01-3.46 1l-84.42-92.86a4 4 0 01-.47-4.77A48.08 48.08 0 01256 128zm32 256h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01224 352h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224a15.91 15.91 0 0116.39-16A16.26 16.26 0 01192 224.4v23.82c0 25.66 28 55.48 64 55.48 1.67 0 3.37-.09 5.06-.24a3.94 3.94 0 013.29 1.29l21.07 23.19a2 2 0 01-.89 3.26 100.33 100.33 0 01-12.53 3.06V352h15.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01288 384zm-77.89-138.91l36.46 40.11a1 1 0 01-.95 1.66 48.26 48.26 0 01-37.25-41 1 1 0 011.74-.77zm152.65 119.75a16 16 0 01-22.6-1.08l-192-210a16 16 0 0123.68-21.52l192 210a16 16 0 01-1.08 22.6zM352 248.22a77.12 77.12 0 01-11.93 40.87 2 2 0 01-3.19.3l-19.19-21.1a4 4 0 01-.76-4.16 43.35 43.35 0 003.07-15.91v-23.8a16.3 16.3 0 0113.64-16.24c9.88-1.48 18.36 6.51 18.36 16.12z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircle"]}
\ No newline at end of file
diff --git a/lib/MicOffCircleOutline.js b/lib/MicOffCircleOutline.js
index 68ab1eeab..98f8da5eb 100644
--- a/lib/MicOffCircleOutline.js
+++ b/lib/MicOffCircleOutline.js
@@ -49,7 +49,7 @@ var MicOffCircleOutline = function MicOffCircleOutline(props) {
 MicOffCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOffCircleOutline.js.map b/lib/MicOffCircleOutline.js.map
index 2c9275a2a..9b4160ac9 100644
--- a/lib/MicOffCircleOutline.js.map
+++ b/lib/MicOffCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOffCircleOutline.js"],"names":["MicOffCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0KAAR,GAAjK;AAAqV,8CAAM,GAAE,8eAAR,GAArV;AAA60B,8CAAM,GAAE,0YAAR;AAA70B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"MicOffCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z\"/><path d=\"M352 369a15.93 15.93 0 01-11.84-5.24l-192-210a16 16 0 0123.68-21.52l192 210A16 16 0 01352 369zM352 248.22v-23.8a16.3 16.3 0 00-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.35 43.35 0 01-3.07 15.91 4 4 0 00.76 4.16l19.19 21.1a2 2 0 003.19-.3A77.12 77.12 0 00352 248.22zM304 240v-64a48.14 48.14 0 00-48-48 48.08 48.08 0 00-41 23.1 4 4 0 00.47 4.77l84.42 92.86a2 2 0 003.46-1A47.84 47.84 0 00304 240zM246.57 285.2l-36.46-40.11a1 1 0 00-1.74.8 48.26 48.26 0 0037.25 41 1 1 0 00.95-1.69z\"/><path d=\"M287.55 352H272v-17.74a100.33 100.33 0 0012.53-3.06 2 2 0 00.89-3.26l-21.07-23.19a3.94 3.94 0 00-3.29-1.29c-1.69.15-3.39.24-5.06.24-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 00-15.61-16.4A15.91 15.91 0 00160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.71 103.71 0 00240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 384h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOffCircleOutline.js"],"names":["MicOffCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0KAAR,GAAhK;AAAqV,8CAAM,GAAE,8eAAR,GAArV;AAA80B,8CAAM,GAAE,0YAAR;AAA90B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"MicOffCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z\" /><path d=\"M352 369a15.93 15.93 0 01-11.84-5.24l-192-210a16 16 0 0123.68-21.52l192 210A16 16 0 01352 369zM352 248.22v-23.8a16.3 16.3 0 00-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.35 43.35 0 01-3.07 15.91 4 4 0 00.76 4.16l19.19 21.1a2 2 0 003.19-.3A77.12 77.12 0 00352 248.22zM304 240v-64a48.14 48.14 0 00-48-48 48.08 48.08 0 00-41 23.1 4 4 0 00.47 4.77l84.42 92.86a2 2 0 003.46-1A47.84 47.84 0 00304 240zM246.57 285.2l-36.46-40.11a1 1 0 00-1.74.8 48.26 48.26 0 0037.25 41 1 1 0 00.95-1.69z\" /><path d=\"M287.55 352H272v-17.74a100.33 100.33 0 0012.53-3.06 2 2 0 00.89-3.26l-21.07-23.19a3.94 3.94 0 00-3.29-1.29c-1.69.15-3.39.24-5.06.24-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 00-15.61-16.4A15.91 15.91 0 00160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.71 103.71 0 00240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 384h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircleOutline"]}
\ No newline at end of file
diff --git a/lib/MicOffCircleSharp.js b/lib/MicOffCircleSharp.js
index 5257f2fb7..ffc59b7cb 100644
--- a/lib/MicOffCircleSharp.js
+++ b/lib/MicOffCircleSharp.js
@@ -47,7 +47,7 @@ var MicOffCircleSharp = function MicOffCircleSharp(props) {
 MicOffCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOffCircleSharp.js.map b/lib/MicOffCircleSharp.js.map
index dd4ecdd6b..7de2ed76f 100644
--- a/lib/MicOffCircleSharp.js.map
+++ b/lib/MicOffCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOffCircleSharp.js"],"names":["MicOffCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2jBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MicOffCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm64 200.22V208h32v40.22a77.53 77.53 0 01-13.37 43.11L316 266.4a44.11 44.11 0 004-18.18zM256 128a48.14 48.14 0 0148 48v64a48.07 48.07 0 01-1.44 11.64l-89-97.92A48.13 48.13 0 01256 128zm48 256h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208h32v40.22c0 25.66 28 55.48 64 55.48a56.91 56.91 0 007-.45l24.52 27a99.57 99.57 0 01-15.5 4V352h32zm-95.91-141.13l40.5 44.55a48.2 48.2 0 01-40.5-44.55zm136.07 124.89l-200.5-218.5 23.68-21.52 200.5 218.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOffCircleSharp.js"],"names":["MicOffCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2jBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MicOffCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm64 200.22V208h32v40.22a77.53 77.53 0 01-13.37 43.11L316 266.4a44.11 44.11 0 004-18.18zM256 128a48.14 48.14 0 0148 48v64a48.07 48.07 0 01-1.44 11.64l-89-97.92A48.13 48.13 0 01256 128zm48 256h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208h32v40.22c0 25.66 28 55.48 64 55.48a56.91 56.91 0 007-.45l24.52 27a99.57 99.57 0 01-15.5 4V352h32zm-95.91-141.13l40.5 44.55a48.2 48.2 0 01-40.5-44.55zm136.07 124.89l-200.5-218.5 23.68-21.52 200.5 218.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffCircleSharp"]}
\ No newline at end of file
diff --git a/lib/MicOffOutline.js b/lib/MicOffOutline.js
index afba05dde..27ad5322c 100644
--- a/lib/MicOffOutline.js
+++ b/lib/MicOffOutline.js
@@ -49,7 +49,7 @@ var MicOffOutline = function MicOffOutline(props) {
 MicOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOffOutline.js.map b/lib/MicOffOutline.js.map
index 8eb586b22..428dde37e 100644
--- a/lib/MicOffOutline.js.map
+++ b/lib/MicOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOffOutline.js"],"names":["MicOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAjK;AAA0R,8CAAM,GAAE,otBAAR,GAA1R;AAAw/B,8CAAM,GAAE,sNAAR;AAAx/B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MicOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\"/><path d=\"M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.58 111.58 0 01-2.45 23.31 4.05 4.05 0 001.07 3.69l21.82 21.81a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35L307 342.63a4 4 0 00-4.51-.78A110.78 110.78 0 01256 352zM256 80a47.18 47.18 0 0148 48v74.72a4 4 0 001.17 2.82L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5l19.54 19.54a2 2 0 003.25-.63A47.44 47.44 0 01256 80z\"/><path d=\"M207.27 242.9L179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35l-24.91-24.91a4.08 4.08 0 00-2.42-1.15c-21.65-2.52-39.48-20.44-42.37-42.43a4 4 0 00-1.14-2.35z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOffOutline.js"],"names":["MicOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAhK;AAA0R,8CAAM,GAAE,otBAAR,GAA1R;AAAy/B,8CAAM,GAAE,sNAAR;AAAz/B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"MicOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\" /><path d=\"M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.58 111.58 0 01-2.45 23.31 4.05 4.05 0 001.07 3.69l21.82 21.81a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35L307 342.63a4 4 0 00-4.51-.78A110.78 110.78 0 01256 352zM256 80a47.18 47.18 0 0148 48v74.72a4 4 0 001.17 2.82L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5l19.54 19.54a2 2 0 003.25-.63A47.44 47.44 0 01256 80z\" /><path d=\"M207.27 242.9L179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35l-24.91-24.91a4.08 4.08 0 00-2.42-1.15c-21.65-2.52-39.48-20.44-42.37-42.43a4 4 0 00-1.14-2.35z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffOutline"]}
\ No newline at end of file
diff --git a/lib/MicOffSharp.js b/lib/MicOffSharp.js
index 5092e637f..3994b4c4b 100644
--- a/lib/MicOffSharp.js
+++ b/lib/MicOffSharp.js
@@ -49,7 +49,7 @@ var MicOffSharp = function MicOffSharp(props) {
 MicOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOffSharp.js.map b/lib/MicOffSharp.js.map
index 5e59bb361..753d55790 100644
--- a/lib/MicOffSharp.js.map
+++ b/lib/MicOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOffSharp.js"],"names":["MicOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gBAAxG,GAAjK;AAA2R,8CAAM,GAAE,kSAAR,GAA3R;AAAukB,8CAAM,GAAE,sEAAR;AAAvkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MicOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\"/><path d=\"M368 192v48a111.74 111.74 0 01-2.93 25.45L390.65 291a143.07 143.07 0 009.35-51v-48zM272 432v-48.89a143.11 143.11 0 0056.65-18.83L305 340.65A112.13 112.13 0 01144 240v-48h-32v48c0 74 56.1 135.12 128 143.11V432h-64v32h160v-32zM336 236.37V128c0-44.86-35.14-80-80-80a79.68 79.68 0 00-69 39.34\"/><path d=\"M176 211.63V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0081 20.21z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOffSharp.js"],"names":["MicOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gBAAxG,GAAhK;AAA2R,8CAAM,GAAE,kSAAR,GAA3R;AAAwkB,8CAAM,GAAE,sEAAR;AAAxkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MicOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M432 400L96 64\" /><path d=\"M368 192v48a111.74 111.74 0 01-2.93 25.45L390.65 291a143.07 143.07 0 009.35-51v-48zM272 432v-48.89a143.11 143.11 0 0056.65-18.83L305 340.65A112.13 112.13 0 01144 240v-48h-32v48c0 74 56.1 135.12 128 143.11V432h-64v32h160v-32zM336 236.37V128c0-44.86-35.14-80-80-80a79.68 79.68 0 00-69 39.34\" /><path d=\"M176 211.63V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0081 20.21z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOffSharp"]}
\ No newline at end of file
diff --git a/lib/MicOutline.js b/lib/MicOutline.js
index be8d12fd3..1a43d8498 100644
--- a/lib/MicOutline.js
+++ b/lib/MicOutline.js
@@ -48,7 +48,7 @@ var MicOutline = function MicOutline(props) {
 MicOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicOutline.js.map b/lib/MicOutline.js.map
index b81d0db5c..adab573ca 100644
--- a/lib/MicOutline.js.map
+++ b/lib/MicOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicOutline.js"],"names":["MicOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAjK;AAAsW,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,eAAc,OAAlJ,EAA0J,gBAAe,OAAzK,EAAiL,aAAY,IAA7L;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MicOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\"/><path d=\"M256 64a63.68 63.68 0 00-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicOutline.js"],"names":["MicOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAhK;AAAsW,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,eAAc,OAAlJ,EAA0J,gBAAe,OAAzK,EAAiL,aAAY,IAA7L;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"MicOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\" /><path d=\"M256 64a63.68 63.68 0 00-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicOutline"]}
\ No newline at end of file
diff --git a/lib/MicSharp.js b/lib/MicSharp.js
index debc58a9d..f74b9f573 100644
--- a/lib/MicSharp.js
+++ b/lib/MicSharp.js
@@ -48,7 +48,7 @@ var MicSharp = function MicSharp(props) {
 MicSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MicSharp.js.map b/lib/MicSharp.js.map
index cdbf5da6c..b2471b0dd 100644
--- a/lib/MicSharp.js.map
+++ b/lib/MicSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MicSharp.js"],"names":["MicSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAjK;AAAsW,8CAAM,GAAE,2IAAR;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MicSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\"/><path d=\"M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MicSharp.js"],"names":["MicSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2FAAxG,GAAhK;AAAsW,8CAAM,GAAE,2IAAR;AAAtW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"MicSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MicSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\" /><path d=\"M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMicSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMicSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MicSharp"]}
\ No newline at end of file
diff --git a/lib/Moon.js b/lib/Moon.js
index 0f09b05ca..f360d2158 100644
--- a/lib/Moon.js
+++ b/lib/Moon.js
@@ -47,7 +47,7 @@ var Moon = function Moon(props) {
 Moon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Moon.js.map b/lib/Moon.js.map
index 783a8339d..59f894c4f 100644
--- a/lib/Moon.js.map
+++ b/lib/Moon.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Moon.js"],"names":["Moon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Moon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Moon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M264 480A232 232 0 0132 248c0-94 54-178.28 137.61-214.67a16 16 0 0121.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200 31.34 0 59.57-5.07 81.61-14.67a16 16 0 0121.06 21.06C442.28 426 358 480 264 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoon.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Moon"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Moon.js"],"names":["Moon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Moon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Moon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M264 480A232 232 0 0132 248c0-94 54-178.28 137.61-214.67a16 16 0 0121.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200 31.34 0 59.57-5.07 81.61-14.67a16 16 0 0121.06 21.06C442.28 426 358 480 264 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoon.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Moon"]}
\ No newline at end of file
diff --git a/lib/MoonOutline.js b/lib/MoonOutline.js
index a2379091a..9df58adc3 100644
--- a/lib/MoonOutline.js
+++ b/lib/MoonOutline.js
@@ -47,7 +47,7 @@ var MoonOutline = function MoonOutline(props) {
 MoonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MoonOutline.js.map b/lib/MoonOutline.js.map
index d1a229f46..4fd1254b6 100644
--- a/lib/MoonOutline.js.map
+++ b/lib/MoonOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MoonOutline.js"],"names":["MoonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+KAAR,EAAwL,MAAK,MAA7L,EAAoM,QAAO,cAA3M,EAA0N,eAAc,OAAxO,EAAgP,gBAAe,OAA/P,EAAuQ,aAAY,IAAnR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MoonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoonOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoonOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MoonOutline.js"],"names":["MoonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+KAAR,EAAwL,MAAK,MAA7L,EAAoM,QAAO,cAA3M,EAA0N,eAAc,OAAxO,EAAgP,gBAAe,OAA/P,EAAuQ,aAAY,IAAnR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MoonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoonOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoonOutline"]}
\ No newline at end of file
diff --git a/lib/MoonSharp.js b/lib/MoonSharp.js
index dc017c8ff..30f64df3e 100644
--- a/lib/MoonSharp.js
+++ b/lib/MoonSharp.js
@@ -47,7 +47,7 @@ var MoonSharp = function MoonSharp(props) {
 MoonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MoonSharp.js.map b/lib/MoonSharp.js.map
index 836647951..bf01cae2a 100644
--- a/lib/MoonSharp.js.map
+++ b/lib/MoonSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MoonSharp.js"],"names":["MoonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MoonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoonSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoonSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MoonSharp.js"],"names":["MoonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MoonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoonSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoonSharp"]}
\ No newline at end of file
diff --git a/lib/Move.js b/lib/Move.js
index 3b36ed833..0ce72e34d 100644
--- a/lib/Move.js
+++ b/lib/Move.js
@@ -47,7 +47,7 @@ var Move = function Move(props) {
 Move.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Move.js.map b/lib/Move.js.map
index d8cfe78e4..56e41c330 100644
--- a/lib/Move.js.map
+++ b/lib/Move.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Move.js"],"names":["Move","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gHAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Move.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Move = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMove.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Move"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Move.js"],"names":["Move","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gHAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Move.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Move = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMove.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Move"]}
\ No newline at end of file
diff --git a/lib/MoveOutline.js b/lib/MoveOutline.js
index ffb89a801..0d47df67c 100644
--- a/lib/MoveOutline.js
+++ b/lib/MoveOutline.js
@@ -47,7 +47,7 @@ var MoveOutline = function MoveOutline(props) {
 MoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MoveOutline.js.map b/lib/MoveOutline.js.map
index ecbe94cc6..d15e7309b 100644
--- a/lib/MoveOutline.js.map
+++ b/lib/MoveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MoveOutline.js"],"names":["MoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gHAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MoveOutline.js"],"names":["MoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gHAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoveOutline"]}
\ No newline at end of file
diff --git a/lib/MoveSharp.js b/lib/MoveSharp.js
index f10c99bce..1bf09d76c 100644
--- a/lib/MoveSharp.js
+++ b/lib/MoveSharp.js
@@ -47,7 +47,7 @@ var MoveSharp = function MoveSharp(props) {
 MoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MoveSharp.js.map b/lib/MoveSharp.js.map
index 8d0f94b56..8857689d0 100644
--- a/lib/MoveSharp.js.map
+++ b/lib/MoveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MoveSharp.js"],"names":["MoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,gHAAjF;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MoveSharp.js"],"names":["MoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,gHAAjF;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"MoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MoveSharp"]}
\ No newline at end of file
diff --git a/lib/MusicalNote.js b/lib/MusicalNote.js
index 7761a3258..b2d59ac5b 100644
--- a/lib/MusicalNote.js
+++ b/lib/MusicalNote.js
@@ -47,7 +47,7 @@ var MusicalNote = function MusicalNote(props) {
 MusicalNote.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNote.js.map b/lib/MusicalNote.js.map
index 794130c79..dc36bdbbb 100644
--- a/lib/MusicalNote.js.map
+++ b/lib/MusicalNote.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNote.js"],"names":["MusicalNote","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4UAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MusicalNote.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNote = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M183.83 480a55.2 55.2 0 01-32.36-10.55A56.64 56.64 0 01128 423.58a50.26 50.26 0 0134.14-47.73L213 358.73a16.25 16.25 0 0011-15.49V92a32.1 32.1 0 0124.09-31.15l108.39-28.14A22 22 0 01384 54v57.75a32.09 32.09 0 01-24.2 31.19l-91.65 23.13A16.24 16.24 0 00256 181.91V424a48.22 48.22 0 01-32.78 45.81l-21.47 7.23a56 56 0 01-17.92 2.96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNote.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNote.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNote"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNote.js"],"names":["MusicalNote","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4UAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"MusicalNote.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNote = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M183.83 480a55.2 55.2 0 01-32.36-10.55A56.64 56.64 0 01128 423.58a50.26 50.26 0 0134.14-47.73L213 358.73a16.25 16.25 0 0011-15.49V92a32.1 32.1 0 0124.09-31.15l108.39-28.14A22 22 0 01384 54v57.75a32.09 32.09 0 01-24.2 31.19l-91.65 23.13A16.24 16.24 0 00256 181.91V424a48.22 48.22 0 01-32.78 45.81l-21.47 7.23a56 56 0 01-17.92 2.96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNote.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNote.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNote"]}
\ No newline at end of file
diff --git a/lib/MusicalNoteOutline.js b/lib/MusicalNoteOutline.js
index f37a3989b..672e057e5 100644
--- a/lib/MusicalNoteOutline.js
+++ b/lib/MusicalNoteOutline.js
@@ -47,7 +47,7 @@ var MusicalNoteOutline = function MusicalNoteOutline(props) {
 MusicalNoteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNoteOutline.js.map b/lib/MusicalNoteOutline.js.map
index 13cb02b89..f1b47c630 100644
--- a/lib/MusicalNoteOutline.js.map
+++ b/lib/MusicalNoteOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNoteOutline.js"],"names":["MusicalNoteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4SAAR,EAAqT,MAAK,MAA1T,EAAiU,QAAO,cAAxU,EAAuV,eAAc,OAArW,EAA6W,gBAAe,OAA5X,EAAoY,aAAY,IAAhZ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"MusicalNoteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNoteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 343.31V424a32.28 32.28 0 01-21.88 30.65l-21.47 7.23c-25.9 8.71-52.65-10.75-52.65-38.32h0A34.29 34.29 0 01167.25 391l50.87-17.12A32.29 32.29 0 00240 343.24V92a16.13 16.13 0 0112.06-15.66L360.49 48.2A6 6 0 01368 54v57.76a16.13 16.13 0 01-12.12 15.67l-91.64 23.13A32.25 32.25 0 00240 181.91v39.39\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNoteOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNoteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNoteOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNoteOutline.js"],"names":["MusicalNoteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4SAAR,EAAqT,MAAK,MAA1T,EAAiU,QAAO,cAAxU,EAAuV,eAAc,OAArW,EAA6W,gBAAe,OAA5X,EAAoY,aAAY,IAAhZ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"MusicalNoteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNoteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M240 343.31V424a32.28 32.28 0 01-21.88 30.65l-21.47 7.23c-25.9 8.71-52.65-10.75-52.65-38.32h0A34.29 34.29 0 01167.25 391l50.87-17.12A32.29 32.29 0 00240 343.24V92a16.13 16.13 0 0112.06-15.66L360.49 48.2A6 6 0 01368 54v57.76a16.13 16.13 0 01-12.12 15.67l-91.64 23.13A32.25 32.25 0 00240 181.91v39.39\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNoteOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNoteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNoteOutline"]}
\ No newline at end of file
diff --git a/lib/MusicalNoteSharp.js b/lib/MusicalNoteSharp.js
index f37016435..95c7fb935 100644
--- a/lib/MusicalNoteSharp.js
+++ b/lib/MusicalNoteSharp.js
@@ -47,7 +47,7 @@ var MusicalNoteSharp = function MusicalNoteSharp(props) {
 MusicalNoteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNoteSharp.js.map b/lib/MusicalNoteSharp.js.map
index dab2701d1..a86e664ee 100644
--- a/lib/MusicalNoteSharp.js.map
+++ b/lib/MusicalNoteSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNoteSharp.js"],"names":["MusicalNoteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4TAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MusicalNoteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNoteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M381.55 32.05c-18.13 4.28-126.57 31.07-156 38.19a2 2 0 00-1.55 1.94V353.3a2 2 0 01-1.32 1.88L182 369.88c-29.82 10.66-54 18.94-54 59.06 0 32.47 23.53 47.18 37.95 50a81.77 81.77 0 0015 1.08c8.89 0 31-3.59 47.52-14.24C256 448 256 448 256 415.93V169.16a2 2 0 011.49-1.94l125-33a2 2 0 001.49-1.94V34a2 2 0 00-2.43-1.95z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNoteSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNoteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNoteSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNoteSharp.js"],"names":["MusicalNoteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4TAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"MusicalNoteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNoteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M381.55 32.05c-18.13 4.28-126.57 31.07-156 38.19a2 2 0 00-1.55 1.94V353.3a2 2 0 01-1.32 1.88L182 369.88c-29.82 10.66-54 18.94-54 59.06 0 32.47 23.53 47.18 37.95 50a81.77 81.77 0 0015 1.08c8.89 0 31-3.59 47.52-14.24C256 448 256 448 256 415.93V169.16a2 2 0 011.49-1.94l125-33a2 2 0 001.49-1.94V34a2 2 0 00-2.43-1.95z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNoteSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNoteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNoteSharp"]}
\ No newline at end of file
diff --git a/lib/MusicalNotes.js b/lib/MusicalNotes.js
index d90b2fc61..45b11fce6 100644
--- a/lib/MusicalNotes.js
+++ b/lib/MusicalNotes.js
@@ -47,7 +47,7 @@ var MusicalNotes = function MusicalNotes(props) {
 MusicalNotes.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNotes.js.map b/lib/MusicalNotes.js.map
index 9901b71d9..98f9a9e7d 100644
--- a/lib/MusicalNotes.js.map
+++ b/lib/MusicalNotes.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNotes.js"],"names":["MusicalNotes","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yjBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MusicalNotes.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotes = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M421.84 37.37a25.86 25.86 0 00-22.6-4.46L199.92 86.49A32.3 32.3 0 00176 118v226c0 6.74-4.36 12.56-11.11 14.83l-.12.05-52 18C92.88 383.53 80 402 80 423.91a55.54 55.54 0 0023.23 45.63A54.78 54.78 0 00135.34 480a55.82 55.82 0 0017.75-2.93l.38-.13 21.84-7.94A47.84 47.84 0 00208 423.91v-212c0-7.29 4.77-13.21 12.16-15.07l.21-.06L395 150.14a4 4 0 015 3.86v141.93c0 6.75-4.25 12.38-11.11 14.68l-.25.09-50.89 18.11A49.09 49.09 0 00304 375.92a55.67 55.67 0 0023.23 45.8 54.63 54.63 0 0049.88 7.35l.36-.12 21.84-7.95A47.83 47.83 0 00432 375.92V58a25.74 25.74 0 00-10.16-20.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotes.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotes.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotes"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNotes.js"],"names":["MusicalNotes","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yjBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"MusicalNotes.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotes = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M421.84 37.37a25.86 25.86 0 00-22.6-4.46L199.92 86.49A32.3 32.3 0 00176 118v226c0 6.74-4.36 12.56-11.11 14.83l-.12.05-52 18C92.88 383.53 80 402 80 423.91a55.54 55.54 0 0023.23 45.63A54.78 54.78 0 00135.34 480a55.82 55.82 0 0017.75-2.93l.38-.13 21.84-7.94A47.84 47.84 0 00208 423.91v-212c0-7.29 4.77-13.21 12.16-15.07l.21-.06L395 150.14a4 4 0 015 3.86v141.93c0 6.75-4.25 12.38-11.11 14.68l-.25.09-50.89 18.11A49.09 49.09 0 00304 375.92a55.67 55.67 0 0023.23 45.8 54.63 54.63 0 0049.88 7.35l.36-.12 21.84-7.95A47.83 47.83 0 00432 375.92V58a25.74 25.74 0 00-10.16-20.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotes.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotes.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotes"]}
\ No newline at end of file
diff --git a/lib/MusicalNotesOutline.js b/lib/MusicalNotesOutline.js
index d0ca1f2a0..0da72dc88 100644
--- a/lib/MusicalNotesOutline.js
+++ b/lib/MusicalNotesOutline.js
@@ -48,7 +48,7 @@ var MusicalNotesOutline = function MusicalNotesOutline(props) {
 MusicalNotesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNotesOutline.js.map b/lib/MusicalNotesOutline.js.map
index 5cd47b3b4..34c18ea74 100644
--- a/lib/MusicalNotesOutline.js.map
+++ b/lib/MusicalNotesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNotesOutline.js"],"names":["MusicalNotesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yEAAR,EAAkF,MAAK,MAAvF,EAA8F,QAAO,cAArG,EAAoH,eAAc,OAAlI,EAA0I,gBAAe,OAAzJ,EAAiK,aAAY,IAA7K,GAAjK;AAAoV,8CAAM,GAAE,yTAAR,EAAkU,MAAK,MAAvU,EAA8U,QAAO,cAArV,EAAoW,eAAc,OAAlX,EAA0X,gBAAe,OAAzY,EAAiZ,aAAY,IAA7Z;AAApV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"MusicalNotesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 218v-6c0-14.84 10-27 24.24-30.59l174.59-46.68A20 20 0 01416 154v22\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M416 295.94v80c0 13.91-8.93 25.59-22 30l-22 8c-25.9 8.72-52-10.42-52-38h0a33.37 33.37 0 0123-32l51-18.15c13.07-4.4 22-15.94 22-29.85V58a10 10 0 00-12.6-9.61L204 102a16.48 16.48 0 00-12 16v226c0 13.91-8.93 25.6-22 30l-52 18c-13.88 4.68-22 17.22-22 32h0c0 27.58 26.52 46.55 52 38l22-8c13.07-4.4 22-16.08 22-30v-80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNotesOutline.js"],"names":["MusicalNotesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yEAAR,EAAkF,MAAK,MAAvF,EAA8F,QAAO,cAArG,EAAoH,eAAc,OAAlI,EAA0I,gBAAe,OAAzJ,EAAiK,aAAY,IAA7K,GAAhK;AAAoV,8CAAM,GAAE,yTAAR,EAAkU,MAAK,MAAvU,EAA8U,QAAO,cAArV,EAAoW,eAAc,OAAlX,EAA0X,gBAAe,OAAzY,EAAiZ,aAAY,IAA7Z;AAApV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"MusicalNotesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 218v-6c0-14.84 10-27 24.24-30.59l174.59-46.68A20 20 0 01416 154v22\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M416 295.94v80c0 13.91-8.93 25.59-22 30l-22 8c-25.9 8.72-52-10.42-52-38h0a33.37 33.37 0 0123-32l51-18.15c13.07-4.4 22-15.94 22-29.85V58a10 10 0 00-12.6-9.61L204 102a16.48 16.48 0 00-12 16v226c0 13.91-8.93 25.6-22 30l-52 18c-13.88 4.68-22 17.22-22 32h0c0 27.58 26.52 46.55 52 38l22-8c13.07-4.4 22-16.08 22-30v-80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotesOutline"]}
\ No newline at end of file
diff --git a/lib/MusicalNotesSharp.js b/lib/MusicalNotesSharp.js
index c597eb37b..00058d3eb 100644
--- a/lib/MusicalNotesSharp.js
+++ b/lib/MusicalNotesSharp.js
@@ -47,7 +47,7 @@ var MusicalNotesSharp = function MusicalNotesSharp(props) {
 MusicalNotesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/MusicalNotesSharp.js.map b/lib/MusicalNotesSharp.js.map
index b2373aaa1..78f7c65e3 100644
--- a/lib/MusicalNotesSharp.js.map
+++ b/lib/MusicalNotesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/MusicalNotesSharp.js"],"names":["MusicalNotesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6gBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MusicalNotesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.46 32.07c-23.6 6.53-205.55 58.81-250.54 71.43a4 4 0 00-2.92 3.83v247a2 2 0 01-1.33 1.89l-27.85 9.55c-19 7.44-66.82 16.68-66.82 59.19 0 35.54 24.63 51.54 45.86 54.28a52.06 52.06 0 007.81.8c7.37 0 36.38-7.08 53.3-18.08C208 448.25 208 448 208 412V202c0-.9.62-.84 1.48-1.07l188-51.92a2 2 0 012.53 2v155.54a2 2 0 01-1.36 1.89c-8.9 3-19.23 6.5-26.48 9.12C341.39 328.68 304 335.65 304 376c0 38.51 28.26 54.58 46.3 55.83a87.37 87.37 0 0021.33-1c9-1.38 24.09-5.9 38.14-14.86C432 401.79 432 401.51 432 360V34a2 2 0 00-2.54-1.93z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/MusicalNotesSharp.js"],"names":["MusicalNotesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6gBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"MusicalNotesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst MusicalNotesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.46 32.07c-23.6 6.53-205.55 58.81-250.54 71.43a4 4 0 00-2.92 3.83v247a2 2 0 01-1.33 1.89l-27.85 9.55c-19 7.44-66.82 16.68-66.82 59.19 0 35.54 24.63 51.54 45.86 54.28a52.06 52.06 0 007.81.8c7.37 0 36.38-7.08 53.3-18.08C208 448.25 208 448 208 412V202c0-.9.62-.84 1.48-1.07l188-51.92a2 2 0 012.53 2v155.54a2 2 0 01-1.36 1.89c-8.9 3-19.23 6.5-26.48 9.12C341.39 328.68 304 335.65 304 376c0 38.51 28.26 54.58 46.3 55.83a87.37 87.37 0 0021.33-1c9-1.38 24.09-5.9 38.14-14.86C432 401.79 432 401.51 432 360V34a2 2 0 00-2.54-1.93z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nMusicalNotesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nMusicalNotesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default MusicalNotesSharp"]}
\ No newline at end of file
diff --git a/lib/Navigate.js b/lib/Navigate.js
index c296076e6..dabf09b8c 100644
--- a/lib/Navigate.js
+++ b/lib/Navigate.js
@@ -47,7 +47,7 @@ var Navigate = function Navigate(props) {
 Navigate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Navigate.js.map b/lib/Navigate.js.map
index e344bb04a..40d5f173c 100644
--- a/lib/Navigate.js.map
+++ b/lib/Navigate.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Navigate.js"],"names":["Navigate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Navigate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Navigate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 464a16 16 0 01-16-16.42V264.13a8 8 0 00-8-8H64.41a16.31 16.31 0 01-15.49-10.65 16 16 0 018.41-19.87l384-176.15a16 16 0 0121.22 21.19l-176 384A16 16 0 01272 464z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigate.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Navigate"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Navigate.js"],"names":["Navigate","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Navigate.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Navigate = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 464a16 16 0 01-16-16.42V264.13a8 8 0 00-8-8H64.41a16.31 16.31 0 01-15.49-10.65 16 16 0 018.41-19.87l384-176.15a16 16 0 0121.22 21.19l-176 384A16 16 0 01272 464z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigate.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigate.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Navigate"]}
\ No newline at end of file
diff --git a/lib/NavigateCircle.js b/lib/NavigateCircle.js
index 19779eef6..9d137c4fa 100644
--- a/lib/NavigateCircle.js
+++ b/lib/NavigateCircle.js
@@ -47,7 +47,7 @@ var NavigateCircle = function NavigateCircle(props) {
 NavigateCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NavigateCircle.js.map b/lib/NavigateCircle.js.map
index 07744e2eb..d4dedac83 100644
--- a/lib/NavigateCircle.js.map
+++ b/lib/NavigateCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NavigateCircle.js"],"names":["NavigateCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NavigateCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM351 175.24l-82.24 186.52c-4.79 10.47-20.78 7-20.78-4.56V268a4 4 0 00-4-4H154.8c-11.52 0-15-15.87-4.57-20.67L336.76 161A10.73 10.73 0 01351 175.24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NavigateCircle.js"],"names":["NavigateCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NavigateCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM351 175.24l-82.24 186.52c-4.79 10.47-20.78 7-20.78-4.56V268a4 4 0 00-4-4H154.8c-11.52 0-15-15.87-4.57-20.67L336.76 161A10.73 10.73 0 01351 175.24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircle"]}
\ No newline at end of file
diff --git a/lib/NavigateCircleOutline.js b/lib/NavigateCircleOutline.js
index bdd54a499..9b408705b 100644
--- a/lib/NavigateCircleOutline.js
+++ b/lib/NavigateCircleOutline.js
@@ -48,7 +48,7 @@ var NavigateCircleOutline = function NavigateCircleOutline(props) {
 NavigateCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NavigateCircleOutline.js.map b/lib/NavigateCircleOutline.js.map
index 280deeebb..d8f73e6ac 100644
--- a/lib/NavigateCircleOutline.js.map
+++ b/lib/NavigateCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NavigateCircleOutline.js"],"names":["NavigateCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR,GAAjK;AAA6T,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA7T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"NavigateCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336.76 161l-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 014 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 00336.76 161z\"/><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NavigateCircleOutline.js"],"names":["NavigateCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR,GAAhK;AAA6T,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAA7T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"NavigateCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336.76 161l-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 014 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 00336.76 161z\" /><path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircleOutline"]}
\ No newline at end of file
diff --git a/lib/NavigateCircleSharp.js b/lib/NavigateCircleSharp.js
index a9e555372..579f33779 100644
--- a/lib/NavigateCircleSharp.js
+++ b/lib/NavigateCircleSharp.js
@@ -47,7 +47,7 @@ var NavigateCircleSharp = function NavigateCircleSharp(props) {
 NavigateCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NavigateCircleSharp.js.map b/lib/NavigateCircleSharp.js.map
index d9e353349..5bc6de713 100644
--- a/lib/NavigateCircleSharp.js.map
+++ b/lib/NavigateCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NavigateCircleSharp.js"],"names":["NavigateCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8IAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"NavigateCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48A208.23 208.23 0 0048 256c0 114.68 93.31 208 208 208a208.23 208.23 0 00208-208c0-114.69-93.31-208-208-208zm-8 361V264H103l259-114.11z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NavigateCircleSharp.js"],"names":["NavigateCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8IAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"NavigateCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48A208.23 208.23 0 0048 256c0 114.68 93.31 208 208 208a208.23 208.23 0 00208-208c0-114.69-93.31-208-208-208zm-8 361V264H103l259-114.11z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateCircleSharp"]}
\ No newline at end of file
diff --git a/lib/NavigateOutline.js b/lib/NavigateOutline.js
index 35848c35b..0dd9f70b9 100644
--- a/lib/NavigateOutline.js
+++ b/lib/NavigateOutline.js
@@ -47,7 +47,7 @@ var NavigateOutline = function NavigateOutline(props) {
 NavigateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NavigateOutline.js.map b/lib/NavigateOutline.js.map
index d49731659..e5febfdea 100644
--- a/lib/NavigateOutline.js.map
+++ b/lib/NavigateOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NavigateOutline.js"],"names":["NavigateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"NavigateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64L64 240.14h200a8 8 0 018 8V448z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NavigateOutline.js"],"names":["NavigateOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"NavigateOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 64L64 240.14h200a8 8 0 018 8V448z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateOutline"]}
\ No newline at end of file
diff --git a/lib/NavigateSharp.js b/lib/NavigateSharp.js
index 17173abfb..08e8f8adb 100644
--- a/lib/NavigateSharp.js
+++ b/lib/NavigateSharp.js
@@ -47,7 +47,7 @@ var NavigateSharp = function NavigateSharp(props) {
 NavigateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NavigateSharp.js.map b/lib/NavigateSharp.js.map
index 6541229eb..e520eb08e 100644
--- a/lib/NavigateSharp.js.map
+++ b/lib/NavigateSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NavigateSharp.js"],"names":["NavigateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"NavigateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 32L32 240h240v240L480 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NavigateSharp.js"],"names":["NavigateSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"NavigateSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NavigateSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 32L32 240h240v240L480 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNavigateSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNavigateSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NavigateSharp"]}
\ No newline at end of file
diff --git a/lib/Newspaper.js b/lib/Newspaper.js
index 9cbd0f29b..aa75c9382 100644
--- a/lib/Newspaper.js
+++ b/lib/Newspaper.js
@@ -48,7 +48,7 @@ var Newspaper = function Newspaper(props) {
 Newspaper.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Newspaper.js.map b/lib/Newspaper.js.map
index 8607b7c41..cc8b4f2a3 100644
--- a/lib/Newspaper.js.map
+++ b/lib/Newspaper.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Newspaper.js"],"names":["Newspaper","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR,GAAjK;AAAyR,8CAAM,GAAE,qxBAAR;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Newspaper.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Newspaper = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M439.91 112h-23.82a.09.09 0 00-.09.09V416a32 32 0 0032 32 32 32 0 0032-32V152.09A40.09 40.09 0 00439.91 112z\"/><path d=\"M384 416V72a40 40 0 00-40-40H72a40 40 0 00-40 40v352a56 56 0 0056 56h342.85a1.14 1.14 0 001.15-1.15 1.14 1.14 0 00-.85-1.1A64.11 64.11 0 01384 416zM96 128a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16h-64a16 16 0 01-16-16zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 400zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 336zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 272zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 208zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 144z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaper.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaper.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Newspaper"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Newspaper.js"],"names":["Newspaper","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR,GAAhK;AAAyR,8CAAM,GAAE,qxBAAR;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Newspaper.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Newspaper = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M439.91 112h-23.82a.09.09 0 00-.09.09V416a32 32 0 0032 32 32 32 0 0032-32V152.09A40.09 40.09 0 00439.91 112z\" /><path d=\"M384 416V72a40 40 0 00-40-40H72a40 40 0 00-40 40v352a56 56 0 0056 56h342.85a1.14 1.14 0 001.15-1.15 1.14 1.14 0 00-.85-1.1A64.11 64.11 0 01384 416zM96 128a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16h-64a16 16 0 01-16-16zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 400zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 336zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 272zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 208zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 144z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaper.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaper.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Newspaper"]}
\ No newline at end of file
diff --git a/lib/NewspaperOutline.js b/lib/NewspaperOutline.js
index 85fc18edd..d4f97f72e 100644
--- a/lib/NewspaperOutline.js
+++ b/lib/NewspaperOutline.js
@@ -50,7 +50,7 @@ var NewspaperOutline = function NewspaperOutline(props) {
 NewspaperOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NewspaperOutline.js.map b/lib/NewspaperOutline.js.map
index 61c47574a..9fd4a57e6 100644
--- a/lib/NewspaperOutline.js.map
+++ b/lib/NewspaperOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NewspaperOutline.js"],"names":["NewspaperOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,gBAAe,OAAzJ,EAAiK,aAAY,IAA7K,GAAjK;AAAoV,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAApV;AAAkf,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4DAAxG,GAAlf;AAAwpB,8CAAM,GAAE,2FAAR;AAAxpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NewspaperOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NewspaperOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192\"/><path d=\"M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaperOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaperOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NewspaperOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NewspaperOutline.js"],"names":["NewspaperOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,gBAAe,OAAzJ,EAAiK,aAAY,IAA7K,GAAhK;AAAoV,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAApV;AAAmf,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4DAAxG,GAAnf;AAA0pB,8CAAM,GAAE,2FAAR;AAA1pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NewspaperOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NewspaperOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192\" /><path d=\"M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaperOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaperOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NewspaperOutline"]}
\ No newline at end of file
diff --git a/lib/NewspaperSharp.js b/lib/NewspaperSharp.js
index 889090de0..d561ace38 100644
--- a/lib/NewspaperSharp.js
+++ b/lib/NewspaperSharp.js
@@ -49,7 +49,7 @@ var NewspaperSharp = function NewspaperSharp(props) {
 NewspaperSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NewspaperSharp.js.map b/lib/NewspaperSharp.js.map
index f73fe2332..d5d857b0a 100644
--- a/lib/NewspaperSharp.js.map
+++ b/lib/NewspaperSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NewspaperSharp.js"],"names":["NewspaperSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,GAAjK;AAA0O,8CAAM,GAAE,wEAAR,GAA1O;AAA4T,8CAAM,GAAE,4OAAR;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NewspaperSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NewspaperSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"112\" width=\"96\" height=\"96\" rx=\"16\" ry=\"16\" fill=\"none\"/><path d=\"M468 112h-52v304a32 32 0 0032 32 32 32 0 0032-32V124a12 12 0 00-12-12z\"/><path d=\"M431.15 477.75A64.11 64.11 0 01384 416V44a12 12 0 00-12-12H44a12 12 0 00-12 12v380a56 56 0 0056 56h342.85a1.14 1.14 0 00.3-2.25zM96 208v-96h96v96zm224 192H96v-32h224zm0-64H96v-32h224zm0-64H96v-32h224zm0-64h-96v-32h96zm0-64h-96v-32h96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaperSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaperSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NewspaperSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NewspaperSharp.js"],"names":["NewspaperSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,GAAhK;AAA0O,8CAAM,GAAE,wEAAR,GAA1O;AAA6T,8CAAM,GAAE,4OAAR;AAA7T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NewspaperSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NewspaperSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"112\" width=\"96\" height=\"96\" rx=\"16\" ry=\"16\" fill=\"none\" /><path d=\"M468 112h-52v304a32 32 0 0032 32 32 32 0 0032-32V124a12 12 0 00-12-12z\" /><path d=\"M431.15 477.75A64.11 64.11 0 01384 416V44a12 12 0 00-12-12H44a12 12 0 00-12 12v380a56 56 0 0056 56h342.85a1.14 1.14 0 00.3-2.25zM96 208v-96h96v96zm224 192H96v-32h224zm0-64H96v-32h224zm0-64H96v-32h224zm0-64h-96v-32h96zm0-64h-96v-32h96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNewspaperSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNewspaperSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NewspaperSharp"]}
\ No newline at end of file
diff --git a/lib/Notifications.js b/lib/Notifications.js
index a0a58c98d..1ac096acb 100644
--- a/lib/Notifications.js
+++ b/lib/Notifications.js
@@ -47,7 +47,7 @@ var Notifications = function Notifications(props) {
 Notifications.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Notifications.js.map b/lib/Notifications.js.map
index 2e6ea4fe9..0cf174ba7 100644
--- a/lib/Notifications.js.map
+++ b/lib/Notifications.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Notifications.js"],"names":["Notifications","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kiBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"Notifications.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Notifications = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65c-56.38 23.21-83.78 67.74-83.78 136.14 0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H410.5c14.94 0 28-8.06 34.19-21a35.17 35.17 0 00-4.61-37.66zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotifications.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotifications.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Notifications"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Notifications.js"],"names":["Notifications","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kiBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"Notifications.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Notifications = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65c-56.38 23.21-83.78 67.74-83.78 136.14 0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H410.5c14.94 0 28-8.06 34.19-21a35.17 35.17 0 00-4.61-37.66zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotifications.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotifications.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Notifications"]}
\ No newline at end of file
diff --git a/lib/NotificationsCircle.js b/lib/NotificationsCircle.js
index 07cd09bae..1fa82cfbd 100644
--- a/lib/NotificationsCircle.js
+++ b/lib/NotificationsCircle.js
@@ -47,7 +47,7 @@ var NotificationsCircle = function NotificationsCircle(props) {
 NotificationsCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsCircle.js.map b/lib/NotificationsCircle.js.map
index fa1363658..9a5f77877 100644
--- a/lib/NotificationsCircle.js.map
+++ b/lib/NotificationsCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsCircle.js"],"names":["NotificationsCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yeAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"NotificationsCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-20.9 0-37.52-8.86-39.75-27.58a4 4 0 014-4.42h71.45a4 4 0 014 4.48C293.15 374.85 276.68 384 256 384zm98-48H158c-11.84 0-18-15-11.19-23 16.33-19.34 27.87-27.47 27.87-80.8 0-48.87 25.74-66.21 47-74.67a11.35 11.35 0 006.33-6.68C231.7 138.6 242.14 128 256 128s24.28 10.6 28 22.86a11.39 11.39 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.53 61.46 27.86 80.8 6.74 7.99.57 22.99-11.2 22.99z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsCircle.js"],"names":["NotificationsCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yeAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"NotificationsCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-20.9 0-37.52-8.86-39.75-27.58a4 4 0 014-4.42h71.45a4 4 0 014 4.48C293.15 374.85 276.68 384 256 384zm98-48H158c-11.84 0-18-15-11.19-23 16.33-19.34 27.87-27.47 27.87-80.8 0-48.87 25.74-66.21 47-74.67a11.35 11.35 0 006.33-6.68C231.7 138.6 242.14 128 256 128s24.28 10.6 28 22.86a11.39 11.39 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.53 61.46 27.86 80.8 6.74 7.99.57 22.99-11.2 22.99z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircle"]}
\ No newline at end of file
diff --git a/lib/NotificationsCircleOutline.js b/lib/NotificationsCircleOutline.js
index 56c36963e..c37bad3e4 100644
--- a/lib/NotificationsCircleOutline.js
+++ b/lib/NotificationsCircleOutline.js
@@ -48,7 +48,7 @@ var NotificationsCircleOutline = function NotificationsCircleOutline(props) {
 NotificationsCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsCircleOutline.js.map b/lib/NotificationsCircleOutline.js.map
index ec4444ef8..ae877df4a 100644
--- a/lib/NotificationsCircleOutline.js.map
+++ b/lib/NotificationsCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsCircleOutline.js"],"names":["NotificationsCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,4ZAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"NotificationsCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-21.24 8.46-47 25.8-47 74.67 0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23H354C365.77 336 371.94 321 365.2 313zM220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384c20.67 0 37.14-9.15 39.66-27.52a4 4 0 00-4-4.48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsCircleOutline.js"],"names":["NotificationsCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,4ZAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"NotificationsCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-21.24 8.46-47 25.8-47 74.67 0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23H354C365.77 336 371.94 321 365.2 313zM220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384c20.67 0 37.14-9.15 39.66-27.52a4 4 0 00-4-4.48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircleOutline"]}
\ No newline at end of file
diff --git a/lib/NotificationsCircleSharp.js b/lib/NotificationsCircleSharp.js
index 428cc8dd5..1758fff5c 100644
--- a/lib/NotificationsCircleSharp.js
+++ b/lib/NotificationsCircleSharp.js
@@ -49,7 +49,7 @@ var NotificationsCircleSharp = function NotificationsCircleSharp(props) {
 NotificationsCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsCircleSharp.js.map b/lib/NotificationsCircleSharp.js.map
index 61f796fa6..441bc7936 100644
--- a/lib/NotificationsCircleSharp.js.map
+++ b/lib/NotificationsCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsCircleSharp.js"],"names":["NotificationsCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yBAAR,GAAjK;AAAoM,8CAAM,GAAE,gHAAR,EAAyH,MAAK,MAA9H,GAApM;AAA0U,8CAAM,GAAE,kQAAR;AAA1U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"NotificationsCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M295.68 351.43v.57h.32z\"/><path d=\"M256 384c22.28 0 39.36-10.63 39.66-32H216c0 21.75 17.53 32 40 32zM295.67 352h.33l-.32-.57c0 .19-.01.38-.01.57z\" fill=\"none\"/><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-22.48 0-40-10.25-40-32h80c-.3 21.37-17.71 32-40 32zm112-48H144v-28l28-36v-32.3c0-40.41 15.82-75.35 56-84.27l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsCircleSharp.js"],"names":["NotificationsCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yBAAR,GAAhK;AAAoM,8CAAM,GAAE,gHAAR,EAAyH,MAAK,MAA9H,GAApM;AAA2U,8CAAM,GAAE,kQAAR;AAA3U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"NotificationsCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M295.68 351.43v.57h.32z\" /><path d=\"M256 384c22.28 0 39.36-10.63 39.66-32H216c0 21.75 17.53 32 40 32zM295.67 352h.33l-.32-.57c0 .19-.01.38-.01.57z\" fill=\"none\" /><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-22.48 0-40-10.25-40-32h80c-.3 21.37-17.71 32-40 32zm112-48H144v-28l28-36v-32.3c0-40.41 15.82-75.35 56-84.27l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsCircleSharp"]}
\ No newline at end of file
diff --git a/lib/NotificationsOff.js b/lib/NotificationsOff.js
index 28ed3ef63..91fac40ee 100644
--- a/lib/NotificationsOff.js
+++ b/lib/NotificationsOff.js
@@ -47,7 +47,7 @@ var NotificationsOff = function NotificationsOff(props) {
 NotificationsOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOff.js.map b/lib/NotificationsOff.js.map
index d82d179f1..5df5d1497 100644
--- a/lib/NotificationsOff.js.map
+++ b/lib/NotificationsOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOff.js"],"names":["NotificationsOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8tBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NotificationsOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65 157.88 157.88 0 00-21.88 11 8 8 0 00-1.49 12.49l261.78 261.74a8 8 0 0013.6-6.63 35.39 35.39 0 00-7.84-18.5zM112.14 217.35c0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H312.8a8 8 0 005.66-13.66l-192-192a8 8 0 00-13.62 5q-.7 8.69-.7 18.04zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOff.js"],"names":["NotificationsOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8tBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NotificationsOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65 157.88 157.88 0 00-21.88 11 8 8 0 00-1.49 12.49l261.78 261.74a8 8 0 0013.6-6.63 35.39 35.39 0 00-7.84-18.5zM112.14 217.35c0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H312.8a8 8 0 005.66-13.66l-192-192a8 8 0 00-13.62 5q-.7 8.69-.7 18.04zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOff"]}
\ No newline at end of file
diff --git a/lib/NotificationsOffCircle.js b/lib/NotificationsOffCircle.js
index 70e446250..15253bfdf 100644
--- a/lib/NotificationsOffCircle.js
+++ b/lib/NotificationsOffCircle.js
@@ -47,7 +47,7 @@ var NotificationsOffCircle = function NotificationsOffCircle(props) {
 NotificationsOffCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOffCircle.js.map b/lib/NotificationsOffCircle.js.map
index dab2792e6..715f0e35e 100644
--- a/lib/NotificationsOffCircle.js.map
+++ b/lib/NotificationsOffCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOffCircle.js"],"names":["NotificationsOffCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0sBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"NotificationsOffCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM146.83 313c16.33-19.34 27.86-27.47 27.86-80.8q0-3.75.2-7.26a4 4 0 017-2.52l98 106.87a4 4 0 01-2.94 6.7H158C146.18 336 140.06 321 146.83 313zm148.93 43.41C293.53 375.14 276.92 384 256 384s-37.51-8.86-39.75-27.58a4 4 0 014-4.42h71.53a4 4 0 013.98 4.42zm67 17.42a16 16 0 01-22.6-1.08l-192-212a16 16 0 0123.68-21.52l192 212a16 16 0 01-1.08 22.61zM361 323.21L216.49 165.53a4 4 0 011.3-6.36c1.31-.58 2.61-1.12 3.89-1.63a11.33 11.33 0 006.32-6.68c3.72-12.26 14.15-22.86 28-22.86s24.29 10.6 28 22.86a11.34 11.34 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.54 61.46 27.87 80.8a12.09 12.09 0 012.76 7.25 4 4 0 01-6.97 2.95z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOffCircle.js"],"names":["NotificationsOffCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0sBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"NotificationsOffCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM146.83 313c16.33-19.34 27.86-27.47 27.86-80.8q0-3.75.2-7.26a4 4 0 017-2.52l98 106.87a4 4 0 01-2.94 6.7H158C146.18 336 140.06 321 146.83 313zm148.93 43.41C293.53 375.14 276.92 384 256 384s-37.51-8.86-39.75-27.58a4 4 0 014-4.42h71.53a4 4 0 013.98 4.42zm67 17.42a16 16 0 01-22.6-1.08l-192-212a16 16 0 0123.68-21.52l192 212a16 16 0 01-1.08 22.61zM361 323.21L216.49 165.53a4 4 0 011.3-6.36c1.31-.58 2.61-1.12 3.89-1.63a11.33 11.33 0 006.32-6.68c3.72-12.26 14.15-22.86 28-22.86s24.29 10.6 28 22.86a11.34 11.34 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.54 61.46 27.87 80.8a12.09 12.09 0 012.76 7.25 4 4 0 01-6.97 2.95z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircle"]}
\ No newline at end of file
diff --git a/lib/NotificationsOffCircleOutline.js b/lib/NotificationsOffCircleOutline.js
index 3dccd862e..786d2ce2b 100644
--- a/lib/NotificationsOffCircleOutline.js
+++ b/lib/NotificationsOffCircleOutline.js
@@ -48,7 +48,7 @@ var NotificationsOffCircleOutline = function NotificationsOffCircleOutline(props
 NotificationsOffCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOffCircleOutline.js.map b/lib/NotificationsOffCircleOutline.js.map
index 2926fe59c..9267c553d 100644
--- a/lib/NotificationsOffCircleOutline.js.map
+++ b/lib/NotificationsOffCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOffCircleOutline.js"],"names":["NotificationsOffCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,inBAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"NotificationsOffCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384s37.5-8.86 39.73-27.58a4 4 0 00-4-4.42zM352 378a15.93 15.93 0 01-11.84-5.24l-192-212a16 16 0 0123.68-21.52l192 212A16 16 0 01352 378zM174.68 232.21c0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23h118.83a4 4 0 002.95-6.7l-98-106.87a4 4 0 00-6.94 2.52c-.1 2.33-.16 4.75-.16 7.25zM365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-1.28.51-2.57 1.05-3.88 1.63a4 4 0 00-1.3 6.36L361 323.21a4 4 0 006.94-2.95 12 12 0 00-2.74-7.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOffCircleOutline.js"],"names":["NotificationsOffCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gCAAgC,SAAhCA,6BAAgC,QAAS;AAC7C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,inBAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,8BAA8Ba,YAA9B,GAA6C;AAC3C;AACAH,SAAO,EAFoC;AAG3CN,SAAO,SAHoC;AAI3CF,UAAQ,MAJmC;AAK3CC,SAAO,MALoC;AAM3CQ,cAAY,EAN+B;AAO3CC,SAAO,EAPoC;;AAS3C;AACAL,SAAO,KAVoC;AAW3CC,QAAM,KAXqC;AAY3CF,UAAQ;AAZmC,CAA7C;;AAgBAN,8BAA8Bc,SAA9B,GAA0C;AACxC;AACAJ,SAAOK,oBAAUC,MAFuB;AAGxCZ,SAAOW,oBAAUE,MAHuB;AAIxCf,UAAQa,oBAAUE,MAJsB;AAKxCd,SAAOY,oBAAUE,MALuB;AAMxCN,cAAYI,oBAAUE,MANkB;AAOxCL,SAAOG,oBAAUE,MAPuB;;AASxC;AACAV,SAAOQ,oBAAUG,IAVuB;AAWxCV,QAAMO,oBAAUG,IAXwB;AAYxCZ,UAAQS,oBAAUG,IAZsB;;AAcxC;AACAb,WAASU,oBAAUI;AAfqB,CAA1C;;kBAmBenB,6B","file":"NotificationsOffCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384s37.5-8.86 39.73-27.58a4 4 0 00-4-4.42zM352 378a15.93 15.93 0 01-11.84-5.24l-192-212a16 16 0 0123.68-21.52l192 212A16 16 0 01352 378zM174.68 232.21c0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23h118.83a4 4 0 002.95-6.7l-98-106.87a4 4 0 00-6.94 2.52c-.1 2.33-.16 4.75-.16 7.25zM365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-1.28.51-2.57 1.05-3.88 1.63a4 4 0 00-1.3 6.36L361 323.21a4 4 0 006.94-2.95 12 12 0 00-2.74-7.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircleOutline"]}
\ No newline at end of file
diff --git a/lib/NotificationsOffCircleSharp.js b/lib/NotificationsOffCircleSharp.js
index 614920430..510f60bfb 100644
--- a/lib/NotificationsOffCircleSharp.js
+++ b/lib/NotificationsOffCircleSharp.js
@@ -47,7 +47,7 @@ var NotificationsOffCircleSharp = function NotificationsOffCircleSharp(props) {
 NotificationsOffCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOffCircleSharp.js.map b/lib/NotificationsOffCircleSharp.js.map
index 6d82f615c..471c94d61 100644
--- a/lib/NotificationsOffCircleSharp.js.map
+++ b/lib/NotificationsOffCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOffCircleSharp.js"],"names":["NotificationsOffCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0XAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"NotificationsOffCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM144 308l28-36v-32.3a131.83 131.83 0 012.34-25.42L285.92 336H144zm112.18 76C233.6 384 216 373.75 216 352h80c-.3 21.37-17.45 32-39.82 32zm93.48-3.74l-211-227 23.68-21.52 211 227zM368 330.85l-.32-.38-155.5-169.63a73.4 73.4 0 0115.82-5.41l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOffCircleSharp.js"],"names":["NotificationsOffCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,8BAA8B,SAA9BA,2BAA8B,QAAS;AAC3C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0XAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,4BAA4Ba,YAA5B,GAA2C;AACzC;AACAH,SAAO,EAFkC;AAGzCN,SAAO,SAHkC;AAIzCF,UAAQ,MAJiC;AAKzCC,SAAO,MALkC;AAMzCQ,cAAY,EAN6B;AAOzCC,SAAO,EAPkC;;AASzC;AACAL,SAAO,KAVkC;AAWzCC,QAAM,KAXmC;AAYzCF,UAAQ;AAZiC,CAA3C;;AAgBAN,4BAA4Bc,SAA5B,GAAwC;AACtC;AACAJ,SAAOK,oBAAUC,MAFqB;AAGtCZ,SAAOW,oBAAUE,MAHqB;AAItCf,UAAQa,oBAAUE,MAJoB;AAKtCd,SAAOY,oBAAUE,MALqB;AAMtCN,cAAYI,oBAAUE,MANgB;AAOtCL,SAAOG,oBAAUE,MAPqB;;AAStC;AACAV,SAAOQ,oBAAUG,IAVqB;AAWtCV,QAAMO,oBAAUG,IAXsB;AAYtCZ,UAAQS,oBAAUG,IAZoB;;AActC;AACAb,WAASU,oBAAUI;AAfmB,CAAxC;;kBAmBenB,2B","file":"NotificationsOffCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM144 308l28-36v-32.3a131.83 131.83 0 012.34-25.42L285.92 336H144zm112.18 76C233.6 384 216 373.75 216 352h80c-.3 21.37-17.45 32-39.82 32zm93.48-3.74l-211-227 23.68-21.52 211 227zM368 330.85l-.32-.38-155.5-169.63a73.4 73.4 0 0115.82-5.41l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffCircleSharp"]}
\ No newline at end of file
diff --git a/lib/NotificationsOffOutline.js b/lib/NotificationsOffOutline.js
index 388e02724..965955b19 100644
--- a/lib/NotificationsOffOutline.js
+++ b/lib/NotificationsOffOutline.js
@@ -48,7 +48,7 @@ var NotificationsOffOutline = function NotificationsOffOutline(props) {
 NotificationsOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOffOutline.js.map b/lib/NotificationsOffOutline.js.map
index 46823dafc..eead99151 100644
--- a/lib/NotificationsOffOutline.js.map
+++ b/lib/NotificationsOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOffOutline.js"],"names":["NotificationsOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4VAAR,EAAqW,MAAK,MAA1W,EAAiX,QAAO,cAAxX,EAAuY,eAAc,OAArZ,EAA6Z,gBAAe,OAA5a,EAAob,aAAY,IAAhc,GAAjK;AAAumB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAAvmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"NotificationsOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128.51 204.59q-.37 6.15-.37 12.76C128.14 304 110 320 84.33 351.43 73.69 364.45 83 384 101.62 384H320M414.5 335.3c-18.48-23.45-30.62-47.05-30.62-118 0-79.3-40.52-107.57-73.88-121.3-4.43-1.82-8.6-6-9.95-10.55C294.21 65.54 277.82 48 256 48s-38.2 17.55-44 37.47c-1.35 4.6-5.52 8.71-10 10.53a149.57 149.57 0 00-18 8.79M320 384v16a64 64 0 01-128 0v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 448L64 64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOffOutline.js"],"names":["NotificationsOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4VAAR,EAAqW,MAAK,MAA1W,EAAiX,QAAO,cAAxX,EAAuY,eAAc,OAArZ,EAA6Z,gBAAe,OAA5a,EAAob,aAAY,IAAhc,GAAhK;AAAumB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAAvmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"NotificationsOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128.51 204.59q-.37 6.15-.37 12.76C128.14 304 110 320 84.33 351.43 73.69 364.45 83 384 101.62 384H320M414.5 335.3c-18.48-23.45-30.62-47.05-30.62-118 0-79.3-40.52-107.57-73.88-121.3-4.43-1.82-8.6-6-9.95-10.55C294.21 65.54 277.82 48 256 48s-38.2 17.55-44 37.47c-1.35 4.6-5.52 8.71-10 10.53a149.57 149.57 0 00-18 8.79M320 384v16a64 64 0 01-128 0v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 448L64 64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffOutline"]}
\ No newline at end of file
diff --git a/lib/NotificationsOffSharp.js b/lib/NotificationsOffSharp.js
index 869d3f379..a8eaa0cfa 100644
--- a/lib/NotificationsOffSharp.js
+++ b/lib/NotificationsOffSharp.js
@@ -47,7 +47,7 @@ var NotificationsOffSharp = function NotificationsOffSharp(props) {
 NotificationsOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOffSharp.js.map b/lib/NotificationsOffSharp.js.map
index 0abc7ba6a..bac77106e 100644
--- a/lib/NotificationsOffSharp.js.map
+++ b/lib/NotificationsOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOffSharp.js"],"names":["NotificationsOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"NotificationsOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM112 227.47V288l-48 64v48h268.12L115.87 183.75a236.75 236.75 0 00-3.87 43.72zM448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.45 117.45 0 00-41.95 18.17l282 282z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOffSharp.js"],"names":["NotificationsOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"NotificationsOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM112 227.47V288l-48 64v48h268.12L115.87 183.75a236.75 236.75 0 00-3.87 43.72zM448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.45 117.45 0 00-41.95 18.17l282 282z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOffSharp"]}
\ No newline at end of file
diff --git a/lib/NotificationsOutline.js b/lib/NotificationsOutline.js
index e3c509463..168256142 100644
--- a/lib/NotificationsOutline.js
+++ b/lib/NotificationsOutline.js
@@ -47,7 +47,7 @@ var NotificationsOutline = function NotificationsOutline(props) {
 NotificationsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsOutline.js.map b/lib/NotificationsOutline.js.map
index f42b32a54..6ad58a677 100644
--- a/lib/NotificationsOutline.js.map
+++ b/lib/NotificationsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsOutline.js"],"names":["NotificationsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0WAAR,EAAmX,MAAK,MAAxX,EAA+X,QAAO,cAAtY,EAAqZ,eAAc,OAAna,EAA2a,gBAAe,OAA1b,EAAkc,aAAY,IAA9c;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"NotificationsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M427.68 351.43C402 320 383.87 304 383.87 217.35 383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43 73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57zM320 384v16a64 64 0 01-128 0v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsOutline.js"],"names":["NotificationsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0WAAR,EAAmX,MAAK,MAAxX,EAA+X,QAAO,cAAtY,EAAqZ,eAAc,OAAna,EAA2a,gBAAe,OAA1b,EAAkc,aAAY,IAA9c;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"NotificationsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M427.68 351.43C402 320 383.87 304 383.87 217.35 383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43 73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57zM320 384v16a64 64 0 01-128 0v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsOutline"]}
\ No newline at end of file
diff --git a/lib/NotificationsSharp.js b/lib/NotificationsSharp.js
index d1bf842af..b064fbaf7 100644
--- a/lib/NotificationsSharp.js
+++ b/lib/NotificationsSharp.js
@@ -47,7 +47,7 @@ var NotificationsSharp = function NotificationsSharp(props) {
 NotificationsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NotificationsSharp.js.map b/lib/NotificationsSharp.js.map
index f82e1aa99..202593ea8 100644
--- a/lib/NotificationsSharp.js.map
+++ b/lib/NotificationsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NotificationsSharp.js"],"names":["NotificationsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"NotificationsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM400 288v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48c-68.88 15.61-96 76.76-96 147.47V288l-48 64v48h384v-48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NotificationsSharp.js"],"names":["NotificationsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"NotificationsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NotificationsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM400 288v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48c-68.88 15.61-96 76.76-96 147.47V288l-48 64v48h384v-48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNotificationsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNotificationsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NotificationsSharp"]}
\ No newline at end of file
diff --git a/lib/Nuclear.js b/lib/Nuclear.js
index 5c68e397d..dbdb9c905 100644
--- a/lib/Nuclear.js
+++ b/lib/Nuclear.js
@@ -47,7 +47,7 @@ var Nuclear = function Nuclear(props) {
 Nuclear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Nuclear.js.map b/lib/Nuclear.js.map
index 91c57c0ab..e67c58d83 100644
--- a/lib/Nuclear.js.map
+++ b/lib/Nuclear.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Nuclear.js"],"names":["Nuclear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0qBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Nuclear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Nuclear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM429 239.92l-93.08-.1a2 2 0 01-1.95-1.57 80.08 80.08 0 00-27.44-44.17 2 2 0 01-.54-2.43l41.32-83.43a2 2 0 012.87-.81A176.2 176.2 0 01431 237.71a2 2 0 01-2 2.21zm-220.8 20.46a48 48 0 1143.42 43.42 48 48 0 01-43.42-43.42zm-43.55-152.16L206 191.65a2 2 0 01-.54 2.43A80.08 80.08 0 00178 238.25a2 2 0 01-2 1.57l-93.08.1a2 2 0 01-2-2.21 176.2 176.2 0 0180.82-130.3 2 2 0 012.91.81zm-.37 295.34l56.31-74.09a2 2 0 012.43-.6 79.84 79.84 0 0066 0 2 2 0 012.43.6l56.31 74.09a2 2 0 01-.54 2.92 175.65 175.65 0 01-182.36 0 2 2 0 01-.58-2.92z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclear.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclear.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Nuclear"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Nuclear.js"],"names":["Nuclear","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0qBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Nuclear.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Nuclear = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM429 239.92l-93.08-.1a2 2 0 01-1.95-1.57 80.08 80.08 0 00-27.44-44.17 2 2 0 01-.54-2.43l41.32-83.43a2 2 0 012.87-.81A176.2 176.2 0 01431 237.71a2 2 0 01-2 2.21zm-220.8 20.46a48 48 0 1143.42 43.42 48 48 0 01-43.42-43.42zm-43.55-152.16L206 191.65a2 2 0 01-.54 2.43A80.08 80.08 0 00178 238.25a2 2 0 01-2 1.57l-93.08.1a2 2 0 01-2-2.21 176.2 176.2 0 0180.82-130.3 2 2 0 012.91.81zm-.37 295.34l56.31-74.09a2 2 0 012.43-.6 79.84 79.84 0 0066 0 2 2 0 012.43.6l56.31 74.09a2 2 0 01-.54 2.92 175.65 175.65 0 01-182.36 0 2 2 0 01-.58-2.92z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclear.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclear.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Nuclear"]}
\ No newline at end of file
diff --git a/lib/NuclearOutline.js b/lib/NuclearOutline.js
index f6882ec32..c8d937186 100644
--- a/lib/NuclearOutline.js
+++ b/lib/NuclearOutline.js
@@ -49,7 +49,7 @@ var NuclearOutline = function NuclearOutline(props) {
 NuclearOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NuclearOutline.js.map b/lib/NuclearOutline.js.map
index cde25e4ed..dbf624e52 100644
--- a/lib/NuclearOutline.js.map
+++ b/lib/NuclearOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NuclearOutline.js"],"names":["NuclearOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,kBAAiB,IAA3G,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAnS;AAA8Y,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,sIAAvG;AAA9Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NuclearOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NuclearOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M224 192L171 85M288 192l53-107M327.55 255.81l119.41.13M299.09 313.13l72.25 95.06M184.45 255.81l-119.41.13M212.91 313.13l-72.25 95.06\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclearOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclearOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NuclearOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NuclearOutline.js"],"names":["NuclearOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,kBAAiB,IAA3G,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAAnS;AAA+Y,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,sIAAvG;AAA/Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NuclearOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NuclearOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M224 192L171 85M288 192l53-107M327.55 255.81l119.41.13M299.09 313.13l72.25 95.06M184.45 255.81l-119.41.13M212.91 313.13l-72.25 95.06\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclearOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclearOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NuclearOutline"]}
\ No newline at end of file
diff --git a/lib/NuclearSharp.js b/lib/NuclearSharp.js
index 4ff9f8405..332b8f045 100644
--- a/lib/NuclearSharp.js
+++ b/lib/NuclearSharp.js
@@ -49,7 +49,7 @@ var NuclearSharp = function NuclearSharp(props) {
 NuclearSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NuclearSharp.js.map b/lib/NuclearSharp.js.map
index 174c2ba0d..81f57a641 100644
--- a/lib/NuclearSharp.js.map
+++ b/lib/NuclearSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NuclearSharp.js"],"names":["NuclearSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,+DAAR,EAAwE,MAAK,MAA7E,GAAnM;AAAwR,8CAAM,GAAE,uUAAR;AAAxR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"NuclearSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NuclearSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><path d=\"M223.47 335.59l-51.71 68a169.73 169.73 0 00168.48 0l-51.71-68\" fill=\"none\"/><path d=\"M403.08 108.92a208 208 0 00-294.16 294.16 208 208 0 00294.16-294.16zM342 256a86.13 86.13 0 01-53.47 79.59l51.71 68a169.73 169.73 0 01-168.48 0l51.71-68a86 86 0 01-50.56-101.77l-85.48.09a170.21 170.21 0 0173.83-119l37.94 76.59a85.78 85.78 0 01113.6 0l37.94-76.59a170.21 170.21 0 0173.83 119l-85.48-.09A85.87 85.87 0 01342 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclearSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclearSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NuclearSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NuclearSharp.js"],"names":["NuclearSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,+DAAR,EAAwE,MAAK,MAA7E,GAAnM;AAAyR,8CAAM,GAAE,uUAAR;AAAzR;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"NuclearSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NuclearSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><path d=\"M223.47 335.59l-51.71 68a169.73 169.73 0 00168.48 0l-51.71-68\" fill=\"none\" /><path d=\"M403.08 108.92a208 208 0 00-294.16 294.16 208 208 0 00294.16-294.16zM342 256a86.13 86.13 0 01-53.47 79.59l51.71 68a169.73 169.73 0 01-168.48 0l51.71-68a86 86 0 01-50.56-101.77l-85.48.09a170.21 170.21 0 0173.83-119l37.94 76.59a85.78 85.78 0 01113.6 0l37.94-76.59a170.21 170.21 0 0173.83 119l-85.48-.09A85.87 85.87 0 01342 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNuclearSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNuclearSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NuclearSharp"]}
\ No newline at end of file
diff --git a/lib/Nutrition.js b/lib/Nutrition.js
index 372559a6a..60c79c215 100644
--- a/lib/Nutrition.js
+++ b/lib/Nutrition.js
@@ -48,7 +48,7 @@ var Nutrition = function Nutrition(props) {
 Nutrition.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Nutrition.js.map b/lib/Nutrition.js.map
index 02b7f2534..d12e870f4 100644
--- a/lib/Nutrition.js.map
+++ b/lib/Nutrition.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Nutrition.js"],"names":["Nutrition","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8nBAAR,GAAjK;AAAyyB,8CAAM,GAAE,iKAAR;AAAzyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Nutrition.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Nutrition = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23-20.18-1.8-39 3.37-57.23 8.38-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134 12.82 22.25 47 74 87.16 74 30.77 0 47.15-9.44 59.11-16.33 8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33 40.17 0 74.34-51.76 87.16-74 25.07-43.5 40-93.59 40-134 .04-52.57-8.14-92.38-24.96-121.71zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z\"/><path d=\"M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0028-58.2 8 8 0 00-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 00256 103.2a8 8 0 009.1 8.73z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutrition.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutrition.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Nutrition"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Nutrition.js"],"names":["Nutrition","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8nBAAR,GAAhK;AAAyyB,8CAAM,GAAE,iKAAR;AAAzyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Nutrition.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Nutrition = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23-20.18-1.8-39 3.37-57.23 8.38-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134 12.82 22.25 47 74 87.16 74 30.77 0 47.15-9.44 59.11-16.33 8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33 40.17 0 74.34-51.76 87.16-74 25.07-43.5 40-93.59 40-134 .04-52.57-8.14-92.38-24.96-121.71zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z\" /><path d=\"M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0028-58.2 8 8 0 00-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 00256 103.2a8 8 0 009.1 8.73z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutrition.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutrition.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Nutrition"]}
\ No newline at end of file
diff --git a/lib/NutritionOutline.js b/lib/NutritionOutline.js
index ee9055d5f..f5c17811e 100644
--- a/lib/NutritionOutline.js
+++ b/lib/NutritionOutline.js
@@ -50,7 +50,7 @@ var NutritionOutline = function NutritionOutline(props) {
 NutritionOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NutritionOutline.js.map b/lib/NutritionOutline.js.map
index 6dcd28710..4ef7bdb9f 100644
--- a/lib/NutritionOutline.js.map
+++ b/lib/NutritionOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NutritionOutline.js"],"names":["NutritionOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,kBAAiB,IAA7N,EAAkO,aAAY,IAA9O,GAAjK;AAAqZ,8CAAM,GAAE,0JAAR,GAArZ;AAAyjB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAzjB;AAAqmB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAArmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NutritionOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NutritionOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160 0 80 64 192 111.2 192s51.94-24 80.8-24 33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 01-9.1-8.73 97.6 97.6 0 0128.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 018.67 8.92 98 98 0 01-28.08 58.2z\"/><ellipse cx=\"216\" cy=\"304\" rx=\"24\" ry=\"48\"/><ellipse cx=\"296\" cy=\"304\" rx=\"24\" ry=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutritionOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutritionOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NutritionOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NutritionOutline.js"],"names":["NutritionOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,kBAAiB,IAA7N,EAAkO,aAAY,IAA9O,GAAhK;AAAqZ,8CAAM,GAAE,0JAAR,GAArZ;AAA0jB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA1jB;AAAumB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAAvmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"NutritionOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NutritionOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160 0 80 64 192 111.2 192s51.94-24 80.8-24 33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 01-9.1-8.73 97.6 97.6 0 0128.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 018.67 8.92 98 98 0 01-28.08 58.2z\" /><ellipse cx=\"216\" cy=\"304\" rx=\"24\" ry=\"48\" /><ellipse cx=\"296\" cy=\"304\" rx=\"24\" ry=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutritionOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutritionOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NutritionOutline"]}
\ No newline at end of file
diff --git a/lib/NutritionSharp.js b/lib/NutritionSharp.js
index 34ba3a44c..ea3d5b0e0 100644
--- a/lib/NutritionSharp.js
+++ b/lib/NutritionSharp.js
@@ -48,7 +48,7 @@ var NutritionSharp = function NutritionSharp(props) {
 NutritionSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/NutritionSharp.js.map b/lib/NutritionSharp.js.map
index 8d4160d10..409aab29b 100644
--- a/lib/NutritionSharp.js.map
+++ b/lib/NutritionSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/NutritionSharp.js"],"names":["NutritionSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,unBAAR,GAAjK;AAAkyB,8CAAM,GAAE,oHAAR;AAAlyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NutritionSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NutritionSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z\"/><path d=\"M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutritionSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutritionSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NutritionSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/NutritionSharp.js"],"names":["NutritionSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,unBAAR,GAAhK;AAAkyB,8CAAM,GAAE,oHAAR;AAAlyB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"NutritionSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst NutritionSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z\" /><path d=\"M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nNutritionSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nNutritionSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default NutritionSharp"]}
\ No newline at end of file
diff --git a/lib/Open.js b/lib/Open.js
index 444786c3c..a2f05f818 100644
--- a/lib/Open.js
+++ b/lib/Open.js
@@ -48,7 +48,7 @@ var Open = function Open(props) {
 Open.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Open.js.map b/lib/Open.js.map
index b18d1899c..ba73ef5c7 100644
--- a/lib/Open.js.map
+++ b/lib/Open.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Open.js"],"names":["Open","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yNAAR,GAAjK;AAAoY,8CAAM,GAAE,8HAAR;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Open.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Open = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 304a16 16 0 01-11.31-27.31l157.94-157.94A55.7 55.7 0 00344 112H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V168a55.7 55.7 0 00-6.75-26.63L235.31 299.31A15.92 15.92 0 01224 304z\"/><path d=\"M448 48H336a16 16 0 000 32h73.37l-38.74 38.75a56.35 56.35 0 0122.62 22.62L432 102.63V176a16 16 0 0032 0V64a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpen.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Open"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Open.js"],"names":["Open","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yNAAR,GAAhK;AAAoY,8CAAM,GAAE,8HAAR;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Open.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Open = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 304a16 16 0 01-11.31-27.31l157.94-157.94A55.7 55.7 0 00344 112H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V168a55.7 55.7 0 00-6.75-26.63L235.31 299.31A15.92 15.92 0 01224 304z\" /><path d=\"M448 48H336a16 16 0 000 32h73.37l-38.74 38.75a56.35 56.35 0 0122.62 22.62L432 102.63V176a16 16 0 0032 0V64a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpen.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpen.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Open"]}
\ No newline at end of file
diff --git a/lib/OpenOutline.js b/lib/OpenOutline.js
index 363fbc627..6eb0d1995 100644
--- a/lib/OpenOutline.js
+++ b/lib/OpenOutline.js
@@ -47,7 +47,7 @@ var OpenOutline = function OpenOutline(props) {
 OpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/OpenOutline.js.map b/lib/OpenOutline.js.map
index 7d7259a47..e77f3b634 100644
--- a/lib/OpenOutline.js.map
+++ b/lib/OpenOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/OpenOutline.js"],"names":["OpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6GAAR,EAAsH,MAAK,MAA3H,EAAkI,QAAO,cAAzI,EAAwJ,eAAc,OAAtK,EAA8K,gBAAe,OAA7L,EAAqM,aAAY,IAAjN;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"OpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OpenOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/OpenOutline.js"],"names":["OpenOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6GAAR,EAAsH,MAAK,MAA3H,EAAkI,QAAO,cAAzI,EAAwJ,eAAc,OAAtK,EAA8K,gBAAe,OAA7L,EAAqM,aAAY,IAAjN;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"OpenOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OpenOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpenOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpenOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OpenOutline"]}
\ No newline at end of file
diff --git a/lib/OpenSharp.js b/lib/OpenSharp.js
index 2a93ddd94..cc1a1ec61 100644
--- a/lib/OpenSharp.js
+++ b/lib/OpenSharp.js
@@ -48,7 +48,7 @@ var OpenSharp = function OpenSharp(props) {
 OpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/OpenSharp.js.map b/lib/OpenSharp.js.map
index a57194933..45f500289 100644
--- a/lib/OpenSharp.js.map
+++ b/lib/OpenSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/OpenSharp.js"],"names":["OpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4DAAR,GAAjK;AAAuO,8CAAM,GAAE,yDAAR;AAAvO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"OpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M201.37 288l176-176H48v352h352V134.63l-176 176L201.37 288z\"/><path d=\"M320 48v32h89.37l-32 32L400 134.63l32-32V192h32V48H320z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OpenSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/OpenSharp.js"],"names":["OpenSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4DAAR,GAAhK;AAAuO,8CAAM,GAAE,yDAAR;AAAvO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"OpenSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OpenSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M201.37 288l176-176H48v352h352V134.63l-176 176L201.37 288z\" /><path d=\"M320 48v32h89.37l-32 32L400 134.63l32-32V192h32V48H320z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOpenSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOpenSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OpenSharp"]}
\ No newline at end of file
diff --git a/lib/Options.js b/lib/Options.js
index 0b864e7b0..782fa4e83 100644
--- a/lib/Options.js
+++ b/lib/Options.js
@@ -47,7 +47,7 @@ var Options = function Options(props) {
 Options.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Options.js.map b/lib/Options.js.map
index ece9a923f..28523cc60 100644
--- a/lib/Options.js.map
+++ b/lib/Options.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Options.js"],"names":["Options","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Options.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Options = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 144h226.75a48 48 0 0090.5 0H448a16 16 0 000-32h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32zM448 368h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32h226.75a48 48 0 0090.5 0H448a16 16 0 000-32zM448 240H221.25a48 48 0 00-90.5 0H64a16 16 0 000 32h66.75a48 48 0 0090.5 0H448a16 16 0 000-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptions.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptions.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Options"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Options.js"],"names":["Options","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Options.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Options = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M64 144h226.75a48 48 0 0090.5 0H448a16 16 0 000-32h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32zM448 368h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32h226.75a48 48 0 0090.5 0H448a16 16 0 000-32zM448 240H221.25a48 48 0 00-90.5 0H64a16 16 0 000 32h66.75a48 48 0 0090.5 0H448a16 16 0 000-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptions.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptions.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Options"]}
\ No newline at end of file
diff --git a/lib/OptionsOutline.js b/lib/OptionsOutline.js
index b91f0068b..d5373f15e 100644
--- a/lib/OptionsOutline.js
+++ b/lib/OptionsOutline.js
@@ -50,7 +50,7 @@ var OptionsOutline = function OptionsOutline(props) {
 OptionsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/OptionsOutline.js.map b/lib/OptionsOutline.js.map
index 1d87d9fd7..bc76410f2 100644
--- a/lib/OptionsOutline.js.map
+++ b/lib/OptionsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/OptionsOutline.js"],"names":["OptionsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oEAAxG,GAAjK;AAA+U,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA/U;AAAid,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjd;AAAmlB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAAnlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"OptionsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OptionsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80\"/><circle cx=\"336\" cy=\"128\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"176\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"336\" cy=\"384\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptionsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptionsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OptionsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/OptionsOutline.js"],"names":["OptionsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oEAAxG,GAAhK;AAA+U,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAA/U;AAAkd,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAld;AAAqlB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAArlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"OptionsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OptionsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80\" /><circle cx=\"336\" cy=\"128\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"176\" cy=\"256\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"336\" cy=\"384\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptionsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptionsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OptionsOutline"]}
\ No newline at end of file
diff --git a/lib/OptionsSharp.js b/lib/OptionsSharp.js
index 1e3447ac1..f726e61c3 100644
--- a/lib/OptionsSharp.js
+++ b/lib/OptionsSharp.js
@@ -47,7 +47,7 @@ var OptionsSharp = function OptionsSharp(props) {
 OptionsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/OptionsSharp.js.map b/lib/OptionsSharp.js.map
index ba67d4a31..ca4d85de2 100644
--- a/lib/OptionsSharp.js.map
+++ b/lib/OptionsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/OptionsSharp.js"],"names":["OptionsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"OptionsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OptionsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M381.25 112a48 48 0 00-90.5 0H48v32h242.75a48 48 0 0090.5 0H464v-32zM176 208a48.09 48.09 0 00-45.25 32H48v32h82.75a48 48 0 0090.5 0H464v-32H221.25A48.09 48.09 0 00176 208zM336 336a48.09 48.09 0 00-45.25 32H48v32h242.75a48 48 0 0090.5 0H464v-32h-82.75A48.09 48.09 0 00336 336z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptionsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptionsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OptionsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/OptionsSharp.js"],"names":["OptionsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"OptionsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst OptionsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M381.25 112a48 48 0 00-90.5 0H48v32h242.75a48 48 0 0090.5 0H464v-32zM176 208a48.09 48.09 0 00-45.25 32H48v32h82.75a48 48 0 0090.5 0H464v-32H221.25A48.09 48.09 0 00176 208zM336 336a48.09 48.09 0 00-45.25 32H48v32h242.75a48 48 0 0090.5 0H464v-32h-82.75A48.09 48.09 0 00336 336z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nOptionsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nOptionsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default OptionsSharp"]}
\ No newline at end of file
diff --git a/lib/PaperPlane.js b/lib/PaperPlane.js
index 8b7b7b6af..3d932b3bd 100644
--- a/lib/PaperPlane.js
+++ b/lib/PaperPlane.js
@@ -47,7 +47,7 @@ var PaperPlane = function PaperPlane(props) {
 PaperPlane.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PaperPlane.js.map b/lib/PaperPlane.js.map
index 2e597ee2d..93b7734a8 100644
--- a/lib/PaperPlane.js.map
+++ b/lib/PaperPlane.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PaperPlane.js"],"names":["PaperPlane","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PaperPlane.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlane = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473 39.05a24 24 0 00-25.5-5.46L47.47 185h-.08a24 24 0 001 45.16l.41.13 137.3 58.63a16 16 0 0015.54-3.59L422 80a7.07 7.07 0 0110 10L226.66 310.26a16 16 0 00-3.59 15.54l58.65 137.38c.06.2.12.38.19.57 3.2 9.27 11.3 15.81 21.09 16.25h1a24.63 24.63 0 0023-15.46L478.39 64.62A24 24 0 00473 39.05z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlane.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlane.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlane"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PaperPlane.js"],"names":["PaperPlane","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PaperPlane.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlane = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M473 39.05a24 24 0 00-25.5-5.46L47.47 185h-.08a24 24 0 001 45.16l.41.13 137.3 58.63a16 16 0 0015.54-3.59L422 80a7.07 7.07 0 0110 10L226.66 310.26a16 16 0 00-3.59 15.54l58.65 137.38c.06.2.12.38.19.57 3.2 9.27 11.3 15.81 21.09 16.25h1a24.63 24.63 0 0023-15.46L478.39 64.62A24 24 0 00473 39.05z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlane.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlane.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlane"]}
\ No newline at end of file
diff --git a/lib/PaperPlaneOutline.js b/lib/PaperPlaneOutline.js
index e746db19c..a2e2bed37 100644
--- a/lib/PaperPlaneOutline.js
+++ b/lib/PaperPlaneOutline.js
@@ -47,7 +47,7 @@ var PaperPlaneOutline = function PaperPlaneOutline(props) {
 PaperPlaneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PaperPlaneOutline.js.map b/lib/PaperPlaneOutline.js.map
index 6e8f02683..336ce4206 100644
--- a/lib/PaperPlaneOutline.js.map
+++ b/lib/PaperPlaneOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PaperPlaneOutline.js"],"names":["PaperPlaneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2JAAR,EAAoK,MAAK,MAAzK,EAAgL,QAAO,cAAvL,EAAsM,eAAc,OAApN,EAA4N,gBAAe,OAA3O,EAAmP,aAAY,IAA/P;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PaperPlaneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlaneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M53.12 199.94l400-151.39a8 8 0 0110.33 10.33l-151.39 400a8 8 0 01-15-.34l-67.4-166.09a16 16 0 00-10.11-10.11L53.46 215a8 8 0 01-.34-15.06zM460 52L227 285\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlaneOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlaneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlaneOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PaperPlaneOutline.js"],"names":["PaperPlaneOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2JAAR,EAAoK,MAAK,MAAzK,EAAgL,QAAO,cAAvL,EAAsM,eAAc,OAApN,EAA4N,gBAAe,OAA3O,EAAmP,aAAY,IAA/P;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PaperPlaneOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlaneOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M53.12 199.94l400-151.39a8 8 0 0110.33 10.33l-151.39 400a8 8 0 01-15-.34l-67.4-166.09a16 16 0 00-10.11-10.11L53.46 215a8 8 0 01-.34-15.06zM460 52L227 285\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlaneOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlaneOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlaneOutline"]}
\ No newline at end of file
diff --git a/lib/PaperPlaneSharp.js b/lib/PaperPlaneSharp.js
index ebe89e8a9..9636813bc 100644
--- a/lib/PaperPlaneSharp.js
+++ b/lib/PaperPlaneSharp.js
@@ -47,7 +47,7 @@ var PaperPlaneSharp = function PaperPlaneSharp(props) {
 PaperPlaneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PaperPlaneSharp.js.map b/lib/PaperPlaneSharp.js.map
index bce36cb0b..404ad4ac1 100644
--- a/lib/PaperPlaneSharp.js.map
+++ b/lib/PaperPlaneSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PaperPlaneSharp.js"],"names":["PaperPlaneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PaperPlaneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlaneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 16L15.88 208 195 289 448 64 223 317l81 179L496 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlaneSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlaneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlaneSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PaperPlaneSharp.js"],"names":["PaperPlaneSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PaperPlaneSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PaperPlaneSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 16L15.88 208 195 289 448 64 223 317l81 179L496 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaperPlaneSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaperPlaneSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PaperPlaneSharp"]}
\ No newline at end of file
diff --git a/lib/PartlySunny.js b/lib/PartlySunny.js
index 57b847ea4..b564ebc33 100644
--- a/lib/PartlySunny.js
+++ b/lib/PartlySunny.js
@@ -47,7 +47,7 @@ var PartlySunny = function PartlySunny(props) {
 PartlySunny.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PartlySunny.js.map b/lib/PartlySunny.js.map
index 7e38e0203..55a84b78a 100644
--- a/lib/PartlySunny.js.map
+++ b/lib/PartlySunny.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PartlySunny.js"],"names":["PartlySunny","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PartlySunny.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunny = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0142.19 53.21 16 16 0 0011.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM387.89 221.68a168.8 168.8 0 0134.76 14.71 4 4 0 005.82-2.44 97 97 0 003.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 00281 129.33h-.06a3.38 3.38 0 001 6 162.45 162.45 0 0151.28 26.4 173.92 173.92 0 0145.32 52.51 16 16 0 009.35 7.44zM496 224h-32a16 16 0 010-32h32a16 16 0 010 32zM336 96a16 16 0 01-16-16V48a16 16 0 0132 0v32a16 16 0 01-16 16zM245.49 133.49a15.92 15.92 0 01-11.31-4.69l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 01-11.31 27.31zM426.51 133.49a16 16 0 01-11.31-27.31l22.62-22.63a16 16 0 0122.63 22.63l-22.63 22.62a15.92 15.92 0 01-11.31 4.69z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunny.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunny.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunny"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PartlySunny.js"],"names":["PartlySunny","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PartlySunny.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunny = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0142.19 53.21 16 16 0 0011.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM387.89 221.68a168.8 168.8 0 0134.76 14.71 4 4 0 005.82-2.44 97 97 0 003.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 00281 129.33h-.06a3.38 3.38 0 001 6 162.45 162.45 0 0151.28 26.4 173.92 173.92 0 0145.32 52.51 16 16 0 009.35 7.44zM496 224h-32a16 16 0 010-32h32a16 16 0 010 32zM336 96a16 16 0 01-16-16V48a16 16 0 0132 0v32a16 16 0 01-16 16zM245.49 133.49a15.92 15.92 0 01-11.31-4.69l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 01-11.31 27.31zM426.51 133.49a16 16 0 01-11.31-27.31l22.62-22.63a16 16 0 0122.63 22.63l-22.63 22.62a15.92 15.92 0 01-11.31 4.69z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunny.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunny.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunny"]}
\ No newline at end of file
diff --git a/lib/PartlySunnyOutline.js b/lib/PartlySunnyOutline.js
index fed5c501e..27e402a13 100644
--- a/lib/PartlySunnyOutline.js
+++ b/lib/PartlySunnyOutline.js
@@ -48,7 +48,7 @@ var PartlySunnyOutline = function PartlySunnyOutline(props) {
 PartlySunnyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PartlySunnyOutline.js.map b/lib/PartlySunnyOutline.js.map
index 8ee514991..533ec9dbc 100644
--- a/lib/PartlySunnyOutline.js.map
+++ b/lib/PartlySunnyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PartlySunnyOutline.js"],"names":["PartlySunnyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2PAAR,EAAoQ,MAAK,MAAzQ,EAAgR,QAAO,cAAvR,EAAsS,gBAAe,OAArT,EAA6T,aAAY,IAAzU,GAAjK;AAAgf,8CAAM,GAAE,2GAAR,EAAoH,MAAK,MAAzH,EAAgI,QAAO,cAAvI,EAAsJ,eAAc,OAApK,EAA4K,gBAAe,OAA3L,EAAmM,aAAY,IAA/M;AAAhf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PartlySunnyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunnyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M384.8 271.4a80 80 0 10-123.55-92M464 208h32M336 48v32M222.86 94.86l22.63 22.63M449.14 94.86l-22.63 22.63\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunnyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunnyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunnyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PartlySunnyOutline.js"],"names":["PartlySunnyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2PAAR,EAAoQ,MAAK,MAAzQ,EAAgR,QAAO,cAAvR,EAAsS,gBAAe,OAArT,EAA6T,aAAY,IAAzU,GAAhK;AAAgf,8CAAM,GAAE,2GAAR,EAAoH,MAAK,MAAzH,EAAgI,QAAO,cAAvI,EAAsJ,eAAc,OAApK,EAA4K,gBAAe,OAA3L,EAAmM,aAAY,IAA/M;AAAhf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PartlySunnyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunnyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M384.8 271.4a80 80 0 10-123.55-92M464 208h32M336 48v32M222.86 94.86l22.63 22.63M449.14 94.86l-22.63 22.63\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunnyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunnyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunnyOutline"]}
\ No newline at end of file
diff --git a/lib/PartlySunnySharp.js b/lib/PartlySunnySharp.js
index c9a4226f4..d022c8194 100644
--- a/lib/PartlySunnySharp.js
+++ b/lib/PartlySunnySharp.js
@@ -47,7 +47,7 @@ var PartlySunnySharp = function PartlySunnySharp(props) {
 PartlySunnySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PartlySunnySharp.js.map b/lib/PartlySunnySharp.js.map
index 086759aa2..1b78b6d67 100644
--- a/lib/PartlySunnySharp.js.map
+++ b/lib/PartlySunnySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PartlySunnySharp.js"],"names":["PartlySunnySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ouBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PartlySunnySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunnySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM381.5 219.89a169.23 169.23 0 0145.44 19A96 96 0 00281 129.33q-2.85 2-5.54 4.2a162.47 162.47 0 0157.73 28.23 174.53 174.53 0 0148.31 58.13zM448 192h64v32h-64zM320 32h32v64h-32zM255.35 129.63l12.45-12.45-44.62-44.63-22.63 22.63 33.17 33.17h.6a172 172 0 0121.03 1.28zM404.203 117.17l44.626-44.625 22.627 22.628-44.625 44.625z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunnySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunnySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunnySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PartlySunnySharp.js"],"names":["PartlySunnySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ouBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PartlySunnySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PartlySunnySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM381.5 219.89a169.23 169.23 0 0145.44 19A96 96 0 00281 129.33q-2.85 2-5.54 4.2a162.47 162.47 0 0157.73 28.23 174.53 174.53 0 0148.31 58.13zM448 192h64v32h-64zM320 32h32v64h-32zM255.35 129.63l12.45-12.45-44.62-44.63-22.63 22.63 33.17 33.17h.6a172 172 0 0121.03 1.28zM404.203 117.17l44.626-44.625 22.627 22.628-44.625 44.625z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPartlySunnySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPartlySunnySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PartlySunnySharp"]}
\ No newline at end of file
diff --git a/lib/Pause.js b/lib/Pause.js
index 433962c3b..5c1a96b5d 100644
--- a/lib/Pause.js
+++ b/lib/Pause.js
@@ -47,7 +47,7 @@ var Pause = function Pause(props) {
 Pause.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pause.js.map b/lib/Pause.js.map
index e394e83e3..b99297a83 100644
--- a/lib/Pause.js.map
+++ b/lib/Pause.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pause.js"],"names":["Pause","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pause.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pause = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16zM352 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPause.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPause.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pause"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pause.js"],"names":["Pause","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pause.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pause = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16zM352 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPause.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPause.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pause"]}
\ No newline at end of file
diff --git a/lib/PauseCircle.js b/lib/PauseCircle.js
index 5889a51b6..3da0d4f01 100644
--- a/lib/PauseCircle.js
+++ b/lib/PauseCircle.js
@@ -47,7 +47,7 @@ var PauseCircle = function PauseCircle(props) {
 PauseCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PauseCircle.js.map b/lib/PauseCircle.js.map
index 2122617e9..4037266db 100644
--- a/lib/PauseCircle.js.map
+++ b/lib/PauseCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PauseCircle.js"],"names":["PauseCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PauseCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 272a16 16 0 01-32 0V192a16 16 0 0132 0zm96 0a16 16 0 01-32 0V192a16 16 0 0132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PauseCircle.js"],"names":["PauseCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PauseCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 272a16 16 0 01-32 0V192a16 16 0 0132 0zm96 0a16 16 0 01-32 0V192a16 16 0 0132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircle"]}
\ No newline at end of file
diff --git a/lib/PauseCircleOutline.js b/lib/PauseCircleOutline.js
index 79b3180b2..d078f238d 100644
--- a/lib/PauseCircleOutline.js
+++ b/lib/PauseCircleOutline.js
@@ -48,7 +48,7 @@ var PauseCircleOutline = function PauseCircleOutline(props) {
 PauseCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PauseCircleOutline.js.map b/lib/PauseCircleOutline.js.map
index 88cb29b6f..580fb4488 100644
--- a/lib/PauseCircleOutline.js.map
+++ b/lib/PauseCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PauseCircleOutline.js"],"names":["PauseCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,0BAAvG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PauseCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M208 192v128M304 192v128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PauseCircleOutline.js"],"names":["PauseCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,0BAAvG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PauseCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M208 192v128M304 192v128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PauseCircleSharp.js b/lib/PauseCircleSharp.js
index bed06aa19..07e57db3a 100644
--- a/lib/PauseCircleSharp.js
+++ b/lib/PauseCircleSharp.js
@@ -47,7 +47,7 @@ var PauseCircleSharp = function PauseCircleSharp(props) {
 PauseCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PauseCircleSharp.js.map b/lib/PauseCircleSharp.js.map
index c9fff97d6..4ca9217c3 100644
--- a/lib/PauseCircleSharp.js.map
+++ b/lib/PauseCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PauseCircleSharp.js"],"names":["PauseCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PauseCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 288h-32V176h32zm96 0h-32V176h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PauseCircleSharp.js"],"names":["PauseCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PauseCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 288h-32V176h32zm96 0h-32V176h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PauseOutline.js b/lib/PauseOutline.js
index ad7a12cdd..8c564a793 100644
--- a/lib/PauseOutline.js
+++ b/lib/PauseOutline.js
@@ -47,7 +47,7 @@ var PauseOutline = function PauseOutline(props) {
 PauseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PauseOutline.js.map b/lib/PauseOutline.js.map
index e4fdc9d10..a7dc61933 100644
--- a/lib/PauseOutline.js.map
+++ b/lib/PauseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PauseOutline.js"],"names":["PauseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PauseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 96h16v320h-16zM320 96h16v320h-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PauseOutline.js"],"names":["PauseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PauseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 96h16v320h-16zM320 96h16v320h-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseOutline"]}
\ No newline at end of file
diff --git a/lib/PauseSharp.js b/lib/PauseSharp.js
index 026a63bb6..397036ed5 100644
--- a/lib/PauseSharp.js
+++ b/lib/PauseSharp.js
@@ -47,7 +47,7 @@ var PauseSharp = function PauseSharp(props) {
 PauseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PauseSharp.js.map b/lib/PauseSharp.js.map
index 2d4cc8db9..c5bb6d043 100644
--- a/lib/PauseSharp.js.map
+++ b/lib/PauseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PauseSharp.js"],"names":["PauseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PauseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 432h-80V80h80zM368 432h-80V80h80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PauseSharp.js"],"names":["PauseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PauseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PauseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M224 432h-80V80h80zM368 432h-80V80h80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPauseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPauseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PauseSharp"]}
\ No newline at end of file
diff --git a/lib/Paw.js b/lib/Paw.js
index 3de0f974e..5728e3eb6 100644
--- a/lib/Paw.js
+++ b/lib/Paw.js
@@ -47,7 +47,7 @@ var Paw = function Paw(props) {
 Paw.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Paw.js.map b/lib/Paw.js.map
index 870ed1fc9..c702cb3cb 100644
--- a/lib/Paw.js.map
+++ b/lib/Paw.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Paw.js"],"names":["Paw","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,o9CAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Paw.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Paw = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M490.39 182.75c-5.55-13.19-14.77-22.7-26.67-27.49l-.16-.06a46.46 46.46 0 00-17-3.2h-.64c-27.24.41-55.05 23.56-69.19 57.61-10.37 24.9-11.56 51.68-3.18 71.64 5.54 13.2 14.78 22.71 26.73 27.5l.13.05a46.53 46.53 0 0017 3.2c27.5 0 55.6-23.15 70-57.65 10.24-24.87 11.37-51.63 2.98-71.6zM381.55 329.61c-15.71-9.44-30.56-18.37-40.26-34.41C314.53 250.8 298.37 224 256 224s-58.57 26.8-85.39 71.2c-9.72 16.06-24.6 25-40.36 34.48-18.07 10.86-36.74 22.08-44.8 44.16a66.93 66.93 0 00-4.65 25c0 35.95 28 65.2 62.4 65.2 17.75 0 36.64-6.15 56.63-12.66 19.22-6.26 39.09-12.73 56.27-12.73s37 6.47 56.15 12.73C332.2 457.85 351 464 368.8 464c34.35 0 62.3-29.25 62.3-65.2a67 67 0 00-4.75-25c-8.06-22.1-26.74-33.33-44.8-44.19zM150 188.85c11.9 14.93 27 23.15 42.52 23.15a42.88 42.88 0 006.33-.47c32.37-4.76 52.54-44.26 45.92-90C242 102.3 234.6 84.39 224 71.11 212.12 56.21 197 48 181.49 48a42.88 42.88 0 00-6.33.47c-32.37 4.76-52.54 44.26-45.92 90 2.76 19.2 10.16 37.09 20.76 50.38zM313.16 211.53a42.88 42.88 0 006.33.47c15.53 0 30.62-8.22 42.52-23.15 10.59-13.29 17.95-31.18 20.75-50.4 6.62-45.72-13.55-85.22-45.92-90a42.88 42.88 0 00-6.33-.47C315 48 299.88 56.21 288 71.11c-10.6 13.28-18 31.19-20.76 50.44-6.62 45.72 13.55 85.22 45.92 89.98zM111.59 308.8l.14-.05c11.93-4.79 21.16-14.29 26.69-27.48 8.38-20 7.2-46.75-3.15-71.65C120.94 175.16 92.85 152 65.38 152a46.4 46.4 0 00-17 3.2l-.14.05c-11.9 4.75-21.13 14.29-26.66 27.48-8.38 20-7.2 46.75 3.15 71.65C39.06 288.84 67.15 312 94.62 312a46.4 46.4 0 0016.97-3.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaw.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaw.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Paw"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Paw.js"],"names":["Paw","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,o9CAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Paw.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Paw = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M490.39 182.75c-5.55-13.19-14.77-22.7-26.67-27.49l-.16-.06a46.46 46.46 0 00-17-3.2h-.64c-27.24.41-55.05 23.56-69.19 57.61-10.37 24.9-11.56 51.68-3.18 71.64 5.54 13.2 14.78 22.71 26.73 27.5l.13.05a46.53 46.53 0 0017 3.2c27.5 0 55.6-23.15 70-57.65 10.24-24.87 11.37-51.63 2.98-71.6zM381.55 329.61c-15.71-9.44-30.56-18.37-40.26-34.41C314.53 250.8 298.37 224 256 224s-58.57 26.8-85.39 71.2c-9.72 16.06-24.6 25-40.36 34.48-18.07 10.86-36.74 22.08-44.8 44.16a66.93 66.93 0 00-4.65 25c0 35.95 28 65.2 62.4 65.2 17.75 0 36.64-6.15 56.63-12.66 19.22-6.26 39.09-12.73 56.27-12.73s37 6.47 56.15 12.73C332.2 457.85 351 464 368.8 464c34.35 0 62.3-29.25 62.3-65.2a67 67 0 00-4.75-25c-8.06-22.1-26.74-33.33-44.8-44.19zM150 188.85c11.9 14.93 27 23.15 42.52 23.15a42.88 42.88 0 006.33-.47c32.37-4.76 52.54-44.26 45.92-90C242 102.3 234.6 84.39 224 71.11 212.12 56.21 197 48 181.49 48a42.88 42.88 0 00-6.33.47c-32.37 4.76-52.54 44.26-45.92 90 2.76 19.2 10.16 37.09 20.76 50.38zM313.16 211.53a42.88 42.88 0 006.33.47c15.53 0 30.62-8.22 42.52-23.15 10.59-13.29 17.95-31.18 20.75-50.4 6.62-45.72-13.55-85.22-45.92-90a42.88 42.88 0 00-6.33-.47C315 48 299.88 56.21 288 71.11c-10.6 13.28-18 31.19-20.76 50.44-6.62 45.72 13.55 85.22 45.92 89.98zM111.59 308.8l.14-.05c11.93-4.79 21.16-14.29 26.69-27.48 8.38-20 7.2-46.75-3.15-71.65C120.94 175.16 92.85 152 65.38 152a46.4 46.4 0 00-17 3.2l-.14.05c-11.9 4.75-21.13 14.29-26.66 27.48-8.38 20-7.2 46.75 3.15 71.65C39.06 288.84 67.15 312 94.62 312a46.4 46.4 0 0016.97-3.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPaw.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPaw.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Paw"]}
\ No newline at end of file
diff --git a/lib/PawOutline.js b/lib/PawOutline.js
index 67fd9a49a..684b13d50 100644
--- a/lib/PawOutline.js
+++ b/lib/PawOutline.js
@@ -47,7 +47,7 @@ var PawOutline = function PawOutline(props) {
 PawOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PawOutline.js.map b/lib/PawOutline.js.map
index c135bdbfa..090b99fc4 100644
--- a/lib/PawOutline.js.map
+++ b/lib/PawOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PawOutline.js"],"names":["PawOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0hCAAR,EAAmiC,MAAK,MAAxiC,EAA+iC,QAAO,cAAtjC,EAAqkC,kBAAiB,IAAtlC,EAA2lC,aAAY,IAAvmC;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PawOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PawOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M457.74 170.1a30.26 30.26 0 00-11.16-2.1h-.4c-20.17.3-42.79 19.19-54.66 47.76-14.23 34.18-7.68 69.15 14.74 78.14a30.21 30.21 0 0011.15 2.1c20.27 0 43.2-19 55.17-47.76 14.13-34.18 7.48-69.15-14.84-78.14zM327.6 303.48C299.8 257.35 287.8 240 256 240s-43.9 17.46-71.7 63.48c-23.8 39.36-71.9 42.64-83.9 76.07a50.91 50.91 0 00-3.6 19.25c0 27.19 20.8 49.2 46.4 49.2 31.8 0 75.1-25.39 112.9-25.39S337 448 368.8 448c25.6 0 46.3-22 46.3-49.2a51 51 0 00-3.7-19.25c-12-33.55-60-36.71-83.8-76.07zM192.51 196a26.53 26.53 0 004-.3c23.21-3.37 37.7-35.53 32.44-71.85C224 89.61 203.22 64 181.49 64a26.53 26.53 0 00-4 .3c-23.21 3.37-37.7 35.53-32.44 71.85C150 170.29 170.78 196 192.51 196zM366.92 136.15c5.26-36.32-9.23-68.48-32.44-71.85a26.53 26.53 0 00-4-.3c-21.73 0-42.47 25.61-47.43 59.85-5.26 36.32 9.23 68.48 32.44 71.85a26.53 26.53 0 004 .3c21.73 0 42.51-25.71 47.43-59.85zM105.77 293.9c22.39-9 28.93-44 14.72-78.14C108.53 187 85.62 168 65.38 168a30.21 30.21 0 00-11.15 2.1c-22.39 9-28.93 44-14.72 78.14C51.47 277 74.38 296 94.62 296a30.21 30.21 0 0011.15-2.1z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPawOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPawOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PawOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PawOutline.js"],"names":["PawOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0hCAAR,EAAmiC,MAAK,MAAxiC,EAA+iC,QAAO,cAAtjC,EAAqkC,kBAAiB,IAAtlC,EAA2lC,aAAY,IAAvmC;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PawOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PawOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M457.74 170.1a30.26 30.26 0 00-11.16-2.1h-.4c-20.17.3-42.79 19.19-54.66 47.76-14.23 34.18-7.68 69.15 14.74 78.14a30.21 30.21 0 0011.15 2.1c20.27 0 43.2-19 55.17-47.76 14.13-34.18 7.48-69.15-14.84-78.14zM327.6 303.48C299.8 257.35 287.8 240 256 240s-43.9 17.46-71.7 63.48c-23.8 39.36-71.9 42.64-83.9 76.07a50.91 50.91 0 00-3.6 19.25c0 27.19 20.8 49.2 46.4 49.2 31.8 0 75.1-25.39 112.9-25.39S337 448 368.8 448c25.6 0 46.3-22 46.3-49.2a51 51 0 00-3.7-19.25c-12-33.55-60-36.71-83.8-76.07zM192.51 196a26.53 26.53 0 004-.3c23.21-3.37 37.7-35.53 32.44-71.85C224 89.61 203.22 64 181.49 64a26.53 26.53 0 00-4 .3c-23.21 3.37-37.7 35.53-32.44 71.85C150 170.29 170.78 196 192.51 196zM366.92 136.15c5.26-36.32-9.23-68.48-32.44-71.85a26.53 26.53 0 00-4-.3c-21.73 0-42.47 25.61-47.43 59.85-5.26 36.32 9.23 68.48 32.44 71.85a26.53 26.53 0 004 .3c21.73 0 42.51-25.71 47.43-59.85zM105.77 293.9c22.39-9 28.93-44 14.72-78.14C108.53 187 85.62 168 65.38 168a30.21 30.21 0 00-11.15 2.1c-22.39 9-28.93 44-14.72 78.14C51.47 277 74.38 296 94.62 296a30.21 30.21 0 0011.15-2.1z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPawOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPawOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PawOutline"]}
\ No newline at end of file
diff --git a/lib/PawSharp.js b/lib/PawSharp.js
index 69495e77e..948d721ca 100644
--- a/lib/PawSharp.js
+++ b/lib/PawSharp.js
@@ -51,7 +51,7 @@ var PawSharp = function PawSharp(props) {
 PawSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PawSharp.js.map b/lib/PawSharp.js.map
index e26d563cf..f7b84fe55 100644
--- a/lib/PawSharp.js.map
+++ b/lib/PawSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PawSharp.js"],"names":["PawSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qWAAR,GAAjK;AAAghB,iDAAS,IAAG,IAAZ,EAAiB,IAAG,KAApB,EAA0B,IAAG,IAA7B,EAAkC,IAAG,IAArC,GAAhhB;AAA2jB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA3jB;AAAumB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAvmB;AAAmpB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAAnpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PawSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PawSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12-17.23-10.71-33.5-20.83-44.14-39-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08-19.8 12.31-40.27 25-49.1 50.05a78.06 78.06 0 00-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464 448 430.85 448 390.11a78.3 78.3 0 00-5.2-28.29z\"/><ellipse cx=\"72\" cy=\"216\" rx=\"56\" ry=\"72\"/><ellipse cx=\"184\" cy=\"120\" rx=\"56\" ry=\"72\"/><ellipse cx=\"328\" cy=\"120\" rx=\"56\" ry=\"72\"/><ellipse cx=\"440\" cy=\"216\" rx=\"56\" ry=\"72\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPawSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPawSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PawSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PawSharp.js"],"names":["PawSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qWAAR,GAAhK;AAAghB,iDAAS,IAAG,IAAZ,EAAiB,IAAG,KAApB,EAA0B,IAAG,IAA7B,EAAkC,IAAG,IAArC,GAAhhB;AAA4jB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAA5jB;AAAymB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC,GAAzmB;AAAspB,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,IAAtC;AAAtpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PawSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PawSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12-17.23-10.71-33.5-20.83-44.14-39-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08-19.8 12.31-40.27 25-49.1 50.05a78.06 78.06 0 00-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464 448 430.85 448 390.11a78.3 78.3 0 00-5.2-28.29z\" /><ellipse cx=\"72\" cy=\"216\" rx=\"56\" ry=\"72\" /><ellipse cx=\"184\" cy=\"120\" rx=\"56\" ry=\"72\" /><ellipse cx=\"328\" cy=\"120\" rx=\"56\" ry=\"72\" /><ellipse cx=\"440\" cy=\"216\" rx=\"56\" ry=\"72\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPawSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPawSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PawSharp"]}
\ No newline at end of file
diff --git a/lib/Pencil.js b/lib/Pencil.js
index 46fd6b85b..0a8959d36 100644
--- a/lib/Pencil.js
+++ b/lib/Pencil.js
@@ -47,7 +47,7 @@ var Pencil = function Pencil(props) {
 Pencil.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pencil.js.map b/lib/Pencil.js.map
index 8e6489f04..5997c9db0 100644
--- a/lib/Pencil.js.map
+++ b/lib/Pencil.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pencil.js"],"names":["Pencil","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mLAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Pencil.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pencil = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M358.62 129.28L86.49 402.08 70 442l39.92-16.49 272.8-272.13-24.1-24.1zM413.07 74.84l-11.79 11.78 24.1 24.1 11.79-11.79a16.51 16.51 0 000-23.34l-.75-.75a16.51 16.51 0 00-23.35 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencil.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencil.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pencil"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pencil.js"],"names":["Pencil","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mLAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Pencil.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pencil = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M358.62 129.28L86.49 402.08 70 442l39.92-16.49 272.8-272.13-24.1-24.1zM413.07 74.84l-11.79 11.78 24.1 24.1 11.79-11.79a16.51 16.51 0 000-23.34l-.75-.75a16.51 16.51 0 00-23.35 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencil.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencil.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pencil"]}
\ No newline at end of file
diff --git a/lib/PencilOutline.js b/lib/PencilOutline.js
index 64fc01a39..5bdf88f95 100644
--- a/lib/PencilOutline.js
+++ b/lib/PencilOutline.js
@@ -47,7 +47,7 @@ var PencilOutline = function PencilOutline(props) {
 PencilOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PencilOutline.js.map b/lib/PencilOutline.js.map
index 46295135b..e229cb3f5 100644
--- a/lib/PencilOutline.js.map
+++ b/lib/PencilOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PencilOutline.js"],"names":["PencilOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4JAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PencilOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PencilOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M364.13 125.25L87 403l-23 45 44.99-23 277.76-277.13-22.62-22.62zM420.69 68.69l-22.62 22.62 22.62 22.63 22.62-22.63a16 16 0 000-22.62h0a16 16 0 00-22.62 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencilOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencilOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PencilOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PencilOutline.js"],"names":["PencilOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4JAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PencilOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PencilOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M364.13 125.25L87 403l-23 45 44.99-23 277.76-277.13-22.62-22.62zM420.69 68.69l-22.62 22.62 22.62 22.63 22.62-22.63a16 16 0 000-22.62h0a16 16 0 00-22.62 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencilOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencilOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PencilOutline"]}
\ No newline at end of file
diff --git a/lib/PencilSharp.js b/lib/PencilSharp.js
index 0c94fd4a4..e8d6637dd 100644
--- a/lib/PencilSharp.js
+++ b/lib/PencilSharp.js
@@ -47,7 +47,7 @@ var PencilSharp = function PencilSharp(props) {
 PencilSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PencilSharp.js.map b/lib/PencilSharp.js.map
index 4ae94d46b..700d1ceaf 100644
--- a/lib/PencilSharp.js.map
+++ b/lib/PencilSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PencilSharp.js"],"names":["PencilSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PencilSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PencilSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M103 464H48v-55L358.14 98.09l55.77 55.78L103 464zM425.72 142L370 86.28l31.66-30.66C406.55 50.7 414.05 48 421 48a25.91 25.91 0 0118.42 7.62l17 17A25.87 25.87 0 01464 91c0 7-2.71 14.45-7.62 19.36zm-7.52-70.83z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencilSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencilSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PencilSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PencilSharp.js"],"names":["PencilSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PencilSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PencilSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M103 464H48v-55L358.14 98.09l55.77 55.78L103 464zM425.72 142L370 86.28l31.66-30.66C406.55 50.7 414.05 48 421 48a25.91 25.91 0 0118.42 7.62l17 17A25.87 25.87 0 01464 91c0 7-2.71 14.45-7.62 19.36zm-7.52-70.83z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPencilSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPencilSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PencilSharp"]}
\ No newline at end of file
diff --git a/lib/People.js b/lib/People.js
index 2ae0a1dce..e882847fc 100644
--- a/lib/People.js
+++ b/lib/People.js
@@ -47,7 +47,7 @@ var People = function People(props) {
 People.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/People.js.map b/lib/People.js.map
index ddee03331..bd5f53b7e 100644
--- a/lib/People.js.map
+++ b/lib/People.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/People.js"],"names":["People","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,m9BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"People.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst People = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 256c-20.56 0-40.44-9.18-56-25.84-15.13-16.25-24.37-37.92-26-61-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52 15.47 16.62 23 39.22 21.26 63.63-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256zm66-88zM467.83 432H204.18a27.71 27.71 0 01-22-10.67 30.22 30.22 0 01-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05 31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 01-5.32 25.78A27.68 27.68 0 01467.83 432zM147 260c-35.19 0-66.13-32.72-69-72.93-1.42-20.6 5-39.65 18-53.62 12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52-2.87 40.2-33.8 72.91-68.93 72.91zM212.66 291.45c-17.59-8.6-40.42-12.9-65.65-12.9-29.46 0-58.07 7.68-80.57 21.62-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 004.79 23.36A25.32 25.32 0 0041.72 400h111a8 8 0 007.87-6.57c.11-.63.25-1.26.41-1.88 8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 00-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeople.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeople.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default People"]}
\ No newline at end of file
+{"version":3,"sources":["../src/People.js"],"names":["People","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,m9BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"People.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst People = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 256c-20.56 0-40.44-9.18-56-25.84-15.13-16.25-24.37-37.92-26-61-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52 15.47 16.62 23 39.22 21.26 63.63-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256zm66-88zM467.83 432H204.18a27.71 27.71 0 01-22-10.67 30.22 30.22 0 01-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05 31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 01-5.32 25.78A27.68 27.68 0 01467.83 432zM147 260c-35.19 0-66.13-32.72-69-72.93-1.42-20.6 5-39.65 18-53.62 12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52-2.87 40.2-33.8 72.91-68.93 72.91zM212.66 291.45c-17.59-8.6-40.42-12.9-65.65-12.9-29.46 0-58.07 7.68-80.57 21.62-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 004.79 23.36A25.32 25.32 0 0041.72 400h111a8 8 0 007.87-6.57c.11-.63.25-1.26.41-1.88 8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 00-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeople.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeople.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default People"]}
\ No newline at end of file
diff --git a/lib/PeopleCircle.js b/lib/PeopleCircle.js
index 0a0d5cd4f..dca96a0ca 100644
--- a/lib/PeopleCircle.js
+++ b/lib/PeopleCircle.js
@@ -48,7 +48,7 @@ var PeopleCircle = function PeopleCircle(props) {
 PeopleCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PeopleCircle.js.map b/lib/PeopleCircle.js.map
index 2a0e4e472..392d2579f 100644
--- a/lib/PeopleCircle.js.map
+++ b/lib/PeopleCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PeopleCircle.js"],"names":["PeopleCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8oDAAR,GAAjK;AAAyzD,8CAAM,GAAE,iiDAAR;AAAzzD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PeopleCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-3.68 152.11c.21-1.2.44-2.4.71-3.59a66.46 66.46 0 0116.29-31.21c12.89-13.73 31.16-21.31 51.45-21.31a74.05 74.05 0 0125.06 4.26 66.69 66.69 0 0126.27 17.2 68.15 68.15 0 0118 42.14 78.46 78.46 0 010 11.4 86.19 86.19 0 01-8.2 31q-.76 1.59-1.59 3.15c-1.11 2.07-2.3 4.1-3.58 6.06a79.47 79.47 0 01-8.63 11c-13.12 14-29.92 21.73-47.31 21.73a59.61 59.61 0 01-19.17-3.18 63.47 63.47 0 01-6.1-2.43 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68a75.62 75.62 0 011.05-11.08zm-149.73 24.34a59.87 59.87 0 015.2-20.64 56.76 56.76 0 012.78-5.3 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82 56.84 56.84 0 018.11-3.64 63.85 63.85 0 0133.35-2.39 57 57 0 0130.78 17 57.86 57.86 0 0115.41 38.62c.05 2.11 0 4.23-.15 6.38a71.58 71.58 0 01-6 23.84 69.49 69.49 0 01-5.73 10.42 65.39 65.39 0 01-15.76 16.57c-1.5 1.07-3.06 2.07-4.67 3.07a54.21 54.21 0 01-10 4.65 49.31 49.31 0 01-16.2 2.76c-.93 0-1.86 0-2.78-.08a47.6 47.6 0 01-5.48-.62 51.19 51.19 0 01-5.35-1.23 53.54 53.54 0 01-7.72-2.89c-.84-.39-1.66-.8-2.48-1.23-18-9.49-31.57-29.16-34.23-52.12-.12-1.05-.22-2.1-.29-3.16a66.59 66.59 0 01.02-9.63zm53.92 178.6a177.27 177.27 0 01-61.94-70.65 4 4 0 011.62-5.26C117.67 316.69 141.4 311 163.82 311c17 0 30.7 2 42.69 5.88a8 8 0 012.59 13.77c-23.35 19-38.4 42.54-45.47 70.75a2.77 2.77 0 01-4.22 1.65zM256 432a175.12 175.12 0 01-65.7-12.72 4 4 0 01-2.4-4.46c.4-2.05.84-3.92 1.23-5.48 7.12-28.43 24.76-52 51-68.18 23.29-14.35 53-22.25 83.52-22.25 31.16 0 60 7.58 83.48 21.91a2.72 2.72 0 01.91 3.67A176.1 176.1 0 01256 432z\"/><path d=\"M161 295.28a47.6 47.6 0 01-5.48-.62 47.6 47.6 0 005.48.62zM134.64 178.13a55.62 55.62 0 00-14 10.82 54.49 54.49 0 00-7.19 9.56 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82zM216.17 257.89a71.58 71.58 0 006-23.84c.15-2.15.2-4.27.15-6.38q.08 3.15-.15 6.38a71.58 71.58 0 01-6 23.84zM134.64 178.13a56.84 56.84 0 018.11-3.64 56.84 56.84 0 00-8.11 3.64zM150.21 293.43a53.54 53.54 0 01-7.72-2.89 53.54 53.54 0 007.72 2.89zM105.78 237.19c2.66 23 16.26 42.63 34.23 52.12-18.01-9.49-31.57-29.16-34.23-52.12zM254.34 219a83.76 83.76 0 0022 51.32 70.76 70.76 0 0022.07 16.12 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68-.09 3.75.18 7.68zM304.5 288.82a63.47 63.47 0 01-6.1-2.43 63.47 63.47 0 006.1 2.43zM255.93 196.54a66.46 66.46 0 0116.29-31.21 66.46 66.46 0 00-16.29 31.21zM375 165.46a68.15 68.15 0 0118 42.14 68.15 68.15 0 00-18-42.14 66.69 66.69 0 00-26.27-17.2 66.69 66.69 0 0126.27 17.2zM393 219a86.19 86.19 0 01-8.2 31 86.19 86.19 0 008.2-31zM254.16 211.27a75.62 75.62 0 011.06-11.14 75.62 75.62 0 00-1.06 11.14zM383.19 253.16zM206.88 189.05a57.86 57.86 0 0115.41 38.62 57.86 57.86 0 00-15.41-38.62 57 57 0 00-30.78-17 57 57 0 0130.78 17zM190 288a54.21 54.21 0 01-10 4.65 54.21 54.21 0 0010-4.65zM105.49 224.45a59.87 59.87 0 015.2-20.64 59.87 59.87 0 00-5.2 20.64zM194.68 284.88C193.17 286 191.61 287 190 288c1.61-1 3.17-2 4.68-3.12zM216.17 257.89a69.49 69.49 0 01-5.73 10.42 69.49 69.49 0 005.73-10.42zM110.69 203.81a56.76 56.76 0 012.78-5.3 56.76 56.76 0 00-2.78 5.3zM194.68 284.88a65.39 65.39 0 0015.76-16.57 65.39 65.39 0 01-15.76 16.57z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PeopleCircle.js"],"names":["PeopleCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8oDAAR,GAAhK;AAAyzD,8CAAM,GAAE,iiDAAR;AAAzzD;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PeopleCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-3.68 152.11c.21-1.2.44-2.4.71-3.59a66.46 66.46 0 0116.29-31.21c12.89-13.73 31.16-21.31 51.45-21.31a74.05 74.05 0 0125.06 4.26 66.69 66.69 0 0126.27 17.2 68.15 68.15 0 0118 42.14 78.46 78.46 0 010 11.4 86.19 86.19 0 01-8.2 31q-.76 1.59-1.59 3.15c-1.11 2.07-2.3 4.1-3.58 6.06a79.47 79.47 0 01-8.63 11c-13.12 14-29.92 21.73-47.31 21.73a59.61 59.61 0 01-19.17-3.18 63.47 63.47 0 01-6.1-2.43 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68a75.62 75.62 0 011.05-11.08zm-149.73 24.34a59.87 59.87 0 015.2-20.64 56.76 56.76 0 012.78-5.3 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82 56.84 56.84 0 018.11-3.64 63.85 63.85 0 0133.35-2.39 57 57 0 0130.78 17 57.86 57.86 0 0115.41 38.62c.05 2.11 0 4.23-.15 6.38a71.58 71.58 0 01-6 23.84 69.49 69.49 0 01-5.73 10.42 65.39 65.39 0 01-15.76 16.57c-1.5 1.07-3.06 2.07-4.67 3.07a54.21 54.21 0 01-10 4.65 49.31 49.31 0 01-16.2 2.76c-.93 0-1.86 0-2.78-.08a47.6 47.6 0 01-5.48-.62 51.19 51.19 0 01-5.35-1.23 53.54 53.54 0 01-7.72-2.89c-.84-.39-1.66-.8-2.48-1.23-18-9.49-31.57-29.16-34.23-52.12-.12-1.05-.22-2.1-.29-3.16a66.59 66.59 0 01.02-9.63zm53.92 178.6a177.27 177.27 0 01-61.94-70.65 4 4 0 011.62-5.26C117.67 316.69 141.4 311 163.82 311c17 0 30.7 2 42.69 5.88a8 8 0 012.59 13.77c-23.35 19-38.4 42.54-45.47 70.75a2.77 2.77 0 01-4.22 1.65zM256 432a175.12 175.12 0 01-65.7-12.72 4 4 0 01-2.4-4.46c.4-2.05.84-3.92 1.23-5.48 7.12-28.43 24.76-52 51-68.18 23.29-14.35 53-22.25 83.52-22.25 31.16 0 60 7.58 83.48 21.91a2.72 2.72 0 01.91 3.67A176.1 176.1 0 01256 432z\" /><path d=\"M161 295.28a47.6 47.6 0 01-5.48-.62 47.6 47.6 0 005.48.62zM134.64 178.13a55.62 55.62 0 00-14 10.82 54.49 54.49 0 00-7.19 9.56 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82zM216.17 257.89a71.58 71.58 0 006-23.84c.15-2.15.2-4.27.15-6.38q.08 3.15-.15 6.38a71.58 71.58 0 01-6 23.84zM134.64 178.13a56.84 56.84 0 018.11-3.64 56.84 56.84 0 00-8.11 3.64zM150.21 293.43a53.54 53.54 0 01-7.72-2.89 53.54 53.54 0 007.72 2.89zM105.78 237.19c2.66 23 16.26 42.63 34.23 52.12-18.01-9.49-31.57-29.16-34.23-52.12zM254.34 219a83.76 83.76 0 0022 51.32 70.76 70.76 0 0022.07 16.12 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68-.09 3.75.18 7.68zM304.5 288.82a63.47 63.47 0 01-6.1-2.43 63.47 63.47 0 006.1 2.43zM255.93 196.54a66.46 66.46 0 0116.29-31.21 66.46 66.46 0 00-16.29 31.21zM375 165.46a68.15 68.15 0 0118 42.14 68.15 68.15 0 00-18-42.14 66.69 66.69 0 00-26.27-17.2 66.69 66.69 0 0126.27 17.2zM393 219a86.19 86.19 0 01-8.2 31 86.19 86.19 0 008.2-31zM254.16 211.27a75.62 75.62 0 011.06-11.14 75.62 75.62 0 00-1.06 11.14zM383.19 253.16zM206.88 189.05a57.86 57.86 0 0115.41 38.62 57.86 57.86 0 00-15.41-38.62 57 57 0 00-30.78-17 57 57 0 0130.78 17zM190 288a54.21 54.21 0 01-10 4.65 54.21 54.21 0 0010-4.65zM105.49 224.45a59.87 59.87 0 015.2-20.64 59.87 59.87 0 00-5.2 20.64zM194.68 284.88C193.17 286 191.61 287 190 288c1.61-1 3.17-2 4.68-3.12zM216.17 257.89a69.49 69.49 0 01-5.73 10.42 69.49 69.49 0 005.73-10.42zM110.69 203.81a56.76 56.76 0 012.78-5.3 56.76 56.76 0 00-2.78 5.3zM194.68 284.88a65.39 65.39 0 0015.76-16.57 65.39 65.39 0 01-15.76 16.57z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircle"]}
\ No newline at end of file
diff --git a/lib/PeopleCircleOutline.js b/lib/PeopleCircleOutline.js
index 577ce3894..a3152c9ab 100644
--- a/lib/PeopleCircleOutline.js
+++ b/lib/PeopleCircleOutline.js
@@ -48,7 +48,7 @@ var PeopleCircleOutline = function PeopleCircleOutline(props) {
 PeopleCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PeopleCircleOutline.js.map b/lib/PeopleCircleOutline.js.map
index df75c9e50..5c3c599a9 100644
--- a/lib/PeopleCircleOutline.js.map
+++ b/lib/PeopleCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PeopleCircleOutline.js"],"names":["PeopleCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0KAAR,GAAjK;AAAqV,8CAAM,GAAE,y1BAAR;AAArV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PeopleCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z\"/><path d=\"M323.67 292c-17.4 0-34.21-7.72-47.34-21.73a83.76 83.76 0 01-22-51.32c-1.47-20.7 4.88-39.75 17.88-53.62S303.38 144 323.67 144c20.14 0 38.37 7.62 51.33 21.46s19.47 33 18 53.51a84 84 0 01-22 51.3C357.86 284.28 341.06 292 323.67 292zm55.81-74zM163.82 295.36c-29.76 0-55.93-27.51-58.33-61.33-1.23-17.32 4.15-33.33 15.17-45.08s26.22-18 43.15-18 32.12 6.44 43.07 18.14 16.5 27.82 15.25 45c-2.44 33.77-28.6 61.27-58.31 61.27zM420.37 355.28c-1.59-4.7-5.46-9.71-13.22-14.46-23.46-14.33-52.32-21.91-83.48-21.91-30.57 0-60.23 7.9-83.53 22.25-26.25 16.17-43.89 39.75-51 68.18-1.68 6.69-4.13 19.14-1.51 26.11a192.18 192.18 0 00232.75-80.17zM163.63 401.37c7.07-28.21 22.12-51.73 45.47-70.75a8 8 0 00-2.59-13.77c-12-3.83-25.7-5.88-42.69-5.88-23.82 0-49.11 6.45-68.14 18.17-5.4 3.33-10.7 4.61-14.78 5.75a192.84 192.84 0 0077.78 86.64l1.79-.14a102.82 102.82 0 013.16-20.02z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PeopleCircleOutline.js"],"names":["PeopleCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0KAAR,GAAhK;AAAqV,8CAAM,GAAE,y1BAAR;AAArV;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PeopleCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z\" /><path d=\"M323.67 292c-17.4 0-34.21-7.72-47.34-21.73a83.76 83.76 0 01-22-51.32c-1.47-20.7 4.88-39.75 17.88-53.62S303.38 144 323.67 144c20.14 0 38.37 7.62 51.33 21.46s19.47 33 18 53.51a84 84 0 01-22 51.3C357.86 284.28 341.06 292 323.67 292zm55.81-74zM163.82 295.36c-29.76 0-55.93-27.51-58.33-61.33-1.23-17.32 4.15-33.33 15.17-45.08s26.22-18 43.15-18 32.12 6.44 43.07 18.14 16.5 27.82 15.25 45c-2.44 33.77-28.6 61.27-58.31 61.27zM420.37 355.28c-1.59-4.7-5.46-9.71-13.22-14.46-23.46-14.33-52.32-21.91-83.48-21.91-30.57 0-60.23 7.9-83.53 22.25-26.25 16.17-43.89 39.75-51 68.18-1.68 6.69-4.13 19.14-1.51 26.11a192.18 192.18 0 00232.75-80.17zM163.63 401.37c7.07-28.21 22.12-51.73 45.47-70.75a8 8 0 00-2.59-13.77c-12-3.83-25.7-5.88-42.69-5.88-23.82 0-49.11 6.45-68.14 18.17-5.4 3.33-10.7 4.61-14.78 5.75a192.84 192.84 0 0077.78 86.64l1.79-.14a102.82 102.82 0 013.16-20.02z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PeopleCircleSharp.js b/lib/PeopleCircleSharp.js
index a9c7af1bd..9381ef3a3 100644
--- a/lib/PeopleCircleSharp.js
+++ b/lib/PeopleCircleSharp.js
@@ -47,7 +47,7 @@ var PeopleCircleSharp = function PeopleCircleSharp(props) {
 PeopleCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PeopleCircleSharp.js.map b/lib/PeopleCircleSharp.js.map
index 411ab9b59..e1f8f33b2 100644
--- a/lib/PeopleCircleSharp.js.map
+++ b/lib/PeopleCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PeopleCircleSharp.js"],"names":["PeopleCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ygBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PeopleCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm69.3 96.17a72.5 72.5 0 11-72.6 72.5 72.55 72.55 0 0172.6-72.5zm-155.1 26.36a59.32 59.32 0 11-59.4 59.32 59.35 59.35 0 0159.4-59.32zm-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94 15 0 34.32 3 53.33 10.2a133.05 133.05 0 00-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 01-74.42-83.15zM256 432a175.12 175.12 0 01-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09 23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 01256 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PeopleCircleSharp.js"],"names":["PeopleCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ygBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PeopleCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm69.3 96.17a72.5 72.5 0 11-72.6 72.5 72.55 72.55 0 0172.6-72.5zm-155.1 26.36a59.32 59.32 0 11-59.4 59.32 59.35 59.35 0 0159.4-59.32zm-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94 15 0 34.32 3 53.33 10.2a133.05 133.05 0 00-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 01-74.42-83.15zM256 432a175.12 175.12 0 01-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09 23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 01256 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PeopleOutline.js b/lib/PeopleOutline.js
index 398cdcf2a..72d6e7ea9 100644
--- a/lib/PeopleOutline.js
+++ b/lib/PeopleOutline.js
@@ -50,7 +50,7 @@ var PeopleOutline = function PeopleOutline(props) {
 PeopleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PeopleOutline.js.map b/lib/PeopleOutline.js.map
index c55230b7f..991a659ba 100644
--- a/lib/PeopleOutline.js.map
+++ b/lib/PeopleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PeopleOutline.js"],"names":["PeopleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,OAAxJ,EAAgK,gBAAe,OAA/K,EAAuL,aAAY,IAAnM,GAAjK;AAA0W,8CAAM,GAAE,qJAAR,EAA8J,MAAK,MAAnK,EAA0K,QAAO,cAAjL,EAAgM,kBAAiB,IAAjN,EAAsN,aAAY,IAAlO,GAA1W;AAAklB,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N,GAAllB;AAAqzB,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,kBAAiB,IAA9L,EAAmM,aAAY,IAA/M;AAArzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PeopleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PeopleOutline.js"],"names":["PeopleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+FAAR,EAAwG,MAAK,MAA7G,EAAoH,QAAO,cAA3H,EAA0I,eAAc,OAAxJ,EAAgK,gBAAe,OAA/K,EAAuL,aAAY,IAAnM,GAAhK;AAA0W,8CAAM,GAAE,qJAAR,EAA8J,MAAK,MAAnK,EAA0K,QAAO,cAAjL,EAAgM,kBAAiB,IAAjN,EAAsN,aAAY,IAAlO,GAA1W;AAAmlB,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,eAAc,OAAlL,EAA0L,gBAAe,OAAzM,EAAiN,aAAY,IAA7N,GAAnlB;AAAuzB,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,kBAAiB,IAA9L,EAAmM,aAAY,IAA/M;AAAvzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PeopleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleOutline"]}
\ No newline at end of file
diff --git a/lib/PeopleSharp.js b/lib/PeopleSharp.js
index 48396453e..5032172eb 100644
--- a/lib/PeopleSharp.js
+++ b/lib/PeopleSharp.js
@@ -50,7 +50,7 @@ var PeopleSharp = function PeopleSharp(props) {
 PeopleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PeopleSharp.js.map b/lib/PeopleSharp.js.map
index 3a76600c1..3911f8ad3 100644
--- a/lib/PeopleSharp.js.map
+++ b/lib/PeopleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PeopleSharp.js"],"names":["PeopleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,iIAAR,GAAnM;AAA8U,8CAAM,GAAE,yEAAR,GAA9U;AAAia,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PeopleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"152\" cy=\"184\" r=\"72\"/><path d=\"M234 296c-28.16-14.3-59.24-20-82-20-44.58 0-136 27.34-136 82v42h150v-16.07c0-19 8-38.05 22-53.93 11.17-12.68 26.81-24.45 46-34z\"/><path d=\"M340 288c-52.07 0-156 32.16-156 96v48h312v-48c0-63.84-103.93-96-156-96z\"/><circle cx=\"340\" cy=\"168\" r=\"88\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PeopleSharp.js"],"names":["PeopleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,iIAAR,GAAnM;AAA+U,8CAAM,GAAE,yEAAR,GAA/U;AAAma,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAna;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PeopleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PeopleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"152\" cy=\"184\" r=\"72\" /><path d=\"M234 296c-28.16-14.3-59.24-20-82-20-44.58 0-136 27.34-136 82v42h150v-16.07c0-19 8-38.05 22-53.93 11.17-12.68 26.81-24.45 46-34z\" /><path d=\"M340 288c-52.07 0-156 32.16-156 96v48h312v-48c0-63.84-103.93-96-156-96z\" /><circle cx=\"340\" cy=\"168\" r=\"88\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPeopleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPeopleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PeopleSharp"]}
\ No newline at end of file
diff --git a/lib/Person.js b/lib/Person.js
index 11f0ee8bc..6ae672b86 100644
--- a/lib/Person.js
+++ b/lib/Person.js
@@ -47,7 +47,7 @@ var Person = function Person(props) {
 Person.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Person.js.map b/lib/Person.js.map
index 384498337..d0fcef13b 100644
--- a/lib/Person.js.map
+++ b/lib/Person.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Person.js"],"names":["Person","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,obAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Person.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Person = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.64 64.58C313.18 43.57 286 32 256 32c-30.16 0-57.43 11.5-76.8 32.38-19.58 21.11-29.12 49.8-26.88 80.78C156.76 206.28 203.27 256 256 256s99.16-49.71 103.67-110.82c2.27-30.7-7.33-59.33-27.03-80.6zM432 480H80a31 31 0 01-24.2-11.13c-6.5-7.77-9.12-18.38-7.18-29.11C57.06 392.94 83.4 353.61 124.8 326c36.78-24.51 83.37-38 131.2-38s94.42 13.5 131.2 38c41.4 27.6 67.74 66.93 76.18 113.75 1.94 10.73-.68 21.34-7.18 29.11A31 31 0 01432 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPerson.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPerson.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Person"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Person.js"],"names":["Person","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,obAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Person.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Person = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.64 64.58C313.18 43.57 286 32 256 32c-30.16 0-57.43 11.5-76.8 32.38-19.58 21.11-29.12 49.8-26.88 80.78C156.76 206.28 203.27 256 256 256s99.16-49.71 103.67-110.82c2.27-30.7-7.33-59.33-27.03-80.6zM432 480H80a31 31 0 01-24.2-11.13c-6.5-7.77-9.12-18.38-7.18-29.11C57.06 392.94 83.4 353.61 124.8 326c36.78-24.51 83.37-38 131.2-38s94.42 13.5 131.2 38c41.4 27.6 67.74 66.93 76.18 113.75 1.94 10.73-.68 21.34-7.18 29.11A31 31 0 01432 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPerson.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPerson.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Person"]}
\ No newline at end of file
diff --git a/lib/PersonAdd.js b/lib/PersonAdd.js
index 04239a3d4..39f4c76be 100644
--- a/lib/PersonAdd.js
+++ b/lib/PersonAdd.js
@@ -47,7 +47,7 @@ var PersonAdd = function PersonAdd(props) {
 PersonAdd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonAdd.js.map b/lib/PersonAdd.js.map
index a459af0ec..173781060 100644
--- a/lib/PersonAdd.js.map
+++ b/lib/PersonAdd.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonAdd.js"],"names":["PersonAdd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uiBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PersonAdd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAdd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM104 288v-40h40a16 16 0 000-32h-40v-40a16 16 0 00-32 0v40H32a16 16 0 000 32h40v40a16 16 0 0032 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAdd.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAdd"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonAdd.js"],"names":["PersonAdd","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uiBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PersonAdd.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAdd = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM104 288v-40h40a16 16 0 000-32h-40v-40a16 16 0 00-32 0v40H32a16 16 0 000 32h40v40a16 16 0 0032 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAdd.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAdd.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAdd"]}
\ No newline at end of file
diff --git a/lib/PersonAddOutline.js b/lib/PersonAddOutline.js
index 8e369ab74..d5e2058f0 100644
--- a/lib/PersonAddOutline.js
+++ b/lib/PersonAddOutline.js
@@ -49,7 +49,7 @@ var PersonAddOutline = function PersonAddOutline(props) {
 PersonAddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonAddOutline.js.map b/lib/PersonAddOutline.js.map
index d9c7e8b7e..8bf6287b2 100644
--- a/lib/PersonAddOutline.js.map
+++ b/lib/PersonAddOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonAddOutline.js"],"names":["PersonAddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAjK;AAA+V,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,kBAAiB,IAA7L,EAAkM,aAAY,IAA9M,GAA/V;AAAmjB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG;AAAnjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PersonAddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M88 176v112M144 232H32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAddOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonAddOutline.js"],"names":["PersonAddOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAhK;AAA+V,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,kBAAiB,IAA7L,EAAkM,aAAY,IAA9M,GAA/V;AAAojB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wBAAxG;AAApjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PersonAddOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAddOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M88 176v112M144 232H32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAddOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAddOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAddOutline"]}
\ No newline at end of file
diff --git a/lib/PersonAddSharp.js b/lib/PersonAddSharp.js
index 0f97b0cf8..860c94dee 100644
--- a/lib/PersonAddSharp.js
+++ b/lib/PersonAddSharp.js
@@ -49,7 +49,7 @@ var PersonAddSharp = function PersonAddSharp(props) {
 PersonAddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonAddSharp.js.map b/lib/PersonAddSharp.js.map
index bb0c1d57c..7b8934c21 100644
--- a/lib/PersonAddSharp.js.map
+++ b/lib/PersonAddSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonAddSharp.js"],"names":["PersonAddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mDAAR,GAAjK;AAA8N,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,GAA9N;AAAiQ,8CAAM,GAAE,4EAAR;AAAjQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PersonAddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M106 304v-54h54v-36h-54v-54H70v54H16v36h54v54h36z\"/><circle cx=\"288\" cy=\"144\" r=\"112\"/><path d=\"M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAddSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonAddSharp.js"],"names":["PersonAddSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mDAAR,GAAhK;AAA8N,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,GAA9N;AAAkQ,8CAAM,GAAE,4EAAR;AAAlQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PersonAddSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonAddSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M106 304v-54h54v-36h-54v-54H70v54H16v36h54v54h36z\" /><circle cx=\"288\" cy=\"144\" r=\"112\" /><path d=\"M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonAddSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonAddSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonAddSharp"]}
\ No newline at end of file
diff --git a/lib/PersonCircle.js b/lib/PersonCircle.js
index 8f8181d95..fd3de9e66 100644
--- a/lib/PersonCircle.js
+++ b/lib/PersonCircle.js
@@ -47,7 +47,7 @@ var PersonCircle = function PersonCircle(props) {
 PersonCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonCircle.js.map b/lib/PersonCircle.js.map
index b88170ce0..423b0647a 100644
--- a/lib/PersonCircle.js.map
+++ b/lib/PersonCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonCircle.js"],"names":["PersonCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ycAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PersonCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-50.22 116.82C218.45 151.39 236.28 144 256 144s37.39 7.44 50.11 20.94c12.89 13.68 19.16 32.06 17.68 51.82C320.83 256 290.43 288 256 288s-64.89-32-67.79-71.25c-1.47-19.92 4.79-38.36 17.57-51.93zM256 432a175.49 175.49 0 01-126-53.22 122.91 122.91 0 0135.14-33.44C190.63 329 222.89 320 256 320s65.37 9 90.83 25.34A122.87 122.87 0 01382 378.78 175.45 175.45 0 01256 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonCircle.js"],"names":["PersonCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ycAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PersonCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-50.22 116.82C218.45 151.39 236.28 144 256 144s37.39 7.44 50.11 20.94c12.89 13.68 19.16 32.06 17.68 51.82C320.83 256 290.43 288 256 288s-64.89-32-67.79-71.25c-1.47-19.92 4.79-38.36 17.57-51.93zM256 432a175.49 175.49 0 01-126-53.22 122.91 122.91 0 0135.14-33.44C190.63 329 222.89 320 256 320s65.37 9 90.83 25.34A122.87 122.87 0 01382 378.78 175.45 175.45 0 01256 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircle"]}
\ No newline at end of file
diff --git a/lib/PersonCircleOutline.js b/lib/PersonCircleOutline.js
index cab03cf35..cc8f0e169 100644
--- a/lib/PersonCircleOutline.js
+++ b/lib/PersonCircleOutline.js
@@ -48,7 +48,7 @@ var PersonCircleOutline = function PersonCircleOutline(props) {
 PersonCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonCircleOutline.js.map b/lib/PersonCircleOutline.js.map
index 954d04146..3409274e9 100644
--- a/lib/PersonCircleOutline.js.map
+++ b/lib/PersonCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonCircleOutline.js"],"names":["PersonCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6aAAR,GAAjK;AAAwlB,8CAAM,GAAE,mLAAR;AAAxlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PersonCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm126.42 327.25a4 4 0 01-6.14-.32 124.27 124.27 0 00-32.35-29.59C321.37 329 289.11 320 256 320s-65.37 9-90.83 25.34a124.24 124.24 0 00-32.35 29.58 4 4 0 01-6.14.32A175.32 175.32 0 0180 259c-1.63-97.31 78.22-178.76 175.57-179S432 158.81 432 256a175.32 175.32 0 01-46.68 119.25z\"/><path d=\"M256 144c-19.72 0-37.55 7.39-50.22 20.82s-19 32-17.57 51.93C191.11 256 221.52 288 256 288s64.83-32 67.79-71.24c1.48-19.74-4.8-38.14-17.68-51.82C293.39 151.44 275.59 144 256 144z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonCircleOutline.js"],"names":["PersonCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6aAAR,GAAhK;AAAwlB,8CAAM,GAAE,mLAAR;AAAxlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PersonCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm126.42 327.25a4 4 0 01-6.14-.32 124.27 124.27 0 00-32.35-29.59C321.37 329 289.11 320 256 320s-65.37 9-90.83 25.34a124.24 124.24 0 00-32.35 29.58 4 4 0 01-6.14.32A175.32 175.32 0 0180 259c-1.63-97.31 78.22-178.76 175.57-179S432 158.81 432 256a175.32 175.32 0 01-46.68 119.25z\" /><path d=\"M256 144c-19.72 0-37.55 7.39-50.22 20.82s-19 32-17.57 51.93C191.11 256 221.52 288 256 288s64.83-32 67.79-71.24c1.48-19.74-4.8-38.14-17.68-51.82C293.39 151.44 275.59 144 256 144z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PersonCircleSharp.js b/lib/PersonCircleSharp.js
index c64df4baf..c1f99a15a 100644
--- a/lib/PersonCircleSharp.js
+++ b/lib/PersonCircleSharp.js
@@ -47,7 +47,7 @@ var PersonCircleSharp = function PersonCircleSharp(props) {
 PersonCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonCircleSharp.js.map b/lib/PersonCircleSharp.js.map
index d43aa829f..c06d75cbf 100644
--- a/lib/PersonCircleSharp.js.map
+++ b/lib/PersonCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonCircleSharp.js"],"names":["PersonCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PersonCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm2 96a72 72 0 11-72 72 72 72 0 0172-72zm-2 288a175.55 175.55 0 01-129.18-56.6C135.66 329.62 215.06 320 256 320s120.34 9.62 129.18 55.39A175.52 175.52 0 01256 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonCircleSharp.js"],"names":["PersonCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PersonCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm2 96a72 72 0 11-72 72 72 72 0 0172-72zm-2 288a175.55 175.55 0 01-129.18-56.6C135.66 329.62 215.06 320 256 320s120.34 9.62 129.18 55.39A175.52 175.52 0 01256 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PersonOutline.js b/lib/PersonOutline.js
index ab59d9712..df2b83168 100644
--- a/lib/PersonOutline.js
+++ b/lib/PersonOutline.js
@@ -48,7 +48,7 @@ var PersonOutline = function PersonOutline(props) {
 PersonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonOutline.js.map b/lib/PersonOutline.js.map
index 8ce095637..37cab8243 100644
--- a/lib/PersonOutline.js.map
+++ b/lib/PersonOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonOutline.js"],"names":["PersonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAjK;AAA+V,8CAAM,GAAE,kIAAR,EAA2I,MAAK,MAAhJ,EAAuJ,QAAO,cAA9J,EAA6K,kBAAiB,IAA9L,EAAmM,aAAY,IAA/M;AAA/V;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PersonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonOutline.js"],"names":["PersonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAhK;AAA+V,8CAAM,GAAE,kIAAR,EAA2I,MAAK,MAAhJ,EAAuJ,QAAO,cAA9J,EAA6K,kBAAiB,IAA9L,EAAmM,aAAY,IAA/M;AAA/V;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PersonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonOutline"]}
\ No newline at end of file
diff --git a/lib/PersonRemove.js b/lib/PersonRemove.js
index f0422f1c1..478bcd7e5 100644
--- a/lib/PersonRemove.js
+++ b/lib/PersonRemove.js
@@ -47,7 +47,7 @@ var PersonRemove = function PersonRemove(props) {
 PersonRemove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonRemove.js.map b/lib/PersonRemove.js.map
index 938e243be..e0fc09973 100644
--- a/lib/PersonRemove.js.map
+++ b/lib/PersonRemove.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonRemove.js"],"names":["PersonRemove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ofAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PersonRemove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM144 216H32a16 16 0 000 32h112a16 16 0 000-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemove.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemove"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonRemove.js"],"names":["PersonRemove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ofAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PersonRemove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM144 216H32a16 16 0 000 32h112a16 16 0 000-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemove.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemove"]}
\ No newline at end of file
diff --git a/lib/PersonRemoveOutline.js b/lib/PersonRemoveOutline.js
index b83fbd500..a0559b694 100644
--- a/lib/PersonRemoveOutline.js
+++ b/lib/PersonRemoveOutline.js
@@ -49,7 +49,7 @@ var PersonRemoveOutline = function PersonRemoveOutline(props) {
 PersonRemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonRemoveOutline.js.map b/lib/PersonRemoveOutline.js.map
index b34c27e63..04caa546e 100644
--- a/lib/PersonRemoveOutline.js.map
+++ b/lib/PersonRemoveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonRemoveOutline.js"],"names":["PersonRemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAjK;AAA+V,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,kBAAiB,IAA7L,EAAkM,aAAY,IAA9M,GAA/V;AAAmjB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,aAAxG;AAAnjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PersonRemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 232H32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemoveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonRemoveOutline.js"],"names":["PersonRemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oFAAR,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL,GAAhK;AAA+V,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,kBAAiB,IAA7L,EAAkM,aAAY,IAA9M,GAA/V;AAAojB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,aAAxG;AAApjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PersonRemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 232H32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemoveOutline"]}
\ No newline at end of file
diff --git a/lib/PersonRemoveSharp.js b/lib/PersonRemoveSharp.js
index 6c781330a..9cd4546b1 100644
--- a/lib/PersonRemoveSharp.js
+++ b/lib/PersonRemoveSharp.js
@@ -49,7 +49,7 @@ var PersonRemoveSharp = function PersonRemoveSharp(props) {
 PersonRemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonRemoveSharp.js.map b/lib/PersonRemoveSharp.js.map
index 196b97e48..d8c2475f4 100644
--- a/lib/PersonRemoveSharp.js.map
+++ b/lib/PersonRemoveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonRemoveSharp.js"],"names":["PersonRemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oBAAR,GAAjK;AAA+L,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,GAA/L;AAAkO,8CAAM,GAAE,4EAAR;AAAlO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PersonRemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 214h144v36H16z\"/><circle cx=\"288\" cy=\"144\" r=\"112\"/><path d=\"M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemoveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonRemoveSharp.js"],"names":["PersonRemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oBAAR,GAAhK;AAA+L,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,GAA/L;AAAmO,8CAAM,GAAE,4EAAR;AAAnO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PersonRemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonRemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 214h144v36H16z\" /><circle cx=\"288\" cy=\"144\" r=\"112\" /><path d=\"M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonRemoveSharp"]}
\ No newline at end of file
diff --git a/lib/PersonSharp.js b/lib/PersonSharp.js
index a2798b5b7..4722a92d8 100644
--- a/lib/PersonSharp.js
+++ b/lib/PersonSharp.js
@@ -47,7 +47,7 @@ var PersonSharp = function PersonSharp(props) {
 PersonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PersonSharp.js.map b/lib/PersonSharp.js.map
index e4d91f38b..5e7e8c512 100644
--- a/lib/PersonSharp.js.map
+++ b/lib/PersonSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PersonSharp.js"],"names":["PersonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2HAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PersonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256a112 112 0 10-112-112 112 112 0 00112 112zm0 32c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PersonSharp.js"],"names":["PersonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2HAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PersonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PersonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 256a112 112 0 10-112-112 112 112 0 00112 112zm0 32c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPersonSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPersonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PersonSharp"]}
\ No newline at end of file
diff --git a/lib/PhoneLandscape.js b/lib/PhoneLandscape.js
index 44fbcebb5..672cbec4c 100644
--- a/lib/PhoneLandscape.js
+++ b/lib/PhoneLandscape.js
@@ -49,7 +49,7 @@ var PhoneLandscape = function PhoneLandscape(props) {
 PhoneLandscape.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhoneLandscape.js.map b/lib/PhoneLandscape.js.map
index 36e441ba3..40b1ee2d0 100644
--- a/lib/PhoneLandscape.js.map
+++ b/lib/PhoneLandscape.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhoneLandscape.js"],"names":["PhoneLandscape","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iRAAR,GAAjK;AAA4b,8CAAM,GAAE,mLAAR,GAA5b;AAAynB,8CAAM,GAAE,iRAAR;AAAznB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PhoneLandscape.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscape = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z\"/><path d=\"M48 176a11.88 11.88 0 004.69 9.53A48 48 0 0172 224v64a48 48 0 01-19.31 38.47A11.88 11.88 0 0048 336a16 16 0 0016 16h384a16 16 0 0016-16V176a16 16 0 00-16-16H64a16 16 0 00-16 16z\"/><path d=\"M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscape.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscape.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscape"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhoneLandscape.js"],"names":["PhoneLandscape","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iRAAR,GAAhK;AAA4b,8CAAM,GAAE,mLAAR,GAA5b;AAA0nB,8CAAM,GAAE,iRAAR;AAA1nB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PhoneLandscape.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscape = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z\" /><path d=\"M48 176a11.88 11.88 0 004.69 9.53A48 48 0 0172 224v64a48 48 0 01-19.31 38.47A11.88 11.88 0 0048 336a16 16 0 0016 16h384a16 16 0 0016-16V176a16 16 0 00-16-16H64a16 16 0 00-16 16z\" /><path d=\"M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscape.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscape.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscape"]}
\ No newline at end of file
diff --git a/lib/PhoneLandscapeOutline.js b/lib/PhoneLandscapeOutline.js
index d4f5fd13a..fea418beb 100644
--- a/lib/PhoneLandscapeOutline.js
+++ b/lib/PhoneLandscapeOutline.js
@@ -48,7 +48,7 @@ var PhoneLandscapeOutline = function PhoneLandscapeOutline(props) {
 PhoneLandscapeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhoneLandscapeOutline.js.map b/lib/PhoneLandscapeOutline.js.map
index f3d2b62e2..bcf923805 100644
--- a/lib/PhoneLandscapeOutline.js.map
+++ b/lib/PhoneLandscapeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhoneLandscapeOutline.js"],"names":["PhoneLandscapeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,WAAU,qBAAxE,EAA8F,MAAK,MAAnG,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL,GAAjK;AAAgW,8CAAM,GAAE,mFAAR,EAA4F,MAAK,MAAjG,EAAwG,QAAO,cAA/G,EAA8H,eAAc,OAA5I,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PhoneLandscapeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscapeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"16\" width=\"256\" height=\"480\" rx=\"48\" ry=\"48\" transform=\"rotate(-90 256 256)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M16 336v-24a8 8 0 018-8h0a16 16 0 0016-16v-64a16 16 0 00-16-16h0a8 8 0 01-8-8v-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscapeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscapeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscapeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhoneLandscapeOutline.js"],"names":["PhoneLandscapeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,WAAU,qBAAxE,EAA8F,MAAK,MAAnG,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL,GAAhK;AAAgW,8CAAM,GAAE,mFAAR,EAA4F,MAAK,MAAjG,EAAwG,QAAO,cAA/G,EAA8H,eAAc,OAA5I,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PhoneLandscapeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscapeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"16\" width=\"256\" height=\"480\" rx=\"48\" ry=\"48\" transform=\"rotate(-90 256 256)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M16 336v-24a8 8 0 018-8h0a16 16 0 0016-16v-64a16 16 0 00-16-16h0a8 8 0 01-8-8v-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscapeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscapeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscapeOutline"]}
\ No newline at end of file
diff --git a/lib/PhoneLandscapeSharp.js b/lib/PhoneLandscapeSharp.js
index 3ede7f624..47136c0de 100644
--- a/lib/PhoneLandscapeSharp.js
+++ b/lib/PhoneLandscapeSharp.js
@@ -47,7 +47,7 @@ var PhoneLandscapeSharp = function PhoneLandscapeSharp(props) {
 PhoneLandscapeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhoneLandscapeSharp.js.map b/lib/PhoneLandscapeSharp.js.map
index a8fceb1a0..5cc73df52 100644
--- a/lib/PhoneLandscapeSharp.js.map
+++ b/lib/PhoneLandscapeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhoneLandscapeSharp.js"],"names":["PhoneLandscapeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PhoneLandscapeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscapeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 130v252a18 18 0 0018 18h476a18 18 0 0018-18V130a18 18 0 00-18-18H18a18 18 0 00-18 18zm448 234H64V148h384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscapeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscapeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscapeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhoneLandscapeSharp.js"],"names":["PhoneLandscapeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PhoneLandscapeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhoneLandscapeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 130v252a18 18 0 0018 18h476a18 18 0 0018-18V130a18 18 0 00-18-18H18a18 18 0 00-18 18zm448 234H64V148h384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhoneLandscapeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhoneLandscapeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhoneLandscapeSharp"]}
\ No newline at end of file
diff --git a/lib/PhonePortrait.js b/lib/PhonePortrait.js
index 5a62b4d57..4bdcb13bf 100644
--- a/lib/PhonePortrait.js
+++ b/lib/PhonePortrait.js
@@ -49,7 +49,7 @@ var PhonePortrait = function PhonePortrait(props) {
 PhonePortrait.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhonePortrait.js.map b/lib/PhonePortrait.js.map
index 68d4ad761..48c673a1d 100644
--- a/lib/PhonePortrait.js.map
+++ b/lib/PhonePortrait.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhonePortrait.js"],"names":["PhonePortrait","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6QAAR,GAAjK;AAAwb,8CAAM,GAAE,qLAAR,GAAxb;AAAunB,8CAAM,GAAE,6QAAR;AAAvnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PhonePortrait.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortrait = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z\"/><path d=\"M336 48a11.88 11.88 0 00-9.53 4.69A48 48 0 01288 72h-64a48 48 0 01-38.47-19.31A11.88 11.88 0 00176 48a16 16 0 00-16 16v384a16 16 0 0016 16h160a16 16 0 0016-16V64a16 16 0 00-16-16z\"/><path d=\"M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortrait.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortrait.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortrait"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhonePortrait.js"],"names":["PhonePortrait","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6QAAR,GAAhK;AAAwb,8CAAM,GAAE,qLAAR,GAAxb;AAAwnB,8CAAM,GAAE,6QAAR;AAAxnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PhonePortrait.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortrait = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z\" /><path d=\"M336 48a11.88 11.88 0 00-9.53 4.69A48 48 0 01288 72h-64a48 48 0 01-38.47-19.31A11.88 11.88 0 00176 48a16 16 0 00-16 16v384a16 16 0 0016 16h160a16 16 0 0016-16V64a16 16 0 00-16-16z\" /><path d=\"M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortrait.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortrait.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortrait"]}
\ No newline at end of file
diff --git a/lib/PhonePortraitOutline.js b/lib/PhonePortraitOutline.js
index f25536427..0ddb7a5c5 100644
--- a/lib/PhonePortraitOutline.js
+++ b/lib/PhonePortraitOutline.js
@@ -48,7 +48,7 @@ var PhonePortraitOutline = function PhonePortraitOutline(props) {
 PhonePortraitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhonePortraitOutline.js.map b/lib/PhonePortraitOutline.js.map
index 5d79cc974..f98567594 100644
--- a/lib/PhonePortraitOutline.js.map
+++ b/lib/PhonePortraitOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhonePortraitOutline.js"],"names":["PhonePortraitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"PhonePortraitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortraitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"16\" width=\"256\" height=\"480\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M176 16h24a8 8 0 018 8h0a16 16 0 0016 16h64a16 16 0 0016-16h0a8 8 0 018-8h24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortraitOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortraitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortraitOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhonePortraitOutline.js"],"names":["PhonePortraitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"PhonePortraitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortraitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"128\" y=\"16\" width=\"256\" height=\"480\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M176 16h24a8 8 0 018 8h0a16 16 0 0016 16h64a16 16 0 0016-16h0a8 8 0 018-8h24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortraitOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortraitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortraitOutline"]}
\ No newline at end of file
diff --git a/lib/PhonePortraitSharp.js b/lib/PhonePortraitSharp.js
index 416071687..5856d89f6 100644
--- a/lib/PhonePortraitSharp.js
+++ b/lib/PhonePortraitSharp.js
@@ -47,7 +47,7 @@ var PhonePortraitSharp = function PhonePortraitSharp(props) {
 PhonePortraitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PhonePortraitSharp.js.map b/lib/PhonePortraitSharp.js.map
index 043addcc8..0b0774b6c 100644
--- a/lib/PhonePortraitSharp.js.map
+++ b/lib/PhonePortraitSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PhonePortraitSharp.js"],"names":["PhonePortraitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PhonePortraitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortraitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M382 0H130a18 18 0 00-18 18v476a18 18 0 0018 18h252a18 18 0 0018-18V18a18 18 0 00-18-18zM148 448V64h216v384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortraitSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortraitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortraitSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PhonePortraitSharp.js"],"names":["PhonePortraitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PhonePortraitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PhonePortraitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M382 0H130a18 18 0 00-18 18v476a18 18 0 0018 18h252a18 18 0 0018-18V18a18 18 0 00-18-18zM148 448V64h216v384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPhonePortraitSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPhonePortraitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PhonePortraitSharp"]}
\ No newline at end of file
diff --git a/lib/PieChart.js b/lib/PieChart.js
index 8b9ede2b4..176e5a6f4 100644
--- a/lib/PieChart.js
+++ b/lib/PieChart.js
@@ -48,7 +48,7 @@ var PieChart = function PieChart(props) {
 PieChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PieChart.js.map b/lib/PieChart.js.map
index afd0745ab..447b2c5cf 100644
--- a/lib/PieChart.js.map
+++ b/lib/PieChart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PieChart.js"],"names":["PieChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qIAAR,GAAjK;AAAgT,8CAAM,GAAE,oNAAR;AAAhT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PieChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M66.1 357a16 16 0 01-14.61-9.46A224 224 0 01256 32a16 16 0 0116 16v208a16 16 0 01-9.47 14.61l-189.9 84.95A15.93 15.93 0 0166.1 357z\"/><path d=\"M313.59 68.18A8 8 0 00304 76v180a48.07 48.07 0 01-28.4 43.82L103.13 377a8 8 0 00-3.35 11.81 208.42 208.42 0 0048.46 50.41A206.32 206.32 0 00272 480c114.69 0 208-93.31 208-208 0-100.45-71.58-184.5-166.41-203.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PieChart.js"],"names":["PieChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qIAAR,GAAhK;AAAgT,8CAAM,GAAE,oNAAR;AAAhT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PieChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M66.1 357a16 16 0 01-14.61-9.46A224 224 0 01256 32a16 16 0 0116 16v208a16 16 0 01-9.47 14.61l-189.9 84.95A15.93 15.93 0 0166.1 357z\" /><path d=\"M313.59 68.18A8 8 0 00304 76v180a48.07 48.07 0 01-28.4 43.82L103.13 377a8 8 0 00-3.35 11.81 208.42 208.42 0 0048.46 50.41A206.32 206.32 0 00272 480c114.69 0 208-93.31 208-208 0-100.45-71.58-184.5-166.41-203.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChart"]}
\ No newline at end of file
diff --git a/lib/PieChartOutline.js b/lib/PieChartOutline.js
index 7d44fdc7d..becc559e7 100644
--- a/lib/PieChartOutline.js
+++ b/lib/PieChartOutline.js
@@ -48,7 +48,7 @@ var PieChartOutline = function PieChartOutline(props) {
 PieChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PieChartOutline.js.map b/lib/PieChartOutline.js.map
index f20bfff6a..271aa13b4 100644
--- a/lib/PieChartOutline.js.map
+++ b/lib/PieChartOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PieChartOutline.js"],"names":["PieChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oGAAR,EAA6G,MAAK,MAAlH,EAAyH,QAAO,cAAhI,EAA+I,eAAc,OAA7J,EAAqK,kBAAiB,IAAtL,EAA2L,aAAY,IAAvM,GAAjK;AAA8W,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,gBAAe,OAAxJ,EAAgK,aAAY,IAA5K;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PieChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.05 80.65Q263.94 80 272 80c106 0 192 86 192 192s-86 192-192 192A192.09 192.09 0 0189.12 330.65\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 48C141.12 48 48 141.12 48 256a207.29 207.29 0 0018.09 85L256 256z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChartOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PieChartOutline.js"],"names":["PieChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oGAAR,EAA6G,MAAK,MAAlH,EAAyH,QAAO,cAAhI,EAA+I,eAAc,OAA7J,EAAqK,kBAAiB,IAAtL,EAA2L,aAAY,IAAvM,GAAhK;AAA8W,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,gBAAe,OAAxJ,EAAgK,aAAY,IAA5K;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PieChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256.05 80.65Q263.94 80 272 80c106 0 192 86 192 192s-86 192-192 192A192.09 192.09 0 0189.12 330.65\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 48C141.12 48 48 141.12 48 256a207.29 207.29 0 0018.09 85L256 256z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChartOutline"]}
\ No newline at end of file
diff --git a/lib/PieChartSharp.js b/lib/PieChartSharp.js
index 1f42ad81b..a1342857a 100644
--- a/lib/PieChartSharp.js
+++ b/lib/PieChartSharp.js
@@ -48,7 +48,7 @@ var PieChartSharp = function PieChartSharp(props) {
 PieChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PieChartSharp.js.map b/lib/PieChartSharp.js.map
index 7dd7ba7af..ed9d92436 100644
--- a/lib/PieChartSharp.js.map
+++ b/lib/PieChartSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PieChartSharp.js"],"names":["PieChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sDAAR,GAAjK;AAAiO,8CAAM,GAAE,sHAAR;AAAjO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PieChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M58 362.09l-6.51-14.59A224 224 0 01256 32h16v234.37z\"/><path d=\"M304 66.46v220.65L94.62 380.78A208.31 208.31 0 00272 480c114.69 0 208-93.31 208-208 0-103.81-76.45-190.1-176-205.54z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChartSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PieChartSharp.js"],"names":["PieChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sDAAR,GAAhK;AAAiO,8CAAM,GAAE,sHAAR;AAAjO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PieChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PieChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M58 362.09l-6.51-14.59A224 224 0 01256 32h16v234.37z\" /><path d=\"M304 66.46v220.65L94.62 380.78A208.31 208.31 0 00272 480c114.69 0 208-93.31 208-208 0-103.81-76.45-190.1-176-205.54z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPieChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPieChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PieChartSharp"]}
\ No newline at end of file
diff --git a/lib/Pin.js b/lib/Pin.js
index 467dd8554..6de078e20 100644
--- a/lib/Pin.js
+++ b/lib/Pin.js
@@ -47,7 +47,7 @@ var Pin = function Pin(props) {
 Pin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pin.js.map b/lib/Pin.js.map
index 1c1f6085b..1632f827d 100644
--- a/lib/Pin.js.map
+++ b/lib/Pin.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pin.js"],"names":["Pin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Pin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 96a80 80 0 10-96 78.39v283.17a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38V174.39A80.13 80.13 0 00336 96zm-56 0a24 24 0 1124-24 24 24 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPin.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pin"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pin.js"],"names":["Pin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Pin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 96a80 80 0 10-96 78.39v283.17a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38V174.39A80.13 80.13 0 00336 96zm-56 0a24 24 0 1124-24 24 24 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPin.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pin"]}
\ No newline at end of file
diff --git a/lib/PinOutline.js b/lib/PinOutline.js
index 5c456ca17..fb3c5d5f6 100644
--- a/lib/PinOutline.js
+++ b/lib/PinOutline.js
@@ -49,7 +49,7 @@ var PinOutline = function PinOutline(props) {
 PinOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PinOutline.js.map b/lib/PinOutline.js.map
index 9b06b6684..63eb3d051 100644
--- a/lib/PinOutline.js.map
+++ b/lib/PinOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PinOutline.js"],"names":["PinOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAjK;AAAkS,8CAAM,GAAE,6IAAR,GAAlS;AAAyb,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAAzb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PinOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PinOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"96\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M272 164a9 9 0 00-9-9h-14a9 9 0 00-9 9v293.56a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38z\"/><circle cx=\"280\" cy=\"72\" r=\"24\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPinOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPinOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PinOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PinOutline.js"],"names":["PinOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,gBAAe,OAAvG,EAA+G,aAAY,IAA3H,GAAhK;AAAkS,8CAAM,GAAE,6IAAR,GAAlS;AAA0b,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B;AAA1b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PinOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PinOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"96\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M272 164a9 9 0 00-9-9h-14a9 9 0 00-9 9v293.56a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38z\" /><circle cx=\"280\" cy=\"72\" r=\"24\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPinOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPinOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PinOutline"]}
\ No newline at end of file
diff --git a/lib/PinSharp.js b/lib/PinSharp.js
index dd06e0b07..6c792090f 100644
--- a/lib/PinSharp.js
+++ b/lib/PinSharp.js
@@ -47,7 +47,7 @@ var PinSharp = function PinSharp(props) {
 PinSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PinSharp.js.map b/lib/PinSharp.js.map
index a27b2d8cf..baa394bec 100644
--- a/lib/PinSharp.js.map
+++ b/lib/PinSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PinSharp.js"],"names":["PinSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PinSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PinSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M339 99a83 83 0 10-102 80.8V464l19 32 19-32V179.8A83.28 83.28 0 00339 99zm-59-6a21 21 0 1121-21 21 21 0 01-21 21z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPinSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPinSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PinSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PinSharp.js"],"names":["PinSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PinSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PinSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M339 99a83 83 0 10-102 80.8V464l19 32 19-32V179.8A83.28 83.28 0 00339 99zm-59-6a21 21 0 1121-21 21 21 0 01-21 21z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPinSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPinSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PinSharp"]}
\ No newline at end of file
diff --git a/lib/Pint.js b/lib/Pint.js
index 1ed5ade19..f67569de3 100644
--- a/lib/Pint.js
+++ b/lib/Pint.js
@@ -47,7 +47,7 @@ var Pint = function Pint(props) {
 Pint.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pint.js.map b/lib/Pint.js.map
index 3bca91a0b..347d40ca1 100644
--- a/lib/Pint.js.map
+++ b/lib/Pint.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pint.js"],"names":["Pint","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8dAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Pint.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pint = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399 99.29c-.15-2.13-.3-4.35-.44-6.68L395.69 46a32 32 0 00-31.91-30H148.21a32 32 0 00-31.91 30l-2.91 46.63c-.14 2.31-.29 4.51-.43 6.62-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V472a24 24 0 0024 24h143.74a24 24 0 0024-24v-71.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 5.99-32.51 5.05-46.42 3.72-65.66zm-35-47.54l1.5 24a4 4 0 01-4 4.25h-211a4 4 0 01-4-4.25l1.48-24A4 4 0 01152 48h208a4 4 0 014 3.75z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPint.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pint"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pint.js"],"names":["Pint","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8dAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Pint.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pint = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399 99.29c-.15-2.13-.3-4.35-.44-6.68L395.69 46a32 32 0 00-31.91-30H148.21a32 32 0 00-31.91 30l-2.91 46.63c-.14 2.31-.29 4.51-.43 6.62-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V472a24 24 0 0024 24h143.74a24 24 0 0024-24v-71.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 5.99-32.51 5.05-46.42 3.72-65.66zm-35-47.54l1.5 24a4 4 0 01-4 4.25h-211a4 4 0 01-4-4.25l1.48-24A4 4 0 01152 48h208a4 4 0 014 3.75z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPint.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pint"]}
\ No newline at end of file
diff --git a/lib/PintOutline.js b/lib/PintOutline.js
index ff5f769de..329d3d1bd 100644
--- a/lib/PintOutline.js
+++ b/lib/PintOutline.js
@@ -47,7 +47,7 @@ var PintOutline = function PintOutline(props) {
 PintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PintOutline.js.map b/lib/PintOutline.js.map
index 90fe7af28..e65e46f65 100644
--- a/lib/PintOutline.js.map
+++ b/lib/PintOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PintOutline.js"],"names":["PintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qRAAR,EAA8R,MAAK,MAAnS,EAA0S,QAAO,cAAjT,EAAgU,eAAc,OAA9U,EAAsV,gBAAe,OAArW,EAA6W,aAAY,IAAzX;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M132.43 162c-6.24-34-4.49-45.55-3.07-68.39L132.27 47a16 16 0 0115.94-15h215.57a16 16 0 0115.94 15l2.91 46.61c1.43 22.86 3.19 34.39-3.06 68.45-5.93 32.29-43.71 133.27-43.71 238.32V472a8 8 0 01-8 8H184.12a8 8 0 01-8-8v-71.63c.01-92.47-37.46-204.3-43.69-238.37zM135.21 96h241.58\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPintOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PintOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PintOutline.js"],"names":["PintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qRAAR,EAA8R,MAAK,MAAnS,EAA0S,QAAO,cAAjT,EAAgU,eAAc,OAA9U,EAAsV,gBAAe,OAArW,EAA6W,aAAY,IAAzX;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M132.43 162c-6.24-34-4.49-45.55-3.07-68.39L132.27 47a16 16 0 0115.94-15h215.57a16 16 0 0115.94 15l2.91 46.61c1.43 22.86 3.19 34.39-3.06 68.45-5.93 32.29-43.71 133.27-43.71 238.32V472a8 8 0 01-8 8H184.12a8 8 0 01-8-8v-71.63c.01-92.47-37.46-204.3-43.69-238.37zM135.21 96h241.58\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPintOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PintOutline"]}
\ No newline at end of file
diff --git a/lib/PintSharp.js b/lib/PintSharp.js
index 042f1c9f0..d3f5de7d3 100644
--- a/lib/PintSharp.js
+++ b/lib/PintSharp.js
@@ -47,7 +47,7 @@ var PintSharp = function PintSharp(props) {
 PintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PintSharp.js.map b/lib/PintSharp.js.map
index 44f847abc..bb23b689a 100644
--- a/lib/PintSharp.js.map
+++ b/lib/PintSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PintSharp.js"],"names":["PintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399 99.29L394 16H118.45L113 99.26c-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V496h191.68v-95.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 6.01-32.51 5.07-46.42 3.74-65.66zM146.23 80l2-32h215.52l2 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPintSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PintSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PintSharp.js"],"names":["PintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399 99.29L394 16H118.45L113 99.26c-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V496h191.68v-95.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 6.01-32.51 5.07-46.42 3.74-65.66zM146.23 80l2-32h215.52l2 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPintSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PintSharp"]}
\ No newline at end of file
diff --git a/lib/Pizza.js b/lib/Pizza.js
index 51200881b..38ff1ec74 100644
--- a/lib/Pizza.js
+++ b/lib/Pizza.js
@@ -48,7 +48,7 @@ var Pizza = function Pizza(props) {
 Pizza.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pizza.js.map b/lib/Pizza.js.map
index a25371ac6..53a63de21 100644
--- a/lib/Pizza.js.map
+++ b/lib/Pizza.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pizza.js"],"names":["Pizza","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8UAAR,GAAjK;AAAyf,8CAAM,GAAE,ieAAR;AAAzf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pizza.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pizza = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441.82 67.83C383.44 44.73 317.3 32 255.56 32 192 32 125.76 44.53 69 67.26 48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0021.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25 4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0021.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27z\"/><path d=\"M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 00-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 00-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 00256 480a31.73 31.73 0 0028.76-18.06l.06-.13 137.3-297.57a15.94 15.94 0 00-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87zm-215.1 83.07a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64 128a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64-112a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizza.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizza.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pizza"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pizza.js"],"names":["Pizza","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8UAAR,GAAhK;AAAyf,8CAAM,GAAE,ieAAR;AAAzf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pizza.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pizza = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M441.82 67.83C383.44 44.73 317.3 32 255.56 32 192 32 125.76 44.53 69 67.26 48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0021.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25 4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0021.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27z\" /><path d=\"M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 00-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 00-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 00256 480a31.73 31.73 0 0028.76-18.06l.06-.13 137.3-297.57a15.94 15.94 0 00-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87zm-215.1 83.07a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64 128a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64-112a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizza.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizza.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pizza"]}
\ No newline at end of file
diff --git a/lib/PizzaOutline.js b/lib/PizzaOutline.js
index 2048aa82d..7d269a1dd 100644
--- a/lib/PizzaOutline.js
+++ b/lib/PizzaOutline.js
@@ -51,7 +51,7 @@ var PizzaOutline = function PizzaOutline(props) {
 PizzaOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PizzaOutline.js.map b/lib/PizzaOutline.js.map
index 429b33537..57019a882 100644
--- a/lib/PizzaOutline.js.map
+++ b/lib/PizzaOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PizzaOutline.js"],"names":["PizzaOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,kBAAiB,IAA/P,EAAoQ,aAAY,IAAhR,GAAjK;AAAub,8CAAM,GAAE,kTAAR,EAA2T,MAAK,MAAhU,EAAuU,QAAO,cAA9U,EAA6V,kBAAiB,IAA9W,EAAmX,aAAY,IAA/X,GAAvb;AAA4zB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA5zB;AAA81B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA91B;AAAg4B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAh4B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PizzaOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PizzaOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0028.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2 1.79 0 4.29-1 7.28-2.18A442.46 442.46 0 01256 96c56.76 0 114.91 12 159.6 30 3.59 1.4 5.59 2.18 7.28 2.18 6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"192\" cy=\"192\" r=\"32\"/><circle cx=\"320\" cy=\"208\" r=\"32\"/><circle cx=\"256\" cy=\"320\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizzaOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizzaOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PizzaOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PizzaOutline.js"],"names":["PizzaOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mMAAR,EAA4M,MAAK,MAAjN,EAAwN,QAAO,cAA/N,EAA8O,kBAAiB,IAA/P,EAAoQ,aAAY,IAAhR,GAAhK;AAAub,8CAAM,GAAE,kTAAR,EAA2T,MAAK,MAAhU,EAAuU,QAAO,cAA9U,EAA6V,kBAAiB,IAA9W,EAAmX,aAAY,IAA/X,GAAvb;AAA6zB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAA7zB;AAAg2B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAh2B;AAAm4B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAn4B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PizzaOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PizzaOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0028.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2 1.79 0 4.29-1 7.28-2.18A442.46 442.46 0 01256 96c56.76 0 114.91 12 159.6 30 3.59 1.4 5.59 2.18 7.28 2.18 6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"192\" cy=\"192\" r=\"32\" /><circle cx=\"320\" cy=\"208\" r=\"32\" /><circle cx=\"256\" cy=\"320\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizzaOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizzaOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PizzaOutline"]}
\ No newline at end of file
diff --git a/lib/PizzaSharp.js b/lib/PizzaSharp.js
index 0e8f21fbd..265a7c243 100644
--- a/lib/PizzaSharp.js
+++ b/lib/PizzaSharp.js
@@ -51,7 +51,7 @@ var PizzaSharp = function PizzaSharp(props) {
 PizzaSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PizzaSharp.js.map b/lib/PizzaSharp.js.map
index 1f15c8344..4b6e5d41a 100644
--- a/lib/PizzaSharp.js.map
+++ b/lib/PizzaSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PizzaSharp.js"],"names":["PizzaSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yNAAR,GAAjK;AAAoY,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,gCAAjE,EAAkG,MAAK,MAAvG,GAApY;AAAmf,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,+BAAjE,EAAiG,MAAK,MAAtG,GAAnf;AAAimB,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,4BAAjE,EAA8F,MAAK,MAAnG,GAAjmB;AAA4sB,8CAAM,GAAE,uTAAR;AAA5sB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PizzaSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PizzaSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44 37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18z\"/><ellipse cx=\"320.48\" cy=\"207.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 320.503 207.996)\" fill=\"none\"/><ellipse cx=\"192.48\" cy=\"191.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 192.49 191.992)\" fill=\"none\"/><ellipse cx=\"256.48\" cy=\"319.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 256.505 320)\" fill=\"none\"/><path d=\"M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 00-153.7 28.9c-.25.1-9.24 4.23-19 8.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64 128a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64-112a32 32 0 11-34-34 32.12 32.12 0 0134 34z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizzaSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizzaSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PizzaSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PizzaSharp.js"],"names":["PizzaSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yNAAR,GAAhK;AAAoY,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,gCAAjE,EAAkG,MAAK,MAAvG,GAApY;AAAof,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,+BAAjE,EAAiG,MAAK,MAAtG,GAApf;AAAmmB,iDAAS,IAAG,QAAZ,EAAqB,IAAG,QAAxB,EAAiC,IAAG,OAApC,EAA4C,IAAG,OAA/C,EAAuD,WAAU,4BAAjE,EAA8F,MAAK,MAAnG,GAAnmB;AAA+sB,8CAAM,GAAE,uTAAR;AAA/sB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PizzaSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PizzaSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44 37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18z\" /><ellipse cx=\"320.48\" cy=\"207.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 320.503 207.996)\" fill=\"none\" /><ellipse cx=\"192.48\" cy=\"191.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 192.49 191.992)\" fill=\"none\" /><ellipse cx=\"256.48\" cy=\"319.99\" rx=\"31.97\" ry=\"32.03\" transform=\"rotate(-44.98 256.505 320)\" fill=\"none\" /><path d=\"M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 00-153.7 28.9c-.25.1-9.24 4.23-19 8.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64 128a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64-112a32 32 0 11-34-34 32.12 32.12 0 0134 34z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPizzaSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPizzaSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PizzaSharp"]}
\ No newline at end of file
diff --git a/lib/Planet.js b/lib/Planet.js
index 31cb85956..1cee097f1 100644
--- a/lib/Planet.js
+++ b/lib/Planet.js
@@ -47,7 +47,7 @@ var Planet = function Planet(props) {
 Planet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Planet.js.map b/lib/Planet.js.map
index af967de30..c37391e03 100644
--- a/lib/Planet.js.map
+++ b/lib/Planet.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Planet.js"],"names":["Planet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wwCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Planet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Planet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanet.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Planet"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Planet.js"],"names":["Planet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wwCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Planet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Planet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanet.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Planet"]}
\ No newline at end of file
diff --git a/lib/PlanetOutline.js b/lib/PlanetOutline.js
index 7350bd2e7..cd2853430 100644
--- a/lib/PlanetOutline.js
+++ b/lib/PlanetOutline.js
@@ -48,7 +48,7 @@ var PlanetOutline = function PlanetOutline(props) {
 PlanetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlanetOutline.js.map b/lib/PlanetOutline.js.map
index 099caaaeb..d7b942661 100644
--- a/lib/PlanetOutline.js.map
+++ b/lib/PlanetOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlanetOutline.js"],"names":["PlanetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gJAAR,EAAyJ,MAAK,MAA9J,EAAqK,QAAO,cAA5K,EAA2L,kBAAiB,IAA5M,EAAiN,aAAY,IAA7N,GAAjK;AAAoY,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PlanetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlanetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M413.48 284.46c58.87 47.24 91.61 89 80.31 108.55-17.85 30.85-138.78-5.48-270.1-81.15S.37 149.84 18.21 119c11.16-19.28 62.58-12.32 131.64 14.09\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"160\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanetOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlanetOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlanetOutline.js"],"names":["PlanetOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gJAAR,EAAyJ,MAAK,MAA9J,EAAqK,QAAO,cAA5K,EAA2L,kBAAiB,IAA5M,EAAiN,aAAY,IAA7N,GAAhK;AAAoY,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAApY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PlanetOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlanetOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M413.48 284.46c58.87 47.24 91.61 89 80.31 108.55-17.85 30.85-138.78-5.48-270.1-81.15S.37 149.84 18.21 119c11.16-19.28 62.58-12.32 131.64 14.09\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"160\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanetOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanetOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlanetOutline"]}
\ No newline at end of file
diff --git a/lib/PlanetSharp.js b/lib/PlanetSharp.js
index 64e1e5d36..6d21d3f90 100644
--- a/lib/PlanetSharp.js
+++ b/lib/PlanetSharp.js
@@ -47,7 +47,7 @@ var PlanetSharp = function PlanetSharp(props) {
 PlanetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlanetSharp.js.map b/lib/PlanetSharp.js.map
index 0500250fc..80270400a 100644
--- a/lib/PlanetSharp.js.map
+++ b/lib/PlanetSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlanetSharp.js"],"names":["PlanetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wpCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlanetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlanetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M81 274.71C90.36 363 165.26 432 256 432a174.91 174.91 0 0071.49-15.19c-40.3-16.53-84.05-38.17-127.77-63.36C157 328.86 115.84 301.5 81 274.71zM492.72 339.51c-8.5-11.31-20-23.8-34-37a205.25 205.25 0 01-11 34c28.72 29.5 33.2 45.34 32.17 48.45-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2.16-2.43 18.1-6.54 58.13 3.55a209.88 209.88 0 0124-26.56c-18.86-5.61-35.79-9.35-50.05-11C33.41 89.47 13.3 95.52 4.35 111c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanetSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlanetSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlanetSharp.js"],"names":["PlanetSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wpCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlanetSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlanetSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M81 274.71C90.36 363 165.26 432 256 432a174.91 174.91 0 0071.49-15.19c-40.3-16.53-84.05-38.17-127.77-63.36C157 328.86 115.84 301.5 81 274.71zM492.72 339.51c-8.5-11.31-20-23.8-34-37a205.25 205.25 0 01-11 34c28.72 29.5 33.2 45.34 32.17 48.45-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2.16-2.43 18.1-6.54 58.13 3.55a209.88 209.88 0 0124-26.56c-18.86-5.61-35.79-9.35-50.05-11C33.41 89.47 13.3 95.52 4.35 111c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlanetSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlanetSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlanetSharp"]}
\ No newline at end of file
diff --git a/lib/Play.js b/lib/Play.js
index d62e8e16d..6f2934f21 100644
--- a/lib/Play.js
+++ b/lib/Play.js
@@ -47,7 +47,7 @@ var Play = function Play(props) {
 Play.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Play.js.map b/lib/Play.js.map
index 6a0c93d79..1e9a9d54e 100644
--- a/lib/Play.js.map
+++ b/lib/Play.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Play.js"],"names":["Play","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Play.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Play = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61l-247.89 148.4A35.5 35.5 0 01133 440z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlay.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlay.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Play"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Play.js"],"names":["Play","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Play.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Play = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61l-247.89 148.4A35.5 35.5 0 01133 440z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlay.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlay.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Play"]}
\ No newline at end of file
diff --git a/lib/PlayBack.js b/lib/PlayBack.js
index d50abd939..a2f369ebf 100644
--- a/lib/PlayBack.js
+++ b/lib/PlayBack.js
@@ -47,7 +47,7 @@ var PlayBack = function PlayBack(props) {
 PlayBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBack.js.map b/lib/PlayBack.js.map
index 53274e770..fc0b34e6a 100644
--- a/lib/PlayBack.js.map
+++ b/lib/PlayBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBack.js"],"names":["PlayBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8TAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PlayBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M30.71 229.47l188.87-113a30.54 30.54 0 0131.09-.39 33.74 33.74 0 0116.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0131.09-.39A33.74 33.74 0 01496 145.52v221A33.73 33.73 0 01479.24 396a30.54 30.54 0 01-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 01250.67 396a30.54 30.54 0 01-31.09-.39l-188.87-113a31.27 31.27 0 010-53z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBack.js"],"names":["PlayBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8TAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"PlayBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M30.71 229.47l188.87-113a30.54 30.54 0 0131.09-.39 33.74 33.74 0 0116.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0131.09-.39A33.74 33.74 0 01496 145.52v221A33.73 33.73 0 01479.24 396a30.54 30.54 0 01-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 01250.67 396a30.54 30.54 0 01-31.09-.39l-188.87-113a31.27 31.27 0 010-53z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBack"]}
\ No newline at end of file
diff --git a/lib/PlayBackCircle.js b/lib/PlayBackCircle.js
index 5098d52a8..b3bca2193 100644
--- a/lib/PlayBackCircle.js
+++ b/lib/PlayBackCircle.js
@@ -47,7 +47,7 @@ var PlayBackCircle = function PlayBackCircle(props) {
 PlayBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBackCircle.js.map b/lib/PlayBackCircle.js.map
index e4394b5f9..670a19fd6 100644
--- a/lib/PlayBackCircle.js.map
+++ b/lib/PlayBackCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBackCircle.js"],"names":["PlayBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PlayBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm69.23-9.3l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBackCircle.js"],"names":["PlayBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PlayBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm69.23-9.3l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircle"]}
\ No newline at end of file
diff --git a/lib/PlayBackCircleOutline.js b/lib/PlayBackCircleOutline.js
index 89a203d7b..70c2870a3 100644
--- a/lib/PlayBackCircleOutline.js
+++ b/lib/PlayBackCircleOutline.js
@@ -48,7 +48,7 @@ var PlayBackCircleOutline = function PlayBackCircleOutline(props) {
 PlayBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBackCircleOutline.js.map b/lib/PlayBackCircleOutline.js.map
index 74395c045..e4b02db91 100644
--- a/lib/PlayBackCircleOutline.js.map
+++ b/lib/PlayBackCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBackCircleOutline.js"],"names":["PlayBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,GAAE,0NAAR;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PlayBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M117.23 246.7l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBackCircleOutline.js"],"names":["PlayBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,GAAE,0NAAR;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PlayBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M117.23 246.7l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PlayBackCircleSharp.js b/lib/PlayBackCircleSharp.js
index 05a1f245a..115a4358d 100644
--- a/lib/PlayBackCircleSharp.js
+++ b/lib/PlayBackCircleSharp.js
@@ -47,7 +47,7 @@ var PlayBackCircleSharp = function PlayBackCircleSharp(props) {
 PlayBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBackCircleSharp.js.map b/lib/PlayBackCircleSharp.js.map
index 41d4184df..71c1a2b22 100644
--- a/lib/PlayBackCircleSharp.js.map
+++ b/lib/PlayBackCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBackCircleSharp.js"],"names":["PlayBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PlayBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm63.47 0L248 168v72.16l120-72.48v176.45l-120-72.32v71.44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBackCircleSharp.js"],"names":["PlayBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PlayBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm63.47 0L248 168v72.16l120-72.48v176.45l-120-72.32v71.44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PlayBackOutline.js b/lib/PlayBackOutline.js
index 3e4082a29..b7a6d937c 100644
--- a/lib/PlayBackOutline.js
+++ b/lib/PlayBackOutline.js
@@ -47,7 +47,7 @@ var PlayBackOutline = function PlayBackOutline(props) {
 PlayBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBackOutline.js.map b/lib/PlayBackOutline.js.map
index f6bbae561..59d7a2e5f 100644
--- a/lib/PlayBackOutline.js.map
+++ b/lib/PlayBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBackOutline.js"],"names":["PlayBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wQAAR,EAAiR,MAAK,MAAtR,EAA6R,QAAO,cAApS,EAAmT,kBAAiB,IAApU,EAAyU,aAAY,IAArV;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlayBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 145.52v221c0 13.28-13 21.72-23.63 15.35L267.5 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113C467 123.8 480 132.24 480 145.52zM251.43 145.52v221c0 13.28-13 21.72-23.63 15.35L38.93 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113c10.64-6.4 23.63 2.04 23.63 15.32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBackOutline.js"],"names":["PlayBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wQAAR,EAAiR,MAAK,MAAtR,EAA6R,QAAO,cAApS,EAAmT,kBAAiB,IAApU,EAAyU,aAAY,IAArV;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlayBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 145.52v221c0 13.28-13 21.72-23.63 15.35L267.5 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113C467 123.8 480 132.24 480 145.52zM251.43 145.52v221c0 13.28-13 21.72-23.63 15.35L38.93 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113c10.64-6.4 23.63 2.04 23.63 15.32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackOutline"]}
\ No newline at end of file
diff --git a/lib/PlayBackSharp.js b/lib/PlayBackSharp.js
index 2a51ba103..81b487524 100644
--- a/lib/PlayBackSharp.js
+++ b/lib/PlayBackSharp.js
@@ -47,7 +47,7 @@ var PlayBackSharp = function PlayBackSharp(props) {
 PlayBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayBackSharp.js.map b/lib/PlayBackSharp.js.map
index c530bff1d..ca3dfbfc3 100644
--- a/lib/PlayBackSharp.js.map
+++ b/lib/PlayBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayBackSharp.js"],"names":["PlayBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PlayBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 400L256 256l240-144v288zM256 400L16 256l240-144v288z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayBackSharp.js"],"names":["PlayBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PlayBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 400L256 256l240-144v288zM256 400L16 256l240-144v288z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayBackSharp"]}
\ No newline at end of file
diff --git a/lib/PlayCircle.js b/lib/PlayCircle.js
index 7af53dfa5..c18b6e694 100644
--- a/lib/PlayCircle.js
+++ b/lib/PlayCircle.js
@@ -47,7 +47,7 @@ var PlayCircle = function PlayCircle(props) {
 PlayCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayCircle.js.map b/lib/PlayCircle.js.map
index 658b0cc9e..7516b63da 100644
--- a/lib/PlayCircle.js.map
+++ b/lib/PlayCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayCircle.js"],"names":["PlayCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PlayCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayCircle.js"],"names":["PlayCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PlayCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircle"]}
\ No newline at end of file
diff --git a/lib/PlayCircleOutline.js b/lib/PlayCircleOutline.js
index 3c78684dc..736136cdf 100644
--- a/lib/PlayCircleOutline.js
+++ b/lib/PlayCircleOutline.js
@@ -48,7 +48,7 @@ var PlayCircleOutline = function PlayCircleOutline(props) {
 PlayCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayCircleOutline.js.map b/lib/PlayCircleOutline.js.map
index bf925f651..16b54cbe6 100644
--- a/lib/PlayCircleOutline.js.map
+++ b/lib/PlayCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayCircleOutline.js"],"names":["PlayCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,iIAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlayCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M216.32 334.44l114.45-69.14a10.89 10.89 0 000-18.6l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayCircleOutline.js"],"names":["PlayCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,iIAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlayCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M216.32 334.44l114.45-69.14a10.89 10.89 0 000-18.6l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PlayCircleSharp.js b/lib/PlayCircleSharp.js
index 0ba7e39ba..5be2fcd70 100644
--- a/lib/PlayCircleSharp.js
+++ b/lib/PlayCircleSharp.js
@@ -47,7 +47,7 @@ var PlayCircleSharp = function PlayCircleSharp(props) {
 PlayCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayCircleSharp.js.map b/lib/PlayCircleSharp.js.map
index 713ce5ccb..e4749efbf 100644
--- a/lib/PlayCircleSharp.js.map
+++ b/lib/PlayCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayCircleSharp.js"],"names":["PlayCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlayCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-56 296V168l144 88z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayCircleSharp.js"],"names":["PlayCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlayCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-56 296V168l144 88z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PlayForward.js b/lib/PlayForward.js
index a2a63d0df..c6c9afdff 100644
--- a/lib/PlayForward.js
+++ b/lib/PlayForward.js
@@ -47,7 +47,7 @@ var PlayForward = function PlayForward(props) {
 PlayForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForward.js.map b/lib/PlayForward.js.map
index 1f09f53fa..0d1b19921 100644
--- a/lib/PlayForward.js.map
+++ b/lib/PlayForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForward.js"],"names":["PlayForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6TAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlayForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M481.29 229.47l-188.87-113a30.54 30.54 0 00-31.09-.39 33.74 33.74 0 00-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 00-31.09-.39A33.74 33.74 0 0016 145.52v221A33.74 33.74 0 0032.76 396a30.54 30.54 0 0031.09-.39L244.57 287.4v79.08A33.74 33.74 0 00261.33 396a30.54 30.54 0 0031.09-.39l188.87-113a31.27 31.27 0 000-53z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForward.js"],"names":["PlayForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6TAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlayForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M481.29 229.47l-188.87-113a30.54 30.54 0 00-31.09-.39 33.74 33.74 0 00-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 00-31.09-.39A33.74 33.74 0 0016 145.52v221A33.74 33.74 0 0032.76 396a30.54 30.54 0 0031.09-.39L244.57 287.4v79.08A33.74 33.74 0 00261.33 396a30.54 30.54 0 0031.09-.39l188.87-113a31.27 31.27 0 000-53z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForward"]}
\ No newline at end of file
diff --git a/lib/PlayForwardCircle.js b/lib/PlayForwardCircle.js
index f24a74f32..f54ccb28b 100644
--- a/lib/PlayForwardCircle.js
+++ b/lib/PlayForwardCircle.js
@@ -47,7 +47,7 @@ var PlayForwardCircle = function PlayForwardCircle(props) {
 PlayForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForwardCircle.js.map b/lib/PlayForwardCircle.js.map
index ff95c5c36..4e5bae533 100644
--- a/lib/PlayForwardCircle.js.map
+++ b/lib/PlayForwardCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForwardCircle.js"],"names":["PlayForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlayForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm138.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31v-53.32l-103.68 62.63a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L264 240.19v-53.32a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForwardCircle.js"],"names":["PlayForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlayForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm138.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31v-53.32l-103.68 62.63a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L264 240.19v-53.32a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircle"]}
\ No newline at end of file
diff --git a/lib/PlayForwardCircleOutline.js b/lib/PlayForwardCircleOutline.js
index b30e56814..24c19b111 100644
--- a/lib/PlayForwardCircleOutline.js
+++ b/lib/PlayForwardCircleOutline.js
@@ -48,7 +48,7 @@ var PlayForwardCircleOutline = function PlayForwardCircleOutline(props) {
 PlayForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForwardCircleOutline.js.map b/lib/PlayForwardCircleOutline.js.map
index 994e1faab..d57f2a9d8 100644
--- a/lib/PlayForwardCircleOutline.js.map
+++ b/lib/PlayForwardCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForwardCircleOutline.js"],"names":["PlayForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,4NAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"PlayForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M394.77 246.7l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v53.32l-103.68-62.63a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L264 271.81v53.32a10.78 10.78 0 0016.32 9.31l114.45-69.14a10.89 10.89 0 000-18.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForwardCircleOutline.js"],"names":["PlayForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,4NAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"PlayForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M394.77 246.7l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v53.32l-103.68-62.63a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L264 271.81v53.32a10.78 10.78 0 0016.32 9.31l114.45-69.14a10.89 10.89 0 000-18.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PlayForwardCircleSharp.js b/lib/PlayForwardCircleSharp.js
index 350659b1d..f7ef73ccc 100644
--- a/lib/PlayForwardCircleSharp.js
+++ b/lib/PlayForwardCircleSharp.js
@@ -47,7 +47,7 @@ var PlayForwardCircleSharp = function PlayForwardCircleSharp(props) {
 PlayForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForwardCircleSharp.js.map b/lib/PlayForwardCircleSharp.js.map
index 6e710b218..7dfd9aadf 100644
--- a/lib/PlayForwardCircleSharp.js.map
+++ b/lib/PlayForwardCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForwardCircleSharp.js"],"names":["PlayForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"PlayForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm8 295.25v-71.44l-120 72.32V167.71l120 72.48V168l136.53 88z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForwardCircleSharp.js"],"names":["PlayForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"PlayForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm8 295.25v-71.44l-120 72.32V167.71l120 72.48V168l136.53 88z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PlayForwardOutline.js b/lib/PlayForwardOutline.js
index 8f7c941b9..9b2252bd9 100644
--- a/lib/PlayForwardOutline.js
+++ b/lib/PlayForwardOutline.js
@@ -47,7 +47,7 @@ var PlayForwardOutline = function PlayForwardOutline(props) {
 PlayForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForwardOutline.js.map b/lib/PlayForwardOutline.js.map
index 82a52dd09..063e7d592 100644
--- a/lib/PlayForwardOutline.js.map
+++ b/lib/PlayForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForwardOutline.js"],"names":["PlayForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oQAAR,EAA6Q,MAAK,MAAlR,EAAyR,QAAO,cAAhS,EAA+S,kBAAiB,IAAhU,EAAqU,aAAY,IAAjV;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PlayForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113C45 123.8 32 132.24 32 145.52zM260.57 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113c-10.64-6.47-23.63 1.97-23.63 15.25z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForwardOutline.js"],"names":["PlayForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oQAAR,EAA6Q,MAAK,MAAlR,EAAyR,QAAO,cAAhS,EAA+S,kBAAiB,IAAhU,EAAqU,aAAY,IAAjV;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PlayForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113C45 123.8 32 132.24 32 145.52zM260.57 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113c-10.64-6.47-23.63 1.97-23.63 15.25z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardOutline"]}
\ No newline at end of file
diff --git a/lib/PlayForwardSharp.js b/lib/PlayForwardSharp.js
index 47b8ba0d4..cc8286047 100644
--- a/lib/PlayForwardSharp.js
+++ b/lib/PlayForwardSharp.js
@@ -47,7 +47,7 @@ var PlayForwardSharp = function PlayForwardSharp(props) {
 PlayForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayForwardSharp.js.map b/lib/PlayForwardSharp.js.map
index 0502dacfb..5a844ced6 100644
--- a/lib/PlayForwardSharp.js.map
+++ b/lib/PlayForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayForwardSharp.js"],"names":["PlayForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PlayForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 400l240-144L16 112v288zM256 400l240-144-240-144v288z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayForwardSharp.js"],"names":["PlayForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PlayForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 400l240-144L16 112v288zM256 400l240-144-240-144v288z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayForwardSharp"]}
\ No newline at end of file
diff --git a/lib/PlayOutline.js b/lib/PlayOutline.js
index 684150c60..e59b0cff0 100644
--- a/lib/PlayOutline.js
+++ b/lib/PlayOutline.js
@@ -47,7 +47,7 @@ var PlayOutline = function PlayOutline(props) {
 PlayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlayOutline.js.map b/lib/PlayOutline.js.map
index fbfc9fd83..9d0abc37e 100644
--- a/lib/PlayOutline.js.map
+++ b/lib/PlayOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlayOutline.js"],"names":["PlayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,kBAAiB,IAArL,EAA0L,aAAY,IAAtM;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlayOutline.js"],"names":["PlayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,kBAAiB,IAArL,EAA0L,aAAY,IAAtM;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PlayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlayOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlayOutline"]}
\ No newline at end of file
diff --git a/lib/PlaySharp.js b/lib/PlaySharp.js
index 483ec4ba2..6e5c1d907 100644
--- a/lib/PlaySharp.js
+++ b/lib/PlaySharp.js
@@ -47,7 +47,7 @@ var PlaySharp = function PlaySharp(props) {
 PlaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySharp.js.map b/lib/PlaySharp.js.map
index a8707f514..1141c3f2e 100644
--- a/lib/PlaySharp.js.map
+++ b/lib/PlaySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySharp.js"],"names":["PlaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PlaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 448l320-192L96 64v384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySharp.js"],"names":["PlaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PlaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 448l320-192L96 64v384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySharp"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBack.js b/lib/PlaySkipBack.js
index 943d91655..e69e1bca8 100644
--- a/lib/PlaySkipBack.js
+++ b/lib/PlaySkipBack.js
@@ -47,7 +47,7 @@ var PlaySkipBack = function PlaySkipBack(props) {
 PlaySkipBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBack.js.map b/lib/PlaySkipBack.js.map
index eed471a3d..cb82c8707 100644
--- a/lib/PlaySkipBack.js.map
+++ b/lib/PlaySkipBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBack.js"],"names":["PlaySkipBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PlaySkipBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 64a16 16 0 0116 16v136.43L360.77 77.11a35.13 35.13 0 0135.77-.44c12 6.8 19.46 20 19.46 34.33v290c0 14.37-7.46 27.53-19.46 34.33a35.14 35.14 0 01-35.77-.45L128 295.57V432a16 16 0 01-32 0V80a16 16 0 0116-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBack.js"],"names":["PlaySkipBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PlaySkipBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 64a16 16 0 0116 16v136.43L360.77 77.11a35.13 35.13 0 0135.77-.44c12 6.8 19.46 20 19.46 34.33v290c0 14.37-7.46 27.53-19.46 34.33a35.14 35.14 0 01-35.77-.45L128 295.57V432a16 16 0 01-32 0V80a16 16 0 0116-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBack"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBackCircle.js b/lib/PlaySkipBackCircle.js
index e6146ee56..cd1fb6424 100644
--- a/lib/PlaySkipBackCircle.js
+++ b/lib/PlaySkipBackCircle.js
@@ -47,7 +47,7 @@ var PlaySkipBackCircle = function PlaySkipBackCircle(props) {
 PlaySkipBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBackCircle.js.map b/lib/PlaySkipBackCircle.js.map
index abf175ff2..024a8573e 100644
--- a/lib/PlaySkipBackCircle.js.map
+++ b/lib/PlaySkipBackCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBackCircle.js"],"names":["PlaySkipBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PlaySkipBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-64a16 16 0 0132 0v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBackCircle.js"],"names":["PlaySkipBackCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"PlaySkipBackCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-64a16 16 0 0132 0v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircle"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBackCircleOutline.js b/lib/PlaySkipBackCircleOutline.js
index 944b68b41..789b51648 100644
--- a/lib/PlaySkipBackCircleOutline.js
+++ b/lib/PlaySkipBackCircleOutline.js
@@ -48,7 +48,7 @@ var PlaySkipBackCircleOutline = function PlaySkipBackCircleOutline(props) {
 PlaySkipBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBackCircleOutline.js.map b/lib/PlaySkipBackCircleOutline.js.map
index b73e3d5d1..74f2be7a4 100644
--- a/lib/PlaySkipBackCircleOutline.js.map
+++ b/lib/PlaySkipBackCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBackCircleOutline.js"],"names":["PlaySkipBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,GAAE,wJAAR;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"PlaySkipBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M192 176a16 16 0 0116 16v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0V192a16 16 0 0116-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBackCircleOutline.js"],"names":["PlaySkipBackCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,4BAA4B,SAA5BA,yBAA4B,QAAS;AACzC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,GAAE,wJAAR;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,0BAA0Ba,YAA1B,GAAyC;AACvC;AACAH,SAAO,EAFgC;AAGvCN,SAAO,SAHgC;AAIvCF,UAAQ,MAJ+B;AAKvCC,SAAO,MALgC;AAMvCQ,cAAY,EAN2B;AAOvCC,SAAO,EAPgC;;AASvC;AACAL,SAAO,KAVgC;AAWvCC,QAAM,KAXiC;AAYvCF,UAAQ;AAZ+B,CAAzC;;AAgBAN,0BAA0Bc,SAA1B,GAAsC;AACpC;AACAJ,SAAOK,oBAAUC,MAFmB;AAGpCZ,SAAOW,oBAAUE,MAHmB;AAIpCf,UAAQa,oBAAUE,MAJkB;AAKpCd,SAAOY,oBAAUE,MALmB;AAMpCN,cAAYI,oBAAUE,MANc;AAOpCL,SAAOG,oBAAUE,MAPmB;;AASpC;AACAV,SAAOQ,oBAAUG,IAVmB;AAWpCV,QAAMO,oBAAUG,IAXoB;AAYpCZ,UAAQS,oBAAUG,IAZkB;;AAcpC;AACAb,WAASU,oBAAUI;AAfiB,CAAtC;;kBAmBenB,yB","file":"PlaySkipBackCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M192 176a16 16 0 0116 16v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0V192a16 16 0 0116-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBackCircleSharp.js b/lib/PlaySkipBackCircleSharp.js
index f783efaba..91faa7b00 100644
--- a/lib/PlaySkipBackCircleSharp.js
+++ b/lib/PlaySkipBackCircleSharp.js
@@ -47,7 +47,7 @@ var PlaySkipBackCircleSharp = function PlaySkipBackCircleSharp(props) {
 PlaySkipBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBackCircleSharp.js.map b/lib/PlaySkipBackCircleSharp.js.map
index 5b4d3c17d..22a1aa482 100644
--- a/lib/PlaySkipBackCircleSharp.js.map
+++ b/lib/PlaySkipBackCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBackCircleSharp.js"],"names":["PlaySkipBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"PlaySkipBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-80h32v69l128-77.53v176.9L208 267v69h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBackCircleSharp.js"],"names":["PlaySkipBackCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,0BAA0B,SAA1BA,uBAA0B,QAAS;AACvC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,wBAAwBa,YAAxB,GAAuC;AACrC;AACAH,SAAO,EAF8B;AAGrCN,SAAO,SAH8B;AAIrCF,UAAQ,MAJ6B;AAKrCC,SAAO,MAL8B;AAMrCQ,cAAY,EANyB;AAOrCC,SAAO,EAP8B;;AASrC;AACAL,SAAO,KAV8B;AAWrCC,QAAM,KAX+B;AAYrCF,UAAQ;AAZ6B,CAAvC;;AAgBAN,wBAAwBc,SAAxB,GAAoC;AAClC;AACAJ,SAAOK,oBAAUC,MAFiB;AAGlCZ,SAAOW,oBAAUE,MAHiB;AAIlCf,UAAQa,oBAAUE,MAJgB;AAKlCd,SAAOY,oBAAUE,MALiB;AAMlCN,cAAYI,oBAAUE,MANY;AAOlCL,SAAOG,oBAAUE,MAPiB;;AASlC;AACAV,SAAOQ,oBAAUG,IAViB;AAWlCV,QAAMO,oBAAUG,IAXkB;AAYlCZ,UAAQS,oBAAUG,IAZgB;;AAclC;AACAb,WAASU,oBAAUI;AAfe,CAApC;;kBAmBenB,uB","file":"PlaySkipBackCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-80h32v69l128-77.53v176.9L208 267v69h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBackOutline.js b/lib/PlaySkipBackOutline.js
index c6659e914..2a492c19f 100644
--- a/lib/PlaySkipBackOutline.js
+++ b/lib/PlaySkipBackOutline.js
@@ -48,7 +48,7 @@ var PlaySkipBackOutline = function PlaySkipBackOutline(props) {
 PlaySkipBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBackOutline.js.map b/lib/PlaySkipBackOutline.js.map
index 882c42af2..bacd42bf5 100644
--- a/lib/PlaySkipBackOutline.js.map
+++ b/lib/PlaySkipBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBackOutline.js"],"names":["PlaySkipBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,kBAAiB,IAAtL,EAA2L,aAAY,IAAvM,GAAjK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PlaySkipBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 111v290c0 17.44-17 28.52-31 20.16L121.09 272.79c-12.12-7.25-12.12-26.33 0-33.58L369 90.84c14-8.36 31 2.72 31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 80v352\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBackOutline.js"],"names":["PlaySkipBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,kBAAiB,IAAtL,EAA2L,aAAY,IAAvM,GAAhK;AAA8W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"PlaySkipBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 111v290c0 17.44-17 28.52-31 20.16L121.09 272.79c-12.12-7.25-12.12-26.33 0-33.58L369 90.84c14-8.36 31 2.72 31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 80v352\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackOutline"]}
\ No newline at end of file
diff --git a/lib/PlaySkipBackSharp.js b/lib/PlaySkipBackSharp.js
index c023f9201..b91266797 100644
--- a/lib/PlaySkipBackSharp.js
+++ b/lib/PlaySkipBackSharp.js
@@ -47,7 +47,7 @@ var PlaySkipBackSharp = function PlaySkipBackSharp(props) {
 PlaySkipBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipBackSharp.js.map b/lib/PlaySkipBackSharp.js.map
index efa5bcad8..17530553a 100644
--- a/lib/PlaySkipBackSharp.js.map
+++ b/lib/PlaySkipBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipBackSharp.js"],"names":["PlaySkipBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlaySkipBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M143.47 64v163.52L416 64v384L143.47 284.48V448H96V64h47.47z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipBackSharp.js"],"names":["PlaySkipBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"PlaySkipBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M143.47 64v163.52L416 64v384L143.47 284.48V448H96V64h47.47z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipBackSharp"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForward.js b/lib/PlaySkipForward.js
index 0473b4c05..02c14ac46 100644
--- a/lib/PlaySkipForward.js
+++ b/lib/PlaySkipForward.js
@@ -47,7 +47,7 @@ var PlaySkipForward = function PlaySkipForward(props) {
 PlaySkipForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForward.js.map b/lib/PlaySkipForward.js.map
index 8d9ead459..b14da5dd4 100644
--- a/lib/PlaySkipForward.js.map
+++ b/lib/PlaySkipForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForward.js"],"names":["PlaySkipForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlaySkipForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 64a16 16 0 00-16 16v136.43L151.23 77.11a35.13 35.13 0 00-35.77-.44C103.46 83.47 96 96.63 96 111v290c0 14.37 7.46 27.53 19.46 34.33a35.14 35.14 0 0035.77-.45L384 295.57V432a16 16 0 0032 0V80a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForward.js"],"names":["PlaySkipForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PlaySkipForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 64a16 16 0 00-16 16v136.43L151.23 77.11a35.13 35.13 0 00-35.77-.44C103.46 83.47 96 96.63 96 111v290c0 14.37 7.46 27.53 19.46 34.33a35.14 35.14 0 0035.77-.45L384 295.57V432a16 16 0 0032 0V80a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForward"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForwardCircle.js b/lib/PlaySkipForwardCircle.js
index 78c6229f8..f3e0ca48b 100644
--- a/lib/PlaySkipForwardCircle.js
+++ b/lib/PlaySkipForwardCircle.js
@@ -47,7 +47,7 @@ var PlaySkipForwardCircle = function PlaySkipForwardCircle(props) {
 PlaySkipForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForwardCircle.js.map b/lib/PlaySkipForwardCircle.js.map
index 99f580aa6..53a6dd5ef 100644
--- a/lib/PlaySkipForwardCircle.js.map
+++ b/lib/PlaySkipForwardCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForwardCircle.js"],"names":["PlaySkipForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PlaySkipForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 272a16 16 0 01-32 0v-53l-111.68 67.44a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L304 245v-53a16 16 0 0132 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForwardCircle.js"],"names":["PlaySkipForwardCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"PlaySkipForwardCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 272a16 16 0 01-32 0v-53l-111.68 67.44a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L304 245v-53a16 16 0 0132 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircle"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForwardCircleOutline.js b/lib/PlaySkipForwardCircleOutline.js
index 5c678e5bc..378a7ed5e 100644
--- a/lib/PlaySkipForwardCircleOutline.js
+++ b/lib/PlaySkipForwardCircleOutline.js
@@ -48,7 +48,7 @@ var PlaySkipForwardCircleOutline = function PlaySkipForwardCircleOutline(props)
 PlaySkipForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForwardCircleOutline.js.map b/lib/PlaySkipForwardCircleOutline.js.map
index 639a00f0f..1b853a08b 100644
--- a/lib/PlaySkipForwardCircleOutline.js.map
+++ b/lib/PlaySkipForwardCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForwardCircleOutline.js"],"names":["PlaySkipForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,+BAA+B,SAA/BA,4BAA+B,QAAS;AAC5C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,0JAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,6BAA6Ba,YAA7B,GAA4C;AAC1C;AACAH,SAAO,EAFmC;AAG1CN,SAAO,SAHmC;AAI1CF,UAAQ,MAJkC;AAK1CC,SAAO,MALmC;AAM1CQ,cAAY,EAN8B;AAO1CC,SAAO,EAPmC;;AAS1C;AACAL,SAAO,KAVmC;AAW1CC,QAAM,KAXoC;AAY1CF,UAAQ;AAZkC,CAA5C;;AAgBAN,6BAA6Bc,SAA7B,GAAyC;AACvC;AACAJ,SAAOK,oBAAUC,MAFsB;AAGvCZ,SAAOW,oBAAUE,MAHsB;AAIvCf,UAAQa,oBAAUE,MAJqB;AAKvCd,SAAOY,oBAAUE,MALsB;AAMvCN,cAAYI,oBAAUE,MANiB;AAOvCL,SAAOG,oBAAUE,MAPsB;;AASvC;AACAV,SAAOQ,oBAAUG,IAVsB;AAWvCV,QAAMO,oBAAUG,IAXuB;AAYvCZ,UAAQS,oBAAUG,IAZqB;;AAcvC;AACAb,WAASU,oBAAUI;AAfoB,CAAzC;;kBAmBenB,4B","file":"PlaySkipForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M320 176a16 16 0 00-16 16v53l-111.68-67.44a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L304 267v53a16 16 0 0032 0V192a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForwardCircleOutline.js"],"names":["PlaySkipForwardCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,+BAA+B,SAA/BA,4BAA+B,QAAS;AAC5C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,0JAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,6BAA6Ba,YAA7B,GAA4C;AAC1C;AACAH,SAAO,EAFmC;AAG1CN,SAAO,SAHmC;AAI1CF,UAAQ,MAJkC;AAK1CC,SAAO,MALmC;AAM1CQ,cAAY,EAN8B;AAO1CC,SAAO,EAPmC;;AAS1C;AACAL,SAAO,KAVmC;AAW1CC,QAAM,KAXoC;AAY1CF,UAAQ;AAZkC,CAA5C;;AAgBAN,6BAA6Bc,SAA7B,GAAyC;AACvC;AACAJ,SAAOK,oBAAUC,MAFsB;AAGvCZ,SAAOW,oBAAUE,MAHsB;AAIvCf,UAAQa,oBAAUE,MAJqB;AAKvCd,SAAOY,oBAAUE,MALsB;AAMvCN,cAAYI,oBAAUE,MANiB;AAOvCL,SAAOG,oBAAUE,MAPsB;;AASvC;AACAV,SAAOQ,oBAAUG,IAVsB;AAWvCV,QAAMO,oBAAUG,IAXuB;AAYvCZ,UAAQS,oBAAUG,IAZqB;;AAcvC;AACAb,WAASU,oBAAUI;AAfoB,CAAzC;;kBAmBenB,4B","file":"PlaySkipForwardCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M320 176a16 16 0 00-16 16v53l-111.68-67.44a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L304 267v53a16 16 0 0032 0V192a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircleOutline"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForwardCircleSharp.js b/lib/PlaySkipForwardCircleSharp.js
index 201969ece..fbb66e944 100644
--- a/lib/PlaySkipForwardCircleSharp.js
+++ b/lib/PlaySkipForwardCircleSharp.js
@@ -47,7 +47,7 @@ var PlaySkipForwardCircleSharp = function PlaySkipForwardCircleSharp(props) {
 PlaySkipForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForwardCircleSharp.js.map b/lib/PlaySkipForwardCircleSharp.js.map
index cbb9ba42b..e43af4245 100644
--- a/lib/PlaySkipForwardCircleSharp.js.map
+++ b/lib/PlaySkipForwardCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForwardCircleSharp.js"],"names":["PlaySkipForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2IAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"PlaySkipForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288h-32v-69l-128 77.37V167.49L304 245v-69h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForwardCircleSharp.js"],"names":["PlaySkipForwardCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,6BAA6B,SAA7BA,0BAA6B,QAAS;AAC1C,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2IAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,2BAA2Ba,YAA3B,GAA0C;AACxC;AACAH,SAAO,EAFiC;AAGxCN,SAAO,SAHiC;AAIxCF,UAAQ,MAJgC;AAKxCC,SAAO,MALiC;AAMxCQ,cAAY,EAN4B;AAOxCC,SAAO,EAPiC;;AASxC;AACAL,SAAO,KAViC;AAWxCC,QAAM,KAXkC;AAYxCF,UAAQ;AAZgC,CAA1C;;AAgBAN,2BAA2Bc,SAA3B,GAAuC;AACrC;AACAJ,SAAOK,oBAAUC,MAFoB;AAGrCZ,SAAOW,oBAAUE,MAHoB;AAIrCf,UAAQa,oBAAUE,MAJmB;AAKrCd,SAAOY,oBAAUE,MALoB;AAMrCN,cAAYI,oBAAUE,MANe;AAOrCL,SAAOG,oBAAUE,MAPoB;;AASrC;AACAV,SAAOQ,oBAAUG,IAVoB;AAWrCV,QAAMO,oBAAUG,IAXqB;AAYrCZ,UAAQS,oBAAUG,IAZmB;;AAcrC;AACAb,WAASU,oBAAUI;AAfkB,CAAvC;;kBAmBenB,0B","file":"PlaySkipForwardCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288h-32v-69l-128 77.37V167.49L304 245v-69h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardCircleSharp"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForwardOutline.js b/lib/PlaySkipForwardOutline.js
index 6e4b732c5..8bc9adc5a 100644
--- a/lib/PlaySkipForwardOutline.js
+++ b/lib/PlaySkipForwardOutline.js
@@ -48,7 +48,7 @@ var PlaySkipForwardOutline = function PlaySkipForwardOutline(props) {
 PlaySkipForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForwardOutline.js.map b/lib/PlaySkipForwardOutline.js.map
index b336c96f6..bab50dd5e 100644
--- a/lib/PlaySkipForwardOutline.js.map
+++ b/lib/PlaySkipForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForwardOutline.js"],"names":["PlaySkipForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,kBAAiB,IAArL,EAA0L,aAAY,IAAtM,GAAjK;AAA6W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"PlaySkipForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 80v352\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForwardOutline.js"],"names":["PlaySkipForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yHAAR,EAAkI,MAAK,MAAvI,EAA8I,QAAO,cAArJ,EAAoK,kBAAiB,IAArL,EAA0L,aAAY,IAAtM,GAAhK;AAA6W,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,aAAvG;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"PlaySkipForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 80v352\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardOutline"]}
\ No newline at end of file
diff --git a/lib/PlaySkipForwardSharp.js b/lib/PlaySkipForwardSharp.js
index c1315ed25..cab615409 100644
--- a/lib/PlaySkipForwardSharp.js
+++ b/lib/PlaySkipForwardSharp.js
@@ -47,7 +47,7 @@ var PlaySkipForwardSharp = function PlaySkipForwardSharp(props) {
 PlaySkipForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PlaySkipForwardSharp.js.map b/lib/PlaySkipForwardSharp.js.map
index 3ee37c011..c3539bc2f 100644
--- a/lib/PlaySkipForwardSharp.js.map
+++ b/lib/PlaySkipForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaySkipForwardSharp.js"],"names":["PlaySkipForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"PlaySkipForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368.53 64v163.52L96 64v384l272.53-163.52V448H416V64h-47.47z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PlaySkipForwardSharp.js"],"names":["PlaySkipForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"PlaySkipForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PlaySkipForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368.53 64v163.52L96 64v384l272.53-163.52V448H416V64h-47.47z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPlaySkipForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPlaySkipForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PlaySkipForwardSharp"]}
\ No newline at end of file
diff --git a/lib/Podium.js b/lib/Podium.js
index 293d42065..a294e23a5 100644
--- a/lib/Podium.js
+++ b/lib/Podium.js
@@ -47,7 +47,7 @@ var Podium = function Podium(props) {
 Podium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Podium.js.map b/lib/Podium.js.map
index 01bea9f4e..ba3dc16ba 100644
--- a/lib/Podium.js.map
+++ b/lib/Podium.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Podium.js"],"names":["Podium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Podium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Podium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 32H192a32 32 0 00-32 32v412a4 4 0 004 4h184a4 4 0 004-4V64a32 32 0 00-32-32zM464 192h-72a8 8 0 00-8 8v272a8 8 0 008 8h80a24 24 0 0024-24V224a32 32 0 00-32-32zM48 128a32 32 0 00-32 32v296a24 24 0 0024 24h80a8 8 0 008-8V136a8 8 0 00-8-8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodium.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Podium"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Podium.js"],"names":["Podium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Podium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Podium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 32H192a32 32 0 00-32 32v412a4 4 0 004 4h184a4 4 0 004-4V64a32 32 0 00-32-32zM464 192h-72a8 8 0 00-8 8v272a8 8 0 008 8h80a24 24 0 0024-24V224a32 32 0 00-32-32zM48 128a32 32 0 00-32 32v296a24 24 0 0024 24h80a8 8 0 008-8V136a8 8 0 00-8-8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodium.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Podium"]}
\ No newline at end of file
diff --git a/lib/PodiumOutline.js b/lib/PodiumOutline.js
index 4fb67c969..d22b9aaac 100644
--- a/lib/PodiumOutline.js
+++ b/lib/PodiumOutline.js
@@ -47,7 +47,7 @@ var PodiumOutline = function PodiumOutline(props) {
 PodiumOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PodiumOutline.js.map b/lib/PodiumOutline.js.map
index fc4d63f7a..1394f8006 100644
--- a/lib/PodiumOutline.js.map
+++ b/lib/PodiumOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PodiumOutline.js"],"names":["PodiumOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uMAAR,EAAgN,MAAK,MAArN,EAA4N,QAAO,cAAnO,EAAkP,eAAc,OAAhQ,EAAwQ,gBAAe,OAAvR,EAA+R,aAAY,IAA3S;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PodiumOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PodiumOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 160v296a8 8 0 008 8h136V160a16 16 0 00-16-16H48a16 16 0 00-16 16zM320 48H192a16 16 0 00-16 16v400h160V64a16 16 0 00-16-16zM464 208H352a16 16 0 00-16 16v240h136a8 8 0 008-8V224a16 16 0 00-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodiumOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodiumOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PodiumOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PodiumOutline.js"],"names":["PodiumOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uMAAR,EAAgN,MAAK,MAArN,EAA4N,QAAO,cAAnO,EAAkP,eAAc,OAAhQ,EAAwQ,gBAAe,OAAvR,EAA+R,aAAY,IAA3S;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PodiumOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PodiumOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 160v296a8 8 0 008 8h136V160a16 16 0 00-16-16H48a16 16 0 00-16 16zM320 48H192a16 16 0 00-16 16v400h160V64a16 16 0 00-16-16zM464 208H352a16 16 0 00-16 16v240h136a8 8 0 008-8V224a16 16 0 00-16-16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodiumOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodiumOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PodiumOutline"]}
\ No newline at end of file
diff --git a/lib/PodiumSharp.js b/lib/PodiumSharp.js
index 7eae152d6..f340e18e4 100644
--- a/lib/PodiumSharp.js
+++ b/lib/PodiumSharp.js
@@ -47,7 +47,7 @@ var PodiumSharp = function PodiumSharp(props) {
 PodiumSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PodiumSharp.js.map b/lib/PodiumSharp.js.map
index 73974f39e..e89d26d9b 100644
--- a/lib/PodiumSharp.js.map
+++ b/lib/PodiumSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PodiumSharp.js"],"names":["PodiumSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8DAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PodiumSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PodiumSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 32h192v448H160zM384 192h112v288H384zM16 128h112v352H16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodiumSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodiumSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PodiumSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PodiumSharp.js"],"names":["PodiumSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8DAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PodiumSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PodiumSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M160 32h192v448H160zM384 192h112v288H384zM16 128h112v352H16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPodiumSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPodiumSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PodiumSharp"]}
\ No newline at end of file
diff --git a/lib/Power.js b/lib/Power.js
index 69eea7daa..824933396 100644
--- a/lib/Power.js
+++ b/lib/Power.js
@@ -48,7 +48,7 @@ var Power = function Power(props) {
 Power.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Power.js.map b/lib/Power.js.map
index ebef36f01..824d26391 100644
--- a/lib/Power.js.map
+++ b/lib/Power.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Power.js"],"names":["Power","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qRAAR,GAAjK;AAAgc,8CAAM,GAAE,mEAAR;AAAhc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Power.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Power = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.47-208-208.35 0-62.45 27.25-121 74.76-160.55a22 22 0 1128.17 33.8C113.48 160.1 92 206.3 92 255.65 92 346.27 165.57 420 256 420s164-73.73 164-164.35A164 164 0 00360.17 129a22 22 0 1128-33.92A207.88 207.88 0 01464 255.65C464 370.53 370.69 464 256 464z\"/><path d=\"M256 272a22 22 0 01-22-22V70a22 22 0 0144 0v180a22 22 0 01-22 22z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPower.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPower.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Power"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Power.js"],"names":["Power","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qRAAR,GAAhK;AAAgc,8CAAM,GAAE,mEAAR;AAAhc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Power.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Power = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.47-208-208.35 0-62.45 27.25-121 74.76-160.55a22 22 0 1128.17 33.8C113.48 160.1 92 206.3 92 255.65 92 346.27 165.57 420 256 420s164-73.73 164-164.35A164 164 0 00360.17 129a22 22 0 1128-33.92A207.88 207.88 0 01464 255.65C464 370.53 370.69 464 256 464z\" /><path d=\"M256 272a22 22 0 01-22-22V70a22 22 0 0144 0v180a22 22 0 01-22 22z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPower.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPower.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Power"]}
\ No newline at end of file
diff --git a/lib/PowerOutline.js b/lib/PowerOutline.js
index 621b7ddee..0902324e1 100644
--- a/lib/PowerOutline.js
+++ b/lib/PowerOutline.js
@@ -47,7 +47,7 @@ var PowerOutline = function PowerOutline(props) {
 PowerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PowerOutline.js.map b/lib/PowerOutline.js.map
index b3d89cee2..d8dda57f2 100644
--- a/lib/PowerOutline.js.map
+++ b/lib/PowerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PowerOutline.js"],"names":["PowerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oGAAR,EAA6G,MAAK,MAAlH,EAAyH,QAAO,cAAhI,EAA+I,eAAc,OAA7J,EAAqK,gBAAe,OAApL,EAA4L,aAAY,IAAxM;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PowerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PowerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M378 108a191.41 191.41 0 0170 148c0 106-86 192-192 192S64 362 64 256a192 192 0 0169-148M256 64v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPowerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPowerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PowerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PowerOutline.js"],"names":["PowerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oGAAR,EAA6G,MAAK,MAAlH,EAAyH,QAAO,cAAhI,EAA+I,eAAc,OAA7J,EAAqK,gBAAe,OAApL,EAA4L,aAAY,IAAxM;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PowerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PowerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M378 108a191.41 191.41 0 0170 148c0 106-86 192-192 192S64 362 64 256a192 192 0 0169-148M256 64v192\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPowerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPowerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PowerOutline"]}
\ No newline at end of file
diff --git a/lib/PowerSharp.js b/lib/PowerSharp.js
index 46b117259..ceedc7ce2 100644
--- a/lib/PowerSharp.js
+++ b/lib/PowerSharp.js
@@ -48,7 +48,7 @@ var PowerSharp = function PowerSharp(props) {
 PowerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PowerSharp.js.map b/lib/PowerSharp.js.map
index d362969b6..bab8b58ec 100644
--- a/lib/PowerSharp.js.map
+++ b/lib/PowerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PowerSharp.js"],"names":["PowerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uSAAR,GAAjK;AAAkd,8CAAM,GAAE,qBAAR;AAAld;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PowerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PowerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.23-208-207.82a207.44 207.44 0 0174.76-160.13l16.9-14 28.17 33.72-16.9 14A163.72 163.72 0 0092 256.18c0 90.39 73.57 163.93 164 163.93s164-73.54 164-163.93a163.38 163.38 0 00-59.83-126.36l-17-14 28-33.82 17 14A207.13 207.13 0 01464 256.18C464 370.77 370.69 464 256 464z\"/><path d=\"M234 48h44v224h-44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPowerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPowerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PowerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PowerSharp.js"],"names":["PowerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uSAAR,GAAhK;AAAkd,8CAAM,GAAE,qBAAR;AAAld;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PowerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PowerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 464c-114.69 0-208-93.23-208-207.82a207.44 207.44 0 0174.76-160.13l16.9-14 28.17 33.72-16.9 14A163.72 163.72 0 0092 256.18c0 90.39 73.57 163.93 164 163.93s164-73.54 164-163.93a163.38 163.38 0 00-59.83-126.36l-17-14 28-33.82 17 14A207.13 207.13 0 01464 256.18C464 370.77 370.69 464 256 464z\" /><path d=\"M234 48h44v224h-44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPowerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPowerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PowerSharp"]}
\ No newline at end of file
diff --git a/lib/Pricetag.js b/lib/Pricetag.js
index dcc0aa628..694f8df99 100644
--- a/lib/Pricetag.js
+++ b/lib/Pricetag.js
@@ -47,7 +47,7 @@ var Pricetag = function Pricetag(props) {
 Pricetag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pricetag.js.map b/lib/Pricetag.js.map
index d0fe14978..79b9c28d7 100644
--- a/lib/Pricetag.js.map
+++ b/lib/Pricetag.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pricetag.js"],"names":["Pricetag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Pricetag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pricetag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467 45.2A44.45 44.45 0 00435.29 32H312.36a30.63 30.63 0 00-21.52 8.89L45.09 286.59a44.82 44.82 0 000 63.32l117 117a44.83 44.83 0 0063.34 0l245.65-245.6A30.6 30.6 0 00480 199.8v-123a44.24 44.24 0 00-13-31.6zM384 160a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetag.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pricetag"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pricetag.js"],"names":["Pricetag","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Pricetag.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pricetag = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M467 45.2A44.45 44.45 0 00435.29 32H312.36a30.63 30.63 0 00-21.52 8.89L45.09 286.59a44.82 44.82 0 000 63.32l117 117a44.83 44.83 0 0063.34 0l245.65-245.6A30.6 30.6 0 00480 199.8v-123a44.24 44.24 0 00-13-31.6zM384 160a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetag.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetag.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pricetag"]}
\ No newline at end of file
diff --git a/lib/PricetagOutline.js b/lib/PricetagOutline.js
index 3ee5ad246..2b308790a 100644
--- a/lib/PricetagOutline.js
+++ b/lib/PricetagOutline.js
@@ -48,7 +48,7 @@ var PricetagOutline = function PricetagOutline(props) {
 PricetagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PricetagOutline.js.map b/lib/PricetagOutline.js.map
index cb8709fe0..e908c1388 100644
--- a/lib/PricetagOutline.js.map
+++ b/lib/PricetagOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PricetagOutline.js"],"names":["PricetagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oLAAR,EAA6L,MAAK,MAAlM,EAAyM,QAAO,cAAhN,EAA+N,eAAc,OAA7O,EAAqP,gBAAe,OAApQ,EAA4Q,aAAY,IAAxR,GAAjK;AAA+b,8CAAM,GAAE,4CAAR;AAA/b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PricetagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M435.25 48h-122.9a14.46 14.46 0 00-10.2 4.2L56.45 297.9a28.85 28.85 0 000 40.7l117 117a28.85 28.85 0 0040.7 0L459.75 210a14.46 14.46 0 004.2-10.2v-123a28.66 28.66 0 00-28.7-28.8z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M384 160a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PricetagOutline.js"],"names":["PricetagOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oLAAR,EAA6L,MAAK,MAAlM,EAAyM,QAAO,cAAhN,EAA+N,eAAc,OAA7O,EAAqP,gBAAe,OAApQ,EAA4Q,aAAY,IAAxR,GAAhK;AAA+b,8CAAM,GAAE,4CAAR;AAA/b;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"PricetagOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M435.25 48h-122.9a14.46 14.46 0 00-10.2 4.2L56.45 297.9a28.85 28.85 0 000 40.7l117 117a28.85 28.85 0 0040.7 0L459.75 210a14.46 14.46 0 004.2-10.2v-123a28.66 28.66 0 00-28.7-28.8z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M384 160a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagOutline"]}
\ No newline at end of file
diff --git a/lib/PricetagSharp.js b/lib/PricetagSharp.js
index 315377c29..d4b5e0e37 100644
--- a/lib/PricetagSharp.js
+++ b/lib/PricetagSharp.js
@@ -47,7 +47,7 @@ var PricetagSharp = function PricetagSharp(props) {
 PricetagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PricetagSharp.js.map b/lib/PricetagSharp.js.map
index 2794f599a..20d65183d 100644
--- a/lib/PricetagSharp.js.map
+++ b/lib/PricetagSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PricetagSharp.js"],"names":["PricetagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6EAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PricetagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 32L16 320l176 176 288-288V32zm80 128a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PricetagSharp.js"],"names":["PricetagSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6EAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"PricetagSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M304 32L16 320l176 176 288-288V32zm80 128a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagSharp"]}
\ No newline at end of file
diff --git a/lib/Pricetags.js b/lib/Pricetags.js
index 21d3476c4..5231e7e14 100644
--- a/lib/Pricetags.js
+++ b/lib/Pricetags.js
@@ -48,7 +48,7 @@ var Pricetags = function Pricetags(props) {
 Pricetags.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pricetags.js.map b/lib/Pricetags.js.map
index 669bbe349..f217ef789 100644
--- a/lib/Pricetags.js.map
+++ b/lib/Pricetags.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pricetags.js"],"names":["Pricetags","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oOAAR,GAAjK;AAA+Y,8CAAM,GAAE,0HAAR;AAA/Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Pricetags.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pricetags = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 183.8v-123A44.66 44.66 0 00403.29 16H280.36a30.62 30.62 0 00-21.51 8.89L13.09 270.58a44.86 44.86 0 000 63.34l117 117a44.84 44.84 0 0063.33 0l245.69-245.61A30.6 30.6 0 00448 183.8zM352 144a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M496 64a16 16 0 00-16 16v127.37L218.69 468.69a16 16 0 1022.62 22.62l262-262A29.84 29.84 0 00512 208V80a16 16 0 00-16-16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetags.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetags.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pricetags"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pricetags.js"],"names":["Pricetags","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oOAAR,GAAhK;AAA+Y,8CAAM,GAAE,0HAAR;AAA/Y;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Pricetags.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pricetags = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 183.8v-123A44.66 44.66 0 00403.29 16H280.36a30.62 30.62 0 00-21.51 8.89L13.09 270.58a44.86 44.86 0 000 63.34l117 117a44.84 44.84 0 0063.33 0l245.69-245.61A30.6 30.6 0 00448 183.8zM352 144a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M496 64a16 16 0 00-16 16v127.37L218.69 468.69a16 16 0 1022.62 22.62l262-262A29.84 29.84 0 00512 208V80a16 16 0 00-16-16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetags.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetags.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pricetags"]}
\ No newline at end of file
diff --git a/lib/PricetagsOutline.js b/lib/PricetagsOutline.js
index 2090b8716..72ddd0aef 100644
--- a/lib/PricetagsOutline.js
+++ b/lib/PricetagsOutline.js
@@ -49,7 +49,7 @@ var PricetagsOutline = function PricetagsOutline(props) {
 PricetagsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PricetagsOutline.js.map b/lib/PricetagsOutline.js.map
index 8fab4394b..1e493611d 100644
--- a/lib/PricetagsOutline.js.map
+++ b/lib/PricetagsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PricetagsOutline.js"],"names":["PricetagsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kLAAR,EAA2L,MAAK,MAAhM,EAAuM,QAAO,cAA9M,EAA6N,eAAc,OAA3O,EAAmP,gBAAe,OAAlQ,EAA0Q,aAAY,IAAtR,GAAjK;AAA6b,8CAAM,GAAE,4CAAR,GAA7b;AAAmf,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAAnf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PricetagsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.29 32H280.36a14.46 14.46 0 00-10.2 4.2L24.4 281.9a28.85 28.85 0 000 40.7l117 117a28.86 28.86 0 0040.71 0L427.8 194a14.46 14.46 0 004.2-10.2v-123A28.66 28.66 0 00403.29 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M352 144a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M230 480l262-262a13.81 13.81 0 004-10V80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PricetagsOutline.js"],"names":["PricetagsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kLAAR,EAA2L,MAAK,MAAhM,EAAuM,QAAO,cAA9M,EAA6N,eAAc,OAA3O,EAAmP,gBAAe,OAAlQ,EAA0Q,aAAY,IAAtR,GAAhK;AAA6b,8CAAM,GAAE,4CAAR,GAA7b;AAAof,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAApf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"PricetagsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M403.29 32H280.36a14.46 14.46 0 00-10.2 4.2L24.4 281.9a28.85 28.85 0 000 40.7l117 117a28.86 28.86 0 0040.71 0L427.8 194a14.46 14.46 0 004.2-10.2v-123A28.66 28.66 0 00403.29 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M352 144a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M230 480l262-262a13.81 13.81 0 004-10V80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagsOutline"]}
\ No newline at end of file
diff --git a/lib/PricetagsSharp.js b/lib/PricetagsSharp.js
index 53b5e7a9e..91ccde260 100644
--- a/lib/PricetagsSharp.js
+++ b/lib/PricetagsSharp.js
@@ -48,7 +48,7 @@ var PricetagsSharp = function PricetagsSharp(props) {
 PricetagsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PricetagsSharp.js.map b/lib/PricetagsSharp.js.map
index c97e70bea..77d9fc607 100644
--- a/lib/PricetagsSharp.js.map
+++ b/lib/PricetagsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PricetagsSharp.js"],"names":["PricetagsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,GAAjK;AAAuP,8CAAM,GAAE,iDAAR;AAAvP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PricetagsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 16L0 304l176 176 288-288V16zm80 128a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M480 64v144L216.9 471.1 242 496l270-272V64h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PricetagsSharp.js"],"names":["PricetagsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,GAAhK;AAAuP,8CAAM,GAAE,iDAAR;AAAvP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"PricetagsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PricetagsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 16L0 304l176 176 288-288V16zm80 128a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M480 64v144L216.9 471.1 242 496l270-272V64h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPricetagsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPricetagsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PricetagsSharp"]}
\ No newline at end of file
diff --git a/lib/Print.js b/lib/Print.js
index efc1d584c..542543fd3 100644
--- a/lib/Print.js
+++ b/lib/Print.js
@@ -47,7 +47,7 @@ var Print = function Print(props) {
 Print.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Print.js.map b/lib/Print.js.map
index f584bac64..48790552e 100644
--- a/lib/Print.js.map
+++ b/lib/Print.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Print.js"],"names":["Print","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uZAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Print.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Print = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 112H106a58 58 0 00-58 58v158a56 56 0 0056 56h8v39.68A40.32 40.32 0 00152.32 464h207.36A40.32 40.32 0 00400 423.68V384h8a56 56 0 0056-56V168a56 56 0 00-56-56zm-40 311.68a8.35 8.35 0 01-8.32 8.32H152.32a8.35 8.35 0 01-8.32-8.32V264.32a8.35 8.35 0 018.32-8.32h207.36a8.35 8.35 0 018.32 8.32zm26-215.76a24 24 0 1122-22 24 24 0 01-22 22zM344 48H168a56.09 56.09 0 00-55.42 48h286.84A56.09 56.09 0 00344 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrint.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Print"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Print.js"],"names":["Print","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uZAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Print.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Print = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M408 112H106a58 58 0 00-58 58v158a56 56 0 0056 56h8v39.68A40.32 40.32 0 00152.32 464h207.36A40.32 40.32 0 00400 423.68V384h8a56 56 0 0056-56V168a56 56 0 00-56-56zm-40 311.68a8.35 8.35 0 01-8.32 8.32H152.32a8.35 8.35 0 01-8.32-8.32V264.32a8.35 8.35 0 018.32-8.32h207.36a8.35 8.35 0 018.32 8.32zm26-215.76a24 24 0 1122-22 24 24 0 01-22 22zM344 48H168a56.09 56.09 0 00-55.42 48h286.84A56.09 56.09 0 00344 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrint.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrint.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Print"]}
\ No newline at end of file
diff --git a/lib/PrintOutline.js b/lib/PrintOutline.js
index 611f5b1b4..8985c7d22 100644
--- a/lib/PrintOutline.js
+++ b/lib/PrintOutline.js
@@ -50,7 +50,7 @@ var PrintOutline = function PrintOutline(props) {
 PrintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PrintOutline.js.map b/lib/PrintOutline.js.map
index 51daf515d..1462d1d72 100644
--- a/lib/PrintOutline.js.map
+++ b/lib/PrintOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PrintOutline.js"],"names":["PrintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sHAAR,EAA+H,MAAK,MAApI,EAA2I,QAAO,cAAlJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAjK;AAA2W,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,OAAlD,EAA0D,IAAG,OAA7D,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,gBAAe,OAAtH,EAA8H,aAAY,IAA1I,GAA3W;AAA2f,8CAAM,GAAE,mEAAR,EAA4E,MAAK,MAAjF,EAAwF,QAAO,cAA/F,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ,GAA3f;AAAkpB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAlpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PrintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PrintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"128\" y=\"240\" width=\"256\" height=\"208\" rx=\"24.32\" ry=\"24.32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"392\" cy=\"184\" r=\"24\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrintOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PrintOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PrintOutline.js"],"names":["PrintOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sHAAR,EAA+H,MAAK,MAApI,EAA2I,QAAO,cAAlJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM,GAAhK;AAA2W,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,OAAlD,EAA0D,IAAG,OAA7D,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,gBAAe,OAAtH,EAA8H,aAAY,IAA1I,GAA3W;AAA4f,8CAAM,GAAE,mEAAR,EAA4E,MAAK,MAAjF,EAAwF,QAAO,cAA/F,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ,GAA5f;AAAopB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAppB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PrintOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PrintOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"128\" y=\"240\" width=\"256\" height=\"208\" rx=\"24.32\" ry=\"24.32\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"392\" cy=\"184\" r=\"24\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrintOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrintOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PrintOutline"]}
\ No newline at end of file
diff --git a/lib/PrintSharp.js b/lib/PrintSharp.js
index 1c2b19cc8..3ccac7c7c 100644
--- a/lib/PrintSharp.js
+++ b/lib/PrintSharp.js
@@ -50,7 +50,7 @@ var PrintSharp = function PrintSharp(props) {
 PrintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PrintSharp.js.map b/lib/PrintSharp.js.map
index 3615ffe6a..2ee0e438b 100644
--- a/lib/PrintSharp.js.map
+++ b/lib/PrintSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PrintSharp.js"],"names":["PrintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6CAAR,GAAjK;AAAwN,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,EAA6D,MAAK,MAAlE,GAAxN;AAAkS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,EAA6D,MAAK,MAAlE,GAAlS;AAA4W,8CAAM,GAAE,6OAAR;AAA5W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PrintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PrintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 96V56a8 8 0 00-8-8H120a8 8 0 00-8 8v40\"/><rect x=\"152\" y=\"264\" width=\"208\" height=\"160\" rx=\"4\" ry=\"4\" fill=\"none\"/><rect x=\"152\" y=\"264\" width=\"208\" height=\"160\" rx=\"4\" ry=\"4\" fill=\"none\"/><path d=\"M408 112H104a56 56 0 00-56 56v208a8 8 0 008 8h56v72a8 8 0 008 8h272a8 8 0 008-8v-72h56a8 8 0 008-8V168a56 56 0 00-56-56zm-48 308a4 4 0 01-4 4H156a4 4 0 01-4-4V268a4 4 0 014-4h200a4 4 0 014 4zm34-212.08a24 24 0 1122-22 24 24 0 01-22 22z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrintSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PrintSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PrintSharp.js"],"names":["PrintSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6CAAR,GAAhK;AAAwN,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,EAA6D,MAAK,MAAlE,GAAxN;AAAmS,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,EAA6D,MAAK,MAAlE,GAAnS;AAA8W,8CAAM,GAAE,6OAAR;AAA9W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PrintSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PrintSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 96V56a8 8 0 00-8-8H120a8 8 0 00-8 8v40\" /><rect x=\"152\" y=\"264\" width=\"208\" height=\"160\" rx=\"4\" ry=\"4\" fill=\"none\" /><rect x=\"152\" y=\"264\" width=\"208\" height=\"160\" rx=\"4\" ry=\"4\" fill=\"none\" /><path d=\"M408 112H104a56 56 0 00-56 56v208a8 8 0 008 8h56v72a8 8 0 008 8h272a8 8 0 008-8v-72h56a8 8 0 008-8V168a56 56 0 00-56-56zm-48 308a4 4 0 01-4 4H156a4 4 0 01-4-4V268a4 4 0 014-4h200a4 4 0 014 4zm34-212.08a24 24 0 1122-22 24 24 0 01-22 22z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPrintSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPrintSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PrintSharp"]}
\ No newline at end of file
diff --git a/lib/Pulse.js b/lib/Pulse.js
index f698c3cc3..e3edb808d 100644
--- a/lib/Pulse.js
+++ b/lib/Pulse.js
@@ -47,7 +47,7 @@ var Pulse = function Pulse(props) {
 Pulse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Pulse.js.map b/lib/Pulse.js.map
index 6110909ca..9f021fe6f 100644
--- a/lib/Pulse.js.map
+++ b/lib/Pulse.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Pulse.js"],"names":["Pulse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pulse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pulse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 272a48.09 48.09 0 00-45.25 32h-39.22l-28.35-85.06a16 16 0 00-30.56.66l-44.51 155.76-52.33-314a16 16 0 00-31.3-1.25L99.51 304H48a16 16 0 000 32h64a16 16 0 0015.52-12.12l45.34-181.37 51.36 308.12A16 16 0 00239.1 464h.91a16 16 0 0015.37-11.6l49.8-174.28 15.64 46.94A16 16 0 00336 336h50.75A48 48 0 10432 272z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulse.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pulse"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Pulse.js"],"names":["Pulse","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Pulse.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Pulse = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 272a48.09 48.09 0 00-45.25 32h-39.22l-28.35-85.06a16 16 0 00-30.56.66l-44.51 155.76-52.33-314a16 16 0 00-31.3-1.25L99.51 304H48a16 16 0 000 32h64a16 16 0 0015.52-12.12l45.34-181.37 51.36 308.12A16 16 0 00239.1 464h.91a16 16 0 0015.37-11.6l49.8-174.28 15.64 46.94A16 16 0 00336 336h50.75A48 48 0 10432 272z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulse.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulse.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Pulse"]}
\ No newline at end of file
diff --git a/lib/PulseOutline.js b/lib/PulseOutline.js
index 6f0df92cf..1e461c22c 100644
--- a/lib/PulseOutline.js
+++ b/lib/PulseOutline.js
@@ -48,7 +48,7 @@ var PulseOutline = function PulseOutline(props) {
 PulseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PulseOutline.js.map b/lib/PulseOutline.js.map
index 3c77aea99..03eb28645 100644
--- a/lib/PulseOutline.js.map
+++ b/lib/PulseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PulseOutline.js"],"names":["PulseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG,GAAjK;AAAqT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAArT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PulseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PulseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 320h64l64-256 64 384 64-224 32 96h64\"/><circle cx=\"432\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PulseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PulseOutline.js"],"names":["PulseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG,GAAhK;AAAqT,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAArT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"PulseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PulseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 320h64l64-256 64 384 64-224 32 96h64\" /><circle cx=\"432\" cy=\"320\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PulseOutline"]}
\ No newline at end of file
diff --git a/lib/PulseSharp.js b/lib/PulseSharp.js
index 5d4feaa53..a0a2b7726 100644
--- a/lib/PulseSharp.js
+++ b/lib/PulseSharp.js
@@ -47,7 +47,7 @@ var PulseSharp = function PulseSharp(props) {
 PulseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PulseSharp.js.map b/lib/PulseSharp.js.map
index 8fdc05c73..d9aacba3c 100644
--- a/lib/PulseSharp.js.map
+++ b/lib/PulseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PulseSharp.js"],"names":["PulseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PulseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PulseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426 266a54.07 54.07 0 00-49.3 32h-24.84l-27-81a22 22 0 00-42 .92l-37.2 130.2-48-281.74a22 22 0 00-43-1.72L94.82 298H32v44h80a22 22 0 0021.34-16.66L171.69 172l46.61 273.62A22 22 0 00238.76 464H240a22 22 0 0021.15-16l44.47-149.62 9.51 28.62A22 22 0 00336 342h40.7a54 54 0 1049.3-76z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PulseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PulseSharp.js"],"names":["PulseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"PulseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PulseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426 266a54.07 54.07 0 00-49.3 32h-24.84l-27-81a22 22 0 00-42 .92l-37.2 130.2-48-281.74a22 22 0 00-43-1.72L94.82 298H32v44h80a22 22 0 0021.34-16.66L171.69 172l46.61 273.62A22 22 0 00238.76 464H240a22 22 0 0021.15-16l44.47-149.62 9.51 28.62A22 22 0 00336 342h40.7a54 54 0 1049.3-76z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPulseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPulseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PulseSharp"]}
\ No newline at end of file
diff --git a/lib/Push.js b/lib/Push.js
index 281573da9..de84ab782 100644
--- a/lib/Push.js
+++ b/lib/Push.js
@@ -47,7 +47,7 @@ var Push = function Push(props) {
 Push.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Push.js.map b/lib/Push.js.map
index 44b8852c0..e0ce16d19 100644
--- a/lib/Push.js.map
+++ b/lib/Push.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Push.js"],"names":["Push","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Push.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Push = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 352H272V198.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 198.63V352H136a56.06 56.06 0 01-56-56V88a56.06 56.06 0 0156-56h240a56.06 56.06 0 0156 56v208a56.06 56.06 0 01-56 56zM272 464a16 16 0 01-32 0V352h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPush.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPush.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Push"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Push.js"],"names":["Push","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Push.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Push = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 352H272V198.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 198.63V352H136a56.06 56.06 0 01-56-56V88a56.06 56.06 0 0156-56h240a56.06 56.06 0 0156 56v208a56.06 56.06 0 01-56 56zM272 464a16 16 0 01-32 0V352h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPush.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPush.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Push"]}
\ No newline at end of file
diff --git a/lib/PushOutline.js b/lib/PushOutline.js
index acff8055d..aeb5ea3ab 100644
--- a/lib/PushOutline.js
+++ b/lib/PushOutline.js
@@ -48,7 +48,7 @@ var PushOutline = function PushOutline(props) {
 PushOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PushOutline.js.map b/lib/PushOutline.js.map
index 497f8efc8..dbb13cba8 100644
--- a/lib/PushOutline.js.map
+++ b/lib/PushOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PushOutline.js"],"names":["PushOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6FAAR,EAAsG,MAAK,MAA3G,EAAkH,QAAO,cAAzH,EAAwI,eAAc,OAAtJ,EAA8J,gBAAe,OAA7K,EAAqL,aAAY,IAAjM,GAAjK;AAAwW,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAxW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PushOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PushOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336h40a40 40 0 0040-40V88a40 40 0 00-40-40H136a40 40 0 00-40 40v208a40 40 0 0040 40h40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 240l80-80 80 80M256 464V176\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPushOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPushOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PushOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PushOutline.js"],"names":["PushOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6FAAR,EAAsG,MAAK,MAA3G,EAAkH,QAAO,cAAzH,EAAwI,eAAc,OAAtJ,EAA8J,gBAAe,OAA7K,EAAqL,aAAY,IAAjM,GAAhK;AAAwW,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAAxW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"PushOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PushOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336h40a40 40 0 0040-40V88a40 40 0 00-40-40H136a40 40 0 00-40 40v208a40 40 0 0040 40h40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 240l80-80 80 80M256 464V176\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPushOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPushOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PushOutline"]}
\ No newline at end of file
diff --git a/lib/PushSharp.js b/lib/PushSharp.js
index f2bfb30c7..01c4da795 100644
--- a/lib/PushSharp.js
+++ b/lib/PushSharp.js
@@ -47,7 +47,7 @@ var PushSharp = function PushSharp(props) {
 PushSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/PushSharp.js.map b/lib/PushSharp.js.map
index 0d524ff54..27fb045d2 100644
--- a/lib/PushSharp.js.map
+++ b/lib/PushSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/PushSharp.js"],"names":["PushSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PushSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PushSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 352V204.63l64 64L358.63 246 256 143.37 153.37 246 176 268.63l64-64V352H92a12 12 0 01-12-12V44a12 12 0 0112-12h328a12 12 0 0112 12v296a12 12 0 01-12 12zM240 352h32v128h-32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nPushSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPushSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PushSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/PushSharp.js"],"names":["PushSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"PushSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst PushSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 352V204.63l64 64L358.63 246 256 143.37 153.37 246 176 268.63l64-64V352H92a12 12 0 01-12-12V44a12 12 0 0112-12h328a12 12 0 0112 12v296a12 12 0 01-12 12zM240 352h32v128h-32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nPushSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nPushSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default PushSharp"]}
\ No newline at end of file
diff --git a/lib/QrCode.js b/lib/QrCode.js
index 2f3148782..52a49cd15 100644
--- a/lib/QrCode.js
+++ b/lib/QrCode.js
@@ -52,7 +52,7 @@ var QrCode = function QrCode(props) {
 QrCode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/QrCode.js.map b/lib/QrCode.js.map
index c3498ce6f..e83ca4c55 100644
--- a/lib/QrCode.js.map
+++ b/lib/QrCode.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/QrCode.js"],"names":["QrCode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAjK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA7N;AAAyR,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAzR;AAAqV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAArV;AAAiZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAjZ;AAA6c,8CAAM,GAAE,+dAAR;AAA7c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"QrCode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"336\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\"/><rect x=\"272\" y=\"272\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\"/><rect x=\"416\" y=\"416\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\"/><rect x=\"432\" y=\"272\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\"/><rect x=\"272\" y=\"432\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\"/><path d=\"M448 32H304a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 32H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 272H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V304a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCode.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCode"]}
\ No newline at end of file
+{"version":3,"sources":["../src/QrCode.js"],"names":["QrCode","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAhK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA7N;AAA0R,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA1R;AAAuV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAvV;AAAoZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAApZ;AAAid,8CAAM,GAAE,+dAAR;AAAjd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"QrCode.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCode = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"336\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\" /><rect x=\"272\" y=\"272\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\" /><rect x=\"416\" y=\"416\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\" /><rect x=\"432\" y=\"272\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\" /><rect x=\"272\" y=\"432\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\" /><path d=\"M448 32H304a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 32H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 272H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V304a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCode.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCode.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCode"]}
\ No newline at end of file
diff --git a/lib/QrCodeOutline.js b/lib/QrCodeOutline.js
index 40f33caf6..01a859fa1 100644
--- a/lib/QrCodeOutline.js
+++ b/lib/QrCodeOutline.js
@@ -57,7 +57,7 @@ var QrCodeOutline = function QrCodeOutline(props) {
 QrCodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/QrCodeOutline.js.map b/lib/QrCodeOutline.js.map
index 295b01016..33ac61c8e 100644
--- a/lib/QrCodeOutline.js.map
+++ b/lib/QrCodeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/QrCodeOutline.js"],"names":["QrCodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAjK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA7N;AAAyR,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAzR;AAAqV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAArV;AAAiZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAjZ;AAA6c,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAA7c;AAAwgB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAxgB;AAAuqB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,GAA9C,EAAkD,IAAG,GAArD,GAAvqB;AAAiuB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAjuB;AAA+3B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAA/3B;AAA07B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAA17B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"QrCodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"336\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\"/><rect x=\"272\" y=\"272\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\"/><rect x=\"416\" y=\"416\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\"/><rect x=\"432\" y=\"272\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\"/><rect x=\"272\" y=\"432\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\"/><rect x=\"336\" y=\"96\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\"/><rect x=\"288\" y=\"48\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"96\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\"/><rect x=\"48\" y=\"48\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"96\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\"/><rect x=\"48\" y=\"288\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCodeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/QrCodeOutline.js"],"names":["QrCodeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAhK;AAA6N,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA7N;AAA0R,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAA1R;AAAuV,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAAvV;AAAoZ,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,IAAxC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,GAApZ;AAAid,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAjd;AAA6gB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA7gB;AAA6qB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,IAA1B,EAA+B,QAAO,IAAtC,EAA2C,IAAG,GAA9C,EAAkD,IAAG,GAArD,GAA7qB;AAAwuB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ,GAAxuB;AAAu4B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,GAA/C,EAAmD,IAAG,GAAtD,GAAv4B;AAAm8B,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ;AAAn8B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"QrCodeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCodeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"336\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\" /><rect x=\"272\" y=\"272\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\" /><rect x=\"416\" y=\"416\" width=\"64\" height=\"64\" rx=\"8\" ry=\"8\" /><rect x=\"432\" y=\"272\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\" /><rect x=\"272\" y=\"432\" width=\"48\" height=\"48\" rx=\"8\" ry=\"8\" /><rect x=\"336\" y=\"96\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\" /><rect x=\"288\" y=\"48\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"96\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\" /><rect x=\"48\" y=\"48\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"96\" y=\"336\" width=\"80\" height=\"80\" rx=\"8\" ry=\"8\" /><rect x=\"48\" y=\"288\" width=\"176\" height=\"176\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCodeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCodeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCodeOutline"]}
\ No newline at end of file
diff --git a/lib/QrCodeSharp.js b/lib/QrCodeSharp.js
index 76f3b9d03..f6d928313 100644
--- a/lib/QrCodeSharp.js
+++ b/lib/QrCodeSharp.js
@@ -50,7 +50,7 @@ var QrCodeSharp = function QrCodeSharp(props) {
 QrCodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/QrCodeSharp.js.map b/lib/QrCodeSharp.js.map
index a87e9edac..e114dd9f6 100644
--- a/lib/QrCodeSharp.js.map
+++ b/lib/QrCodeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/QrCodeSharp.js"],"names":["QrCodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR,GAAjK;AAA8R,8CAAM,GAAE,0DAAR,GAA9R;AAAkW,8CAAM,GAAE,wDAAR,GAAlW;AAAoa,8CAAM,GAAE,yCAAR;AAApa;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"QrCodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336h80v80h-80zM272 272h64v64h-64zM416 416h64v64h-64zM432 272h48v48h-48zM272 432h48v48h-48zM336 96h80v80h-80z\"/><path d=\"M480 240H272V32h208zm-164-44h120V76H316zM96 96h80v80H96z\"/><path d=\"M240 240H32V32h208zM76 196h120V76H76zM96 336h80v80H96z\"/><path d=\"M240 480H32V272h208zM76 436h120V316H76z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCodeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/QrCodeSharp.js"],"names":["QrCodeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR,GAAhK;AAA8R,8CAAM,GAAE,0DAAR,GAA9R;AAAmW,8CAAM,GAAE,wDAAR,GAAnW;AAAsa,8CAAM,GAAE,yCAAR;AAAta;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"QrCodeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst QrCodeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336h80v80h-80zM272 272h64v64h-64zM416 416h64v64h-64zM432 272h48v48h-48zM272 432h48v48h-48zM336 96h80v80h-80z\" /><path d=\"M480 240H272V32h208zm-164-44h120V76H316zM96 96h80v80H96z\" /><path d=\"M240 240H32V32h208zM76 196h120V76H76zM96 336h80v80H96z\" /><path d=\"M240 480H32V272h208zM76 436h120V316H76z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nQrCodeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nQrCodeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default QrCodeSharp"]}
\ No newline at end of file
diff --git a/lib/Radio.js b/lib/Radio.js
index 397af4a11..a72f02741 100644
--- a/lib/Radio.js
+++ b/lib/Radio.js
@@ -50,7 +50,7 @@ var Radio = function Radio(props) {
 Radio.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Radio.js.map b/lib/Radio.js.map
index 19cf33783..e16e2c714 100644
--- a/lib/Radio.js.map
+++ b/lib/Radio.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Radio.js"],"names":["Radio","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,oPAAR,GAAnM;AAAic,8CAAM,GAAE,6PAAR,GAAjc;AAAwsB,8CAAM,GAAE,iQAAR;AAAxsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Radio.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Radio = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"36\"/><path d=\"M190.24 341.77a22 22 0 01-16.46-7.38 118 118 0 010-156.76 22 22 0 1132.87 29.24 74 74 0 000 98.29 22 22 0 01-16.43 36.61zM321.76 341.77a22 22 0 01-16.43-36.61 74 74 0 000-98.29 22 22 0 1132.87-29.24 118 118 0 010 156.76 22 22 0 01-16.44 7.38z\"/><path d=\"M139.29 392.72a21.92 21.92 0 01-16.08-7 190 190 0 010-259.49 22 22 0 1132.13 30.06 146 146 0 000 199.38 22 22 0 01-16.06 37zM372.71 392.72a22 22 0 01-16.06-37 146 146 0 000-199.38 22 22 0 1132.13-30.06 190 190 0 010 259.49 21.92 21.92 0 01-16.07 6.95z\"/><path d=\"M429 438a22 22 0 01-16.39-36.67 218.34 218.34 0 000-290.66 22 22 0 0132.78-29.34 262.34 262.34 0 010 349.34A22 22 0 01429 438zM83 438a21.94 21.94 0 01-16.41-7.33 262.34 262.34 0 010-349.34 22 22 0 0132.78 29.34 218.34 218.34 0 000 290.66A22 22 0 0183 438z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadio.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadio.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Radio"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Radio.js"],"names":["Radio","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,oPAAR,GAAnM;AAAkc,8CAAM,GAAE,6PAAR,GAAlc;AAA0sB,8CAAM,GAAE,iQAAR;AAA1sB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Radio.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Radio = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"36\" /><path d=\"M190.24 341.77a22 22 0 01-16.46-7.38 118 118 0 010-156.76 22 22 0 1132.87 29.24 74 74 0 000 98.29 22 22 0 01-16.43 36.61zM321.76 341.77a22 22 0 01-16.43-36.61 74 74 0 000-98.29 22 22 0 1132.87-29.24 118 118 0 010 156.76 22 22 0 01-16.44 7.38z\" /><path d=\"M139.29 392.72a21.92 21.92 0 01-16.08-7 190 190 0 010-259.49 22 22 0 1132.13 30.06 146 146 0 000 199.38 22 22 0 01-16.06 37zM372.71 392.72a22 22 0 01-16.06-37 146 146 0 000-199.38 22 22 0 1132.13-30.06 190 190 0 010 259.49 21.92 21.92 0 01-16.07 6.95z\" /><path d=\"M429 438a22 22 0 01-16.39-36.67 218.34 218.34 0 000-290.66 22 22 0 0132.78-29.34 262.34 262.34 0 010 349.34A22 22 0 01429 438zM83 438a21.94 21.94 0 01-16.41-7.33 262.34 262.34 0 010-349.34 22 22 0 0132.78 29.34 218.34 218.34 0 000 290.66A22 22 0 0183 438z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadio.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadio.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Radio"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOff.js b/lib/RadioButtonOff.js
index 8b8e7b8d9..81f1d861e 100644
--- a/lib/RadioButtonOff.js
+++ b/lib/RadioButtonOff.js
@@ -47,7 +47,7 @@ var RadioButtonOff = function RadioButtonOff(props) {
 RadioButtonOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOff.js.map b/lib/RadioButtonOff.js.map
index 64ac4c333..76e0ef84a 100644
--- a/lib/RadioButtonOff.js.map
+++ b/lib/RadioButtonOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOff.js"],"names":["RadioButtonOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RadioButtonOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOff.js"],"names":["RadioButtonOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RadioButtonOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOff"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOffOutline.js b/lib/RadioButtonOffOutline.js
index 924678c81..e4890729b 100644
--- a/lib/RadioButtonOffOutline.js
+++ b/lib/RadioButtonOffOutline.js
@@ -47,7 +47,7 @@ var RadioButtonOffOutline = function RadioButtonOffOutline(props) {
 RadioButtonOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOffOutline.js.map b/lib/RadioButtonOffOutline.js.map
index 65aaeedf3..4f90d1b5b 100644
--- a/lib/RadioButtonOffOutline.js.map
+++ b/lib/RadioButtonOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOffOutline.js"],"names":["RadioButtonOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"RadioButtonOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOffOutline.js"],"names":["RadioButtonOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"RadioButtonOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOffOutline"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOffSharp.js b/lib/RadioButtonOffSharp.js
index 301982e90..4b427f58f 100644
--- a/lib/RadioButtonOffSharp.js
+++ b/lib/RadioButtonOffSharp.js
@@ -47,7 +47,7 @@ var RadioButtonOffSharp = function RadioButtonOffSharp(props) {
 RadioButtonOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOffSharp.js.map b/lib/RadioButtonOffSharp.js.map
index f6f7a1402..42083ea99 100644
--- a/lib/RadioButtonOffSharp.js.map
+++ b/lib/RadioButtonOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOffSharp.js"],"names":["RadioButtonOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"RadioButtonOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOffSharp.js"],"names":["RadioButtonOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"RadioButtonOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOffSharp"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOn.js b/lib/RadioButtonOn.js
index becf05383..44d5e3bef 100644
--- a/lib/RadioButtonOn.js
+++ b/lib/RadioButtonOn.js
@@ -48,7 +48,7 @@ var RadioButtonOn = function RadioButtonOn(props) {
 RadioButtonOn.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOn.js.map b/lib/RadioButtonOn.js.map
index 9e90617c1..0e84dff49 100644
--- a/lib/RadioButtonOn.js.map
+++ b/lib/RadioButtonOn.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOn.js"],"names":["RadioButtonOn","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RadioButtonOn.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOn = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOn.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOn.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOn"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOn.js"],"names":["RadioButtonOn","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RadioButtonOn.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOn = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOn.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOn.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOn"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOnOutline.js b/lib/RadioButtonOnOutline.js
index 146282e5a..1e02c8738 100644
--- a/lib/RadioButtonOnOutline.js
+++ b/lib/RadioButtonOnOutline.js
@@ -48,7 +48,7 @@ var RadioButtonOnOutline = function RadioButtonOnOutline(props) {
 RadioButtonOnOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOnOutline.js.map b/lib/RadioButtonOnOutline.js.map
index 734846616..e2a51b543 100644
--- a/lib/RadioButtonOnOutline.js.map
+++ b/lib/RadioButtonOnOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOnOutline.js"],"names":["RadioButtonOnOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"RadioButtonOnOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOnOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOnOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOnOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOnOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOnOutline.js"],"names":["RadioButtonOnOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"RadioButtonOnOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOnOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOnOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOnOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOnOutline"]}
\ No newline at end of file
diff --git a/lib/RadioButtonOnSharp.js b/lib/RadioButtonOnSharp.js
index 23925acf0..aeb351e5d 100644
--- a/lib/RadioButtonOnSharp.js
+++ b/lib/RadioButtonOnSharp.js
@@ -48,7 +48,7 @@ var RadioButtonOnSharp = function RadioButtonOnSharp(props) {
 RadioButtonOnSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioButtonOnSharp.js.map b/lib/RadioButtonOnSharp.js.map
index 3dea3aa00..fb746fb70 100644
--- a/lib/RadioButtonOnSharp.js.map
+++ b/lib/RadioButtonOnSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioButtonOnSharp.js"],"names":["RadioButtonOnSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"RadioButtonOnSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOnSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"256\" r=\"144\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOnSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOnSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOnSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioButtonOnSharp.js"],"names":["RadioButtonOnSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"RadioButtonOnSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioButtonOnSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"256\" r=\"144\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioButtonOnSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioButtonOnSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioButtonOnSharp"]}
\ No newline at end of file
diff --git a/lib/RadioOutline.js b/lib/RadioOutline.js
index 8cba10f58..5882fc8bd 100644
--- a/lib/RadioOutline.js
+++ b/lib/RadioOutline.js
@@ -48,7 +48,7 @@ var RadioOutline = function RadioOutline(props) {
 RadioOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioOutline.js.map b/lib/RadioOutline.js.map
index fa5800fce..d2f2d3e6f 100644
--- a/lib/RadioOutline.js.map
+++ b/lib/RadioOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioOutline.js"],"names":["RadioOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B,GAAjK;AAAsM,8CAAM,GAAE,wMAAR,EAAiN,MAAK,MAAtN,EAA6N,QAAO,cAApO,EAAmP,eAAc,OAAjQ,EAAyQ,gBAAe,OAAxR,EAAgS,aAAY,IAA5S;AAAtM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RadioOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256.02\" r=\"32\"/><path d=\"M184.25 192.25a96 96 0 000 127.52M327.77 319.77a96 96 0 000-127.52M133.28 141.28a168 168 0 000 229.44M378.72 370.72a168 168 0 000-229.44M435 416a240.34 240.34 0 000-320M77 96a240.34 240.34 0 000 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioOutline.js"],"names":["RadioOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,QAApB,EAA6B,GAAE,IAA/B,GAAhK;AAAsM,8CAAM,GAAE,wMAAR,EAAiN,MAAK,MAAtN,EAA6N,QAAO,cAApO,EAAmP,eAAc,OAAjQ,EAAyQ,gBAAe,OAAxR,EAAgS,aAAY,IAA5S;AAAtM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RadioOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256.02\" r=\"32\" /><path d=\"M184.25 192.25a96 96 0 000 127.52M327.77 319.77a96 96 0 000-127.52M133.28 141.28a168 168 0 000 229.44M378.72 370.72a168 168 0 000-229.44M435 416a240.34 240.34 0 000-320M77 96a240.34 240.34 0 000 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioOutline"]}
\ No newline at end of file
diff --git a/lib/RadioSharp.js b/lib/RadioSharp.js
index 7dc2ea355..4200a2292 100644
--- a/lib/RadioSharp.js
+++ b/lib/RadioSharp.js
@@ -50,7 +50,7 @@ var RadioSharp = function RadioSharp(props) {
 RadioSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RadioSharp.js.map b/lib/RadioSharp.js.map
index 5d291ac3f..d74102759 100644
--- a/lib/RadioSharp.js.map
+++ b/lib/RadioSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RadioSharp.js"],"names":["RadioSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,OAAtC,GAAjK;AAAgN,8CAAM,GAAE,6PAAR,GAAhN;AAAud,8CAAM,GAAE,0OAAR,GAAvd;AAA2sB,8CAAM,GAAE,sPAAR;AAA3sB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"RadioSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"256\" rx=\"36\" ry=\"35.99\"/><path d=\"M188.4 350.8l-14.62-16.44a117.91 117.91 0 010-156.71l14.62-16.43 32.87 29.24-14.62 16.43a73.93 73.93 0 000 98.25l14.62 16.44zM323.6 350.8l-32.89-29.22 14.62-16.44a73.93 73.93 0 000-98.25l-14.62-16.43 32.87-29.24 14.62 16.43a117.91 117.91 0 010 156.71z\"/><path d=\"M138.24 401.76l-15-16.06a189.85 189.85 0 010-259.4l15-16.07 32.14 30.05-15 16.06a145.88 145.88 0 000 199.32l15 16.06zM373.76 401.76l-32.14-30 15-16.06a145.88 145.88 0 000-199.32l-15-16.06 32.14-30 15 16.07a189.85 189.85 0 010 259.4z\"/><path d=\"M430.73 447l-32.79-29.33 14.66-16.39a218.2 218.2 0 000-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 010 349.22zM81.27 447L66.6 430.61a262.18 262.18 0 010-349.22L81.28 65l32.79 29.34-14.68 16.38a218.2 218.2 0 000 290.56l14.66 16.39z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RadioSharp.js"],"names":["RadioSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,IAA9B,EAAmC,IAAG,OAAtC,GAAhK;AAAgN,8CAAM,GAAE,6PAAR,GAAhN;AAAwd,8CAAM,GAAE,0OAAR,GAAxd;AAA6sB,8CAAM,GAAE,sPAAR;AAA7sB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"RadioSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RadioSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"256\" rx=\"36\" ry=\"35.99\" /><path d=\"M188.4 350.8l-14.62-16.44a117.91 117.91 0 010-156.71l14.62-16.43 32.87 29.24-14.62 16.43a73.93 73.93 0 000 98.25l14.62 16.44zM323.6 350.8l-32.89-29.22 14.62-16.44a73.93 73.93 0 000-98.25l-14.62-16.43 32.87-29.24 14.62 16.43a117.91 117.91 0 010 156.71z\" /><path d=\"M138.24 401.76l-15-16.06a189.85 189.85 0 010-259.4l15-16.07 32.14 30.05-15 16.06a145.88 145.88 0 000 199.32l15 16.06zM373.76 401.76l-32.14-30 15-16.06a145.88 145.88 0 000-199.32l-15-16.06 32.14-30 15 16.07a189.85 189.85 0 010 259.4z\" /><path d=\"M430.73 447l-32.79-29.33 14.66-16.39a218.2 218.2 0 000-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 010 349.22zM81.27 447L66.6 430.61a262.18 262.18 0 010-349.22L81.28 65l32.79 29.34-14.68 16.38a218.2 218.2 0 000 290.56l14.66 16.39z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRadioSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRadioSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RadioSharp"]}
\ No newline at end of file
diff --git a/lib/Rainy.js b/lib/Rainy.js
index 78acba4cf..2668e36ad 100644
--- a/lib/Rainy.js
+++ b/lib/Rainy.js
@@ -47,7 +47,7 @@ var Rainy = function Rainy(props) {
 Rainy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Rainy.js.map b/lib/Rainy.js.map
index 368964b23..bf4c68517 100644
--- a/lib/Rainy.js.map
+++ b/lib/Rainy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Rainy.js"],"names":["Rainy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0wBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Rainy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rainy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.26 139.37c-16.77-16.73-39.17-28.41-65.17-34a16 16 0 01-11.19-9 142.24 142.24 0 00-42.19-53.21C314.48 25.39 286.23 16 256 16a140.24 140.24 0 00-93.5 35.32c-24.2 21.56-40.91 51.34-48.43 85.83a16.05 16.05 0 01-11.72 12.18c-25 6.3-35.71 12.54-49.21 24.56C34 190.93 24 214.14 24 240.8c0 30.55 11.23 55.64 32.47 72.56C75.08 328.17 100.5 336 130 336h234c33.2 0 64.11-11.46 87-32.28 23.84-21.65 37-51.67 37-84.52 0-31.49-11-59.09-31.74-79.83zM112 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01112 448zM160 496a16 16 0 01-13.29-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01160 496zM272 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01272 448zM320 496a16 16 0 01-13.3-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01320 496z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rainy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Rainy.js"],"names":["Rainy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0wBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Rainy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rainy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.26 139.37c-16.77-16.73-39.17-28.41-65.17-34a16 16 0 01-11.19-9 142.24 142.24 0 00-42.19-53.21C314.48 25.39 286.23 16 256 16a140.24 140.24 0 00-93.5 35.32c-24.2 21.56-40.91 51.34-48.43 85.83a16.05 16.05 0 01-11.72 12.18c-25 6.3-35.71 12.54-49.21 24.56C34 190.93 24 214.14 24 240.8c0 30.55 11.23 55.64 32.47 72.56C75.08 328.17 100.5 336 130 336h234c33.2 0 64.11-11.46 87-32.28 23.84-21.65 37-51.67 37-84.52 0-31.49-11-59.09-31.74-79.83zM112 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01112 448zM160 496a16 16 0 01-13.29-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01160 496zM272 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01272 448zM320 496a16 16 0 01-13.3-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01320 496z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rainy"]}
\ No newline at end of file
diff --git a/lib/RainyOutline.js b/lib/RainyOutline.js
index 4c90b9f44..2f082870e 100644
--- a/lib/RainyOutline.js
+++ b/lib/RainyOutline.js
@@ -48,7 +48,7 @@ var RainyOutline = function RainyOutline(props) {
 RainyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RainyOutline.js.map b/lib/RainyOutline.js.map
index 89252748e..c6e4805d2 100644
--- a/lib/RainyOutline.js.map
+++ b/lib/RainyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RainyOutline.js"],"names":["RainyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yPAAR,EAAkQ,MAAK,MAAvQ,EAA8Q,QAAO,cAArR,EAAoS,gBAAe,OAAnT,EAA2T,aAAY,IAAvU,GAAjK;AAA8e,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8DAAxG;AAA9e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RainyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RainyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M114.61 162.85A16.07 16.07 0 00128 149.6C140.09 76.17 193.63 32 256 32c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H130c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 384l-32 48M224 384l-64 96M304 384l-32 48M384 384l-64 96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RainyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RainyOutline.js"],"names":["RainyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yPAAR,EAAkQ,MAAK,MAAvQ,EAA8Q,QAAO,cAArR,EAAoS,gBAAe,OAAnT,EAA2T,aAAY,IAAvU,GAAhK;AAA8e,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8DAAxG;AAA9e;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RainyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RainyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M114.61 162.85A16.07 16.07 0 00128 149.6C140.09 76.17 193.63 32 256 32c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H130c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 384l-32 48M224 384l-64 96M304 384l-32 48M384 384l-64 96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RainyOutline"]}
\ No newline at end of file
diff --git a/lib/RainySharp.js b/lib/RainySharp.js
index ca8094037..6b2dda82e 100644
--- a/lib/RainySharp.js
+++ b/lib/RainySharp.js
@@ -47,7 +47,7 @@ var RainySharp = function RainySharp(props) {
 RainySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RainySharp.js.map b/lib/RainySharp.js.map
index 8a918f1f0..19520619d 100644
--- a/lib/RainySharp.js.map
+++ b/lib/RainySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RainySharp.js"],"names":["RainySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yoBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"RainySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RainySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01256 16c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM93.82 430.422l49.75-74.626 26.626 17.75-49.751 74.627zM141.816 478.429L223.568 355.8l26.625 17.75-81.751 122.628zM253.811 430.424l49.751-74.626 26.626 17.75-49.751 74.627zM301.808 478.43l81.752-122.627 26.625 17.75-81.751 122.628z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RainySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RainySharp.js"],"names":["RainySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yoBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"RainySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RainySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01256 16c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM93.82 430.422l49.75-74.626 26.626 17.75-49.751 74.627zM141.816 478.429L223.568 355.8l26.625 17.75-81.751 122.628zM253.811 430.424l49.751-74.626 26.626 17.75-49.751 74.627zM301.808 478.43l81.752-122.627 26.625 17.75-81.751 122.628z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRainySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRainySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RainySharp"]}
\ No newline at end of file
diff --git a/lib/Reader.js b/lib/Reader.js
index b73e6f7fb..70a6aa9ff 100644
--- a/lib/Reader.js
+++ b/lib/Reader.js
@@ -47,7 +47,7 @@ var Reader = function Reader(props) {
 Reader.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Reader.js.map b/lib/Reader.js.map
index 019eb5dfd..8adb16062 100644
--- a/lib/Reader.js.map
+++ b/lib/Reader.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Reader.js"],"names":["Reader","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Reader.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Reader = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM256 304h-80a16 16 0 010-32h80a16 16 0 010 32zm80-80H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReader.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReader.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Reader"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Reader.js"],"names":["Reader","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Reader.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Reader = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM256 304h-80a16 16 0 010-32h80a16 16 0 010 32zm80-80H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReader.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReader.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Reader"]}
\ No newline at end of file
diff --git a/lib/ReaderOutline.js b/lib/ReaderOutline.js
index 35827880b..9ff48931a 100644
--- a/lib/ReaderOutline.js
+++ b/lib/ReaderOutline.js
@@ -48,7 +48,7 @@ var ReaderOutline = function ReaderOutline(props) {
 ReaderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReaderOutline.js.map b/lib/ReaderOutline.js.map
index f2d07973c..1ff86c497 100644
--- a/lib/ReaderOutline.js.map
+++ b/lib/ReaderOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReaderOutline.js"],"names":["ReaderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qCAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ReaderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReaderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"48\" width=\"320\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 128h160M176 208h160M176 288h80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReaderOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReaderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReaderOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReaderOutline.js"],"names":["ReaderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qCAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ReaderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReaderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"48\" width=\"320\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 128h160M176 208h160M176 288h80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReaderOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReaderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReaderOutline"]}
\ No newline at end of file
diff --git a/lib/ReaderSharp.js b/lib/ReaderSharp.js
index f82633dea..c6c716634 100644
--- a/lib/ReaderSharp.js
+++ b/lib/ReaderSharp.js
@@ -47,7 +47,7 @@ var ReaderSharp = function ReaderSharp(props) {
 ReaderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReaderSharp.js.map b/lib/ReaderSharp.js.map
index 110d791fa..fc437bde1 100644
--- a/lib/ReaderSharp.js.map
+++ b/lib/ReaderSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReaderSharp.js"],"names":["ReaderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReaderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReaderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 44v424a12 12 0 0012 12h328a12 12 0 0012-12V44a12 12 0 00-12-12H92a12 12 0 00-12 12zm192 260H160v-32h112zm80-80H160v-32h192zm0-80H160v-32h192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReaderSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReaderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReaderSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReaderSharp.js"],"names":["ReaderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReaderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReaderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 44v424a12 12 0 0012 12h328a12 12 0 0012-12V44a12 12 0 00-12-12H92a12 12 0 00-12 12zm192 260H160v-32h112zm80-80H160v-32h192zm0-80H160v-32h192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReaderSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReaderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReaderSharp"]}
\ No newline at end of file
diff --git a/lib/Receipt.js b/lib/Receipt.js
index 5b25a3b75..238b4c19e 100644
--- a/lib/Receipt.js
+++ b/lib/Receipt.js
@@ -48,7 +48,7 @@ var Receipt = function Receipt(props) {
 Receipt.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Receipt.js.map b/lib/Receipt.js.map
index a7df47458..8419e0d35 100644
--- a/lib/Receipt.js.map
+++ b/lib/Receipt.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Receipt.js"],"names":["Receipt","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0mBAAR,GAAjK;AAAqxB,8CAAM,GAAE,+KAAR;AAArxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Receipt.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Receipt = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.82 32.45a16.28 16.28 0 00-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 00-14.31 0l-25.11 12.41L359 33.7a16 16 0 00-14.36 0L320 46.07l-24.45-12.34a16 16 0 00-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 00-14.33 0L192 46.1l-24.84-12.41a16 16 0 00-19.36 3.94 16.25 16.25 0 00-3.8 10.65V288l.05.05H336a32 32 0 0132 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0052-52V48a16 16 0 00-12.18-15.55zM416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 240zm0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 160z\"/><path d=\"M336 424v-88a16 16 0 00-16-16H48a32.1 32.1 0 00-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 002.85-6.81C351.07 463.7 336 451 336 424z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceipt.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceipt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Receipt"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Receipt.js"],"names":["Receipt","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0mBAAR,GAAhK;AAAqxB,8CAAM,GAAE,+KAAR;AAArxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Receipt.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Receipt = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M483.82 32.45a16.28 16.28 0 00-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 00-14.31 0l-25.11 12.41L359 33.7a16 16 0 00-14.36 0L320 46.07l-24.45-12.34a16 16 0 00-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 00-14.33 0L192 46.1l-24.84-12.41a16 16 0 00-19.36 3.94 16.25 16.25 0 00-3.8 10.65V288l.05.05H336a32 32 0 0132 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0052-52V48a16 16 0 00-12.18-15.55zM416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 240zm0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 160z\" /><path d=\"M336 424v-88a16 16 0 00-16-16H48a32.1 32.1 0 00-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 002.85-6.81C351.07 463.7 336 451 336 424z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceipt.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceipt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Receipt"]}
\ No newline at end of file
diff --git a/lib/ReceiptOutline.js b/lib/ReceiptOutline.js
index c90257a40..8357d8ec9 100644
--- a/lib/ReceiptOutline.js
+++ b/lib/ReceiptOutline.js
@@ -49,7 +49,7 @@ var ReceiptOutline = function ReceiptOutline(props) {
 ReceiptOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReceiptOutline.js.map b/lib/ReceiptOutline.js.map
index e55815493..7029473a8 100644
--- a/lib/ReceiptOutline.js.map
+++ b/lib/ReceiptOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReceiptOutline.js"],"names":["ReceiptOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,+FAAlF,GAAjK;AAAoV,8CAAM,GAAE,yGAAR,EAAkH,MAAK,MAAvH,EAA8H,QAAO,cAArI,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL,GAApV;AAAihB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ReceiptOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReceiptOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 336V48l32 16 32-16 31.94 16 32.37-16L320 64l31.79-16 31.93 16L416 48l32.01 16L480 48v224\"/><path d=\"M480 272v112a80 80 0 01-80 80h0a80 80 0 01-80-80v-48H48a15.86 15.86 0 00-16 16c0 64 6.74 112 80 112h288\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 144h192M288 224h128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceiptOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceiptOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReceiptOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReceiptOutline.js"],"names":["ReceiptOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,+FAAlF,GAAhK;AAAoV,8CAAM,GAAE,yGAAR,EAAkH,MAAK,MAAvH,EAA8H,QAAO,cAArI,EAAoJ,gBAAe,OAAnK,EAA2K,aAAY,IAAvL,GAApV;AAAkhB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAlhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ReceiptOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReceiptOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M160 336V48l32 16 32-16 31.94 16 32.37-16L320 64l31.79-16 31.93 16L416 48l32.01 16L480 48v224\" /><path d=\"M480 272v112a80 80 0 01-80 80h0a80 80 0 01-80-80v-48H48a15.86 15.86 0 00-16 16c0 64 6.74 112 80 112h288\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M224 144h192M288 224h128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceiptOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceiptOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReceiptOutline"]}
\ No newline at end of file
diff --git a/lib/ReceiptSharp.js b/lib/ReceiptSharp.js
index d97d80e76..e07cdabe8 100644
--- a/lib/ReceiptSharp.js
+++ b/lib/ReceiptSharp.js
@@ -48,7 +48,7 @@ var ReceiptSharp = function ReceiptSharp(props) {
 ReceiptSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReceiptSharp.js.map b/lib/ReceiptSharp.js.map
index 6c383125f..70fc52d1d 100644
--- a/lib/ReceiptSharp.js.map
+++ b/lib/ReceiptSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReceiptSharp.js"],"names":["ReceiptSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6LAAR,GAAjK;AAAwW,8CAAM,GAAE,mGAAR;AAAxW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReceiptSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReceiptSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 48l-32-16-32 16-32-16-32 16-32-16-32 16-32-16-32 16-48-16v256.05h224V424c0 30.93 33.07 56 64 56h12c30.93 0 52-25.07 52-56V32zM272.5 240l-.5-32h159.5l.5 32zm-64-80l-.5-32h223.5l.5 32z\"/><path d=\"M336 424V320H16v32c0 50.55 5.78 71.62 14.46 87.63C45.19 466.8 71.86 480 112 480h256s-32-20-32-56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceiptSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceiptSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReceiptSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReceiptSharp.js"],"names":["ReceiptSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6LAAR,GAAhK;AAAwW,8CAAM,GAAE,mGAAR;AAAxW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReceiptSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReceiptSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 48l-32-16-32 16-32-16-32 16-32-16-32 16-32-16-32 16-48-16v256.05h224V424c0 30.93 33.07 56 64 56h12c30.93 0 52-25.07 52-56V32zM272.5 240l-.5-32h159.5l.5 32zm-64-80l-.5-32h223.5l.5 32z\" /><path d=\"M336 424V320H16v32c0 50.55 5.78 71.62 14.46 87.63C45.19 466.8 71.86 480 112 480h256s-32-20-32-56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReceiptSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReceiptSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReceiptSharp"]}
\ No newline at end of file
diff --git a/lib/Recording.js b/lib/Recording.js
index c99fb862e..39363294d 100644
--- a/lib/Recording.js
+++ b/lib/Recording.js
@@ -47,7 +47,7 @@ var Recording = function Recording(props) {
 Recording.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Recording.js.map b/lib/Recording.js.map
index d55b28831..3b637f955 100644
--- a/lib/Recording.js.map
+++ b/lib/Recording.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Recording.js"],"names":["Recording","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mUAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Recording.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Recording = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.79 144.05c-59.1 1.65-107.12 49.71-108.79 108.81a111.64 111.64 0 0030.36 79.77A2 2 0 01301 336h-90a2 2 0 01-1.44-3.37A111.64 111.64 0 00240 252.86c-1.63-59.1-49.65-107.16-108.75-108.81A112.12 112.12 0 0016 255.53C15.75 317.77 67 368 129.24 368h253.52C445 368 496.25 317.77 496 255.53a112.12 112.12 0 00-115.21-111.48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecording.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecording.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Recording"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Recording.js"],"names":["Recording","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mUAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Recording.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Recording = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.79 144.05c-59.1 1.65-107.12 49.71-108.79 108.81a111.64 111.64 0 0030.36 79.77A2 2 0 01301 336h-90a2 2 0 01-1.44-3.37A111.64 111.64 0 00240 252.86c-1.63-59.1-49.65-107.16-108.75-108.81A112.12 112.12 0 0016 255.53C15.75 317.77 67 368 129.24 368h253.52C445 368 496.25 317.77 496 255.53a112.12 112.12 0 00-115.21-111.48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecording.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecording.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Recording"]}
\ No newline at end of file
diff --git a/lib/RecordingOutline.js b/lib/RecordingOutline.js
index 2d947872c..a62649e4b 100644
--- a/lib/RecordingOutline.js
+++ b/lib/RecordingOutline.js
@@ -49,7 +49,7 @@ var RecordingOutline = function RecordingOutline(props) {
 RecordingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RecordingOutline.js.map b/lib/RecordingOutline.js.map
index 40fbab07d..34784883e 100644
--- a/lib/RecordingOutline.js.map
+++ b/lib/RecordingOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RecordingOutline.js"],"names":["RecordingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"RecordingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RecordingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128 352h256\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecordingOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecordingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RecordingOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RecordingOutline.js"],"names":["RecordingOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAsa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAta;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"RecordingOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RecordingOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"256\" r=\"96\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128 352h256\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecordingOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecordingOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RecordingOutline"]}
\ No newline at end of file
diff --git a/lib/RecordingSharp.js b/lib/RecordingSharp.js
index 0b07a44bf..0cfb038a6 100644
--- a/lib/RecordingSharp.js
+++ b/lib/RecordingSharp.js
@@ -47,7 +47,7 @@ var RecordingSharp = function RecordingSharp(props) {
 RecordingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RecordingSharp.js.map b/lib/RecordingSharp.js.map
index 55cd41a03..37dd395ce 100644
--- a/lib/RecordingSharp.js.map
+++ b/lib/RecordingSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RecordingSharp.js"],"names":["RecordingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RecordingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RecordingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 138a117.93 117.93 0 00-91.84 192h-72.32A118 118 0 10128 374h256a118 118 0 000-236zM54 256a74 74 0 1174 74 74.09 74.09 0 01-74-74zm330 74a74 74 0 1174-74 74.09 74.09 0 01-74 74z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecordingSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecordingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RecordingSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RecordingSharp.js"],"names":["RecordingSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RecordingSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RecordingSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 138a117.93 117.93 0 00-91.84 192h-72.32A118 118 0 10128 374h256a118 118 0 000-236zM54 256a74 74 0 1174 74 74.09 74.09 0 01-74-74zm330 74a74 74 0 1174-74 74.09 74.09 0 01-74 74z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRecordingSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRecordingSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RecordingSharp"]}
\ No newline at end of file
diff --git a/lib/Refresh.js b/lib/Refresh.js
index b2273cf8f..494274cf3 100644
--- a/lib/Refresh.js
+++ b/lib/Refresh.js
@@ -48,7 +48,7 @@ var Refresh = function Refresh(props) {
 Refresh.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Refresh.js.map b/lib/Refresh.js.map
index e517defa6..642a3cfe9 100644
--- a/lib/Refresh.js.map
+++ b/lib/Refresh.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Refresh.js"],"names":["Refresh","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,kBAAiB,IAA/H,EAAoI,aAAY,IAAhJ,GAAjK;AAAuT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Refresh.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Refresh = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefresh.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefresh.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Refresh"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Refresh.js"],"names":["Refresh","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,kBAAiB,IAA/H,EAAoI,aAAY,IAAhJ,GAAhK;AAAuT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Refresh.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Refresh = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefresh.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefresh.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Refresh"]}
\ No newline at end of file
diff --git a/lib/RefreshCircle.js b/lib/RefreshCircle.js
index 4dbeb2d6f..a708825d5 100644
--- a/lib/RefreshCircle.js
+++ b/lib/RefreshCircle.js
@@ -47,7 +47,7 @@ var RefreshCircle = function RefreshCircle(props) {
 RefreshCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RefreshCircle.js.map b/lib/RefreshCircle.js.map
index bbc05530b..d1e263656 100644
--- a/lib/RefreshCircle.js.map
+++ b/lib/RefreshCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RefreshCircle.js"],"names":["RefreshCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wTAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RefreshCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm0 313a94 94 0 010-188h4.21l-14.11-14.1a14 14 0 0119.8-19.8l40 40a14 14 0 010 19.8l-40 40a14 14 0 01-19.8-19.8l18-18c-2.38-.1-5.1-.1-8.1-.1a66 66 0 1066 66 14 14 0 0128 0 94.11 94.11 0 01-94 94z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RefreshCircle.js"],"names":["RefreshCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wTAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RefreshCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm0 313a94 94 0 010-188h4.21l-14.11-14.1a14 14 0 0119.8-19.8l40 40a14 14 0 010 19.8l-40 40a14 14 0 01-19.8-19.8l18-18c-2.38-.1-5.1-.1-8.1-.1a66 66 0 1066 66 14 14 0 0128 0 94.11 94.11 0 01-94 94z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircle"]}
\ No newline at end of file
diff --git a/lib/RefreshCircleOutline.js b/lib/RefreshCircleOutline.js
index 93081f8fd..9fd59e92d 100644
--- a/lib/RefreshCircleOutline.js
+++ b/lib/RefreshCircleOutline.js
@@ -49,7 +49,7 @@ var RefreshCircleOutline = function RefreshCircleOutline(props) {
 RefreshCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RefreshCircleOutline.js.map b/lib/RefreshCircleOutline.js.map
index a64bb97f2..405548128 100644
--- a/lib/RefreshCircleOutline.js.map
+++ b/lib/RefreshCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RefreshCircleOutline.js"],"names":["RefreshCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,kBAAiB,IAAzH,EAA8H,aAAY,IAA1I,GAAjK;AAAiT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjT;AAAib,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAjb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"RefreshCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 193s12.18-6-32-6a80 80 0 1080 80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"28\" d=\"M256 149l40 40-40 40\"/><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RefreshCircleOutline.js"],"names":["RefreshCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uCAAR,EAAgD,MAAK,MAArD,EAA4D,QAAO,cAAnE,EAAkF,eAAc,OAAhG,EAAwG,kBAAiB,IAAzH,EAA8H,aAAY,IAA1I,GAAhK;AAAiT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjT;AAAkb,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ;AAAlb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"RefreshCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M288 193s12.18-6-32-6a80 80 0 1080 80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"28\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"28\" d=\"M256 149l40 40-40 40\" /><path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircleOutline"]}
\ No newline at end of file
diff --git a/lib/RefreshCircleSharp.js b/lib/RefreshCircleSharp.js
index df50c10fb..9372e5e0d 100644
--- a/lib/RefreshCircleSharp.js
+++ b/lib/RefreshCircleSharp.js
@@ -47,7 +47,7 @@ var RefreshCircleSharp = function RefreshCircleSharp(props) {
 RefreshCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RefreshCircleSharp.js.map b/lib/RefreshCircleSharp.js.map
index 7ee8ddd64..05dc139df 100644
--- a/lib/RefreshCircleSharp.js.map
+++ b/lib/RefreshCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RefreshCircleSharp.js"],"names":["RefreshCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"RefreshCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm94 219a94 94 0 11-94-94h4.21l-24-24L256 129.2l59.8 59.8-59.8 59.8-19.8-19.8 27.92-27.92c-2.4-.08-5.12-.08-8.12-.08a66 66 0 1066 66v-14h28z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RefreshCircleSharp.js"],"names":["RefreshCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"RefreshCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm94 219a94 94 0 11-94-94h4.21l-24-24L256 129.2l59.8 59.8-59.8 59.8-19.8-19.8 27.92-27.92c-2.4-.08-5.12-.08-8.12-.08a66 66 0 1066 66v-14h28z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshCircleSharp"]}
\ No newline at end of file
diff --git a/lib/RefreshOutline.js b/lib/RefreshOutline.js
index fb2cad6f5..8e018e772 100644
--- a/lib/RefreshOutline.js
+++ b/lib/RefreshOutline.js
@@ -48,7 +48,7 @@ var RefreshOutline = function RefreshOutline(props) {
 RefreshOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RefreshOutline.js.map b/lib/RefreshOutline.js.map
index 5b1fe3bf9..70752684f 100644
--- a/lib/RefreshOutline.js.map
+++ b/lib/RefreshOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RefreshOutline.js"],"names":["RefreshOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,kBAAiB,IAA/H,EAAoI,aAAY,IAAhJ,GAAjK;AAAuT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RefreshOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RefreshOutline.js"],"names":["RefreshOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,kBAAiB,IAA/H,EAAoI,aAAY,IAAhJ,GAAhK;AAAuT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAvT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"RefreshOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshOutline"]}
\ No newline at end of file
diff --git a/lib/RefreshSharp.js b/lib/RefreshSharp.js
index 73d156250..f07e4c928 100644
--- a/lib/RefreshSharp.js
+++ b/lib/RefreshSharp.js
@@ -48,7 +48,7 @@ var RefreshSharp = function RefreshSharp(props) {
 RefreshSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RefreshSharp.js.map b/lib/RefreshSharp.js.map
index 4a2474bbc..1d8155ead 100644
--- a/lib/RefreshSharp.js.map
+++ b/lib/RefreshSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RefreshSharp.js"],"names":["RefreshSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,QAAtG,EAA+G,kBAAiB,IAAhI,EAAqI,aAAY,IAAjJ,GAAjK;AAAwT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RefreshSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RefreshSharp.js"],"names":["RefreshSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,QAAtG,EAA+G,kBAAiB,IAAhI,EAAqI,aAAY,IAAjJ,GAAhK;AAAwT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qBAAxG;AAAxT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RefreshSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RefreshSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 146s24.36-12-64-12a160 160 0 10160 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 58l80 80-80 80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRefreshSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRefreshSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RefreshSharp"]}
\ No newline at end of file
diff --git a/lib/Reload.js b/lib/Reload.js
index a26e69ef6..56fd91df8 100644
--- a/lib/Reload.js
+++ b/lib/Reload.js
@@ -48,7 +48,7 @@ var Reload = function Reload(props) {
 Reload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Reload.js.map b/lib/Reload.js.map
index b7f62cec1..721c3147d 100644
--- a/lib/Reload.js.map
+++ b/lib/Reload.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Reload.js"],"names":["Reload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,OAA1K,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN,GAAjK;AAA2X,8CAAM,GAAE,mHAAR;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Reload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Reload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReload.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Reload"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Reload.js"],"names":["Reload","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,OAA1K,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN,GAAhK;AAA2X,8CAAM,GAAE,mHAAR;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Reload.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Reload = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReload.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReload.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Reload"]}
\ No newline at end of file
diff --git a/lib/ReloadCircle.js b/lib/ReloadCircle.js
index 58329d449..ac2e6ae3e 100644
--- a/lib/ReloadCircle.js
+++ b/lib/ReloadCircle.js
@@ -47,7 +47,7 @@ var ReloadCircle = function ReloadCircle(props) {
 ReloadCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReloadCircle.js.map b/lib/ReloadCircle.js.map
index 6619ecb7c..71eb07304 100644
--- a/lib/ReloadCircle.js.map
+++ b/lib/ReloadCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReloadCircle.js"],"names":["ReloadCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReloadCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 182.15a8.62 8.62 0 01-8.62 8.62h-59.54a8.61 8.61 0 01-6.09-14.71l22.17-22.17-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25A16 16 0 11368 295.8a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5 14.68-14.68a8.44 8.44 0 016-2.54 8.61 8.61 0 018.68 8.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReloadCircle.js"],"names":["ReloadCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReloadCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 182.15a8.62 8.62 0 01-8.62 8.62h-59.54a8.61 8.61 0 01-6.09-14.71l22.17-22.17-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25A16 16 0 11368 295.8a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5 14.68-14.68a8.44 8.44 0 016-2.54 8.61 8.61 0 018.68 8.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircle"]}
\ No newline at end of file
diff --git a/lib/ReloadCircleOutline.js b/lib/ReloadCircleOutline.js
index f6c6af250..d8780ac3d 100644
--- a/lib/ReloadCircleOutline.js
+++ b/lib/ReloadCircleOutline.js
@@ -49,7 +49,7 @@ var ReloadCircleOutline = function ReloadCircleOutline(props) {
 ReloadCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReloadCircleOutline.js.map b/lib/ReloadCircleOutline.js.map
index c3cdf8adb..96ca6b204 100644
--- a/lib/ReloadCircleOutline.js.map
+++ b/lib/ReloadCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReloadCircleOutline.js"],"names":["ReloadCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAhU;AAAqe,8CAAM,GAAE,wIAAR;AAAre;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReloadCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M341.54 197.85l-11.37-13.23a103.37 103.37 0 1022.71 105.84\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M367.32 162a8.44 8.44 0 00-6 2.54l-59.54 59.54a8.61 8.61 0 006.09 14.71h59.54a8.62 8.62 0 008.62-8.62v-59.56a8.61 8.61 0 00-8.68-8.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReloadCircleOutline.js"],"names":["ReloadCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAhU;AAAse,8CAAM,GAAE,wIAAR;AAAte;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReloadCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M341.54 197.85l-11.37-13.23a103.37 103.37 0 1022.71 105.84\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M367.32 162a8.44 8.44 0 00-6 2.54l-59.54 59.54a8.61 8.61 0 006.09 14.71h59.54a8.62 8.62 0 008.62-8.62v-59.56a8.61 8.61 0 00-8.68-8.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ReloadCircleSharp.js b/lib/ReloadCircleSharp.js
index f9d130b95..7c84882e7 100644
--- a/lib/ReloadCircleSharp.js
+++ b/lib/ReloadCircleSharp.js
@@ -47,7 +47,7 @@ var ReloadCircleSharp = function ReloadCircleSharp(props) {
 ReloadCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReloadCircleSharp.js.map b/lib/ReloadCircleSharp.js.map
index 244510883..14153f43f 100644
--- a/lib/ReloadCircleSharp.js.map
+++ b/lib/ReloadCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReloadCircleSharp.js"],"names":["ReloadCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6SAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReloadCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 190.77h-89l36.88-36.88-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25l5.37-15.13 30.17 10.67-5.3 15.13a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5L376 149.81z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReloadCircleSharp.js"],"names":["ReloadCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6SAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReloadCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 190.77h-89l36.88-36.88-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25l5.37-15.13 30.17 10.67-5.3 15.13a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5L376 149.81z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ReloadOutline.js b/lib/ReloadOutline.js
index 4582db581..a7aeefa90 100644
--- a/lib/ReloadOutline.js
+++ b/lib/ReloadOutline.js
@@ -48,7 +48,7 @@ var ReloadOutline = function ReloadOutline(props) {
 ReloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReloadOutline.js.map b/lib/ReloadOutline.js.map
index 1e0396ee3..2aa9b6534 100644
--- a/lib/ReloadOutline.js.map
+++ b/lib/ReloadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReloadOutline.js"],"names":["ReloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,OAA1K,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN,GAAjK;AAA2X,8CAAM,GAAE,mHAAR;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ReloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReloadOutline.js"],"names":["ReloadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,OAA1K,EAAkL,kBAAiB,IAAnM,EAAwM,aAAY,IAApN,GAAhK;AAA2X,8CAAM,GAAE,mHAAR;AAA3X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ReloadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadOutline"]}
\ No newline at end of file
diff --git a/lib/ReloadSharp.js b/lib/ReloadSharp.js
index 2f5fbbbaf..1d5928e89 100644
--- a/lib/ReloadSharp.js
+++ b/lib/ReloadSharp.js
@@ -48,7 +48,7 @@ var ReloadSharp = function ReloadSharp(props) {
 ReloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReloadSharp.js.map b/lib/ReloadSharp.js.map
index 3c4c71c62..53fc1ebe9 100644
--- a/lib/ReloadSharp.js.map
+++ b/lib/ReloadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReloadSharp.js"],"names":["ReloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,QAA1K,EAAmL,kBAAiB,IAApM,EAAyM,aAAY,IAArN,GAAjK;AAA4X,8CAAM,GAAE,uFAAR;AAA5X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M464 68.45V220a4 4 0 01-4 4H308.45a4 4 0 01-2.83-6.83L457.17 65.62a4 4 0 016.83 2.83z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReloadSharp.js"],"names":["ReloadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iHAAR,EAA0H,MAAK,MAA/H,EAAsI,QAAO,cAA7I,EAA4J,eAAc,QAA1K,EAAmL,kBAAiB,IAApM,EAAyM,aAAY,IAArN,GAAhK;AAA4X,8CAAM,GAAE,uFAAR;AAA5X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReloadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReloadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M464 68.45V220a4 4 0 01-4 4H308.45a4 4 0 01-2.83-6.83L457.17 65.62a4 4 0 016.83 2.83z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReloadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReloadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReloadSharp"]}
\ No newline at end of file
diff --git a/lib/Remove.js b/lib/Remove.js
index 6bf81781d..246a289a2 100644
--- a/lib/Remove.js
+++ b/lib/Remove.js
@@ -47,7 +47,7 @@ var Remove = function Remove(props) {
 Remove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Remove.js.map b/lib/Remove.js.map
index f50c30b5d..e99fb86f4 100644
--- a/lib/Remove.js.map
+++ b/lib/Remove.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Remove.js"],"names":["Remove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Remove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Remove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemove.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Remove"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Remove.js"],"names":["Remove","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Remove.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Remove = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemove.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemove.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Remove"]}
\ No newline at end of file
diff --git a/lib/RemoveCircle.js b/lib/RemoveCircle.js
index ad1c3dee4..72f5207b4 100644
--- a/lib/RemoveCircle.js
+++ b/lib/RemoveCircle.js
@@ -47,7 +47,7 @@ var RemoveCircle = function RemoveCircle(props) {
 RemoveCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RemoveCircle.js.map b/lib/RemoveCircle.js.map
index 4127a6daa..606ecb97d 100644
--- a/lib/RemoveCircle.js.map
+++ b/lib/RemoveCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoveCircle.js"],"names":["RemoveCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wIAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RemoveCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224H176a16 16 0 010-32h160a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RemoveCircle.js"],"names":["RemoveCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wIAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"RemoveCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224H176a16 16 0 010-32h160a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircle"]}
\ No newline at end of file
diff --git a/lib/RemoveCircleOutline.js b/lib/RemoveCircleOutline.js
index 38b839218..d5b2984e8 100644
--- a/lib/RemoveCircleOutline.js
+++ b/lib/RemoveCircleOutline.js
@@ -48,7 +48,7 @@ var RemoveCircleOutline = function RemoveCircleOutline(props) {
 RemoveCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RemoveCircleOutline.js.map b/lib/RemoveCircleOutline.js.map
index d53f622e1..3221892cd 100644
--- a/lib/RemoveCircleOutline.js.map
+++ b/lib/RemoveCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoveCircleOutline.js"],"names":["RemoveCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"RemoveCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 256H176\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RemoveCircleOutline.js"],"names":["RemoveCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"RemoveCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 256H176\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircleOutline"]}
\ No newline at end of file
diff --git a/lib/RemoveCircleSharp.js b/lib/RemoveCircleSharp.js
index f9bfd95b1..a3dfe448b 100644
--- a/lib/RemoveCircleSharp.js
+++ b/lib/RemoveCircleSharp.js
@@ -47,7 +47,7 @@ var RemoveCircleSharp = function RemoveCircleSharp(props) {
 RemoveCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RemoveCircleSharp.js.map b/lib/RemoveCircleSharp.js.map
index e40925719..4e665332b 100644
--- a/lib/RemoveCircleSharp.js.map
+++ b/lib/RemoveCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoveCircleSharp.js"],"names":["RemoveCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"RemoveCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224H160v-32h192z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RemoveCircleSharp.js"],"names":["RemoveCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"RemoveCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224H160v-32h192z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveCircleSharp"]}
\ No newline at end of file
diff --git a/lib/RemoveOutline.js b/lib/RemoveOutline.js
index 2506cedc0..b1bad8c0d 100644
--- a/lib/RemoveOutline.js
+++ b/lib/RemoveOutline.js
@@ -47,7 +47,7 @@ var RemoveOutline = function RemoveOutline(props) {
 RemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RemoveOutline.js.map b/lib/RemoveOutline.js.map
index 70c1f029f..cd353edd1 100644
--- a/lib/RemoveOutline.js.map
+++ b/lib/RemoveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoveOutline.js"],"names":["RemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RemoveOutline.js"],"names":["RemoveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RemoveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveOutline"]}
\ No newline at end of file
diff --git a/lib/RemoveSharp.js b/lib/RemoveSharp.js
index 0e8415fa1..1c6c9aa72 100644
--- a/lib/RemoveSharp.js
+++ b/lib/RemoveSharp.js
@@ -47,7 +47,7 @@ var RemoveSharp = function RemoveSharp(props) {
 RemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RemoveSharp.js.map b/lib/RemoveSharp.js.map
index 775f75a36..7df735ec8 100644
--- a/lib/RemoveSharp.js.map
+++ b/lib/RemoveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoveSharp.js"],"names":["RemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,cAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RemoveSharp.js"],"names":["RemoveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,cAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RemoveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RemoveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 256H112\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRemoveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRemoveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RemoveSharp"]}
\ No newline at end of file
diff --git a/lib/ReorderFour.js b/lib/ReorderFour.js
index c637aa904..44d76ca1e 100644
--- a/lib/ReorderFour.js
+++ b/lib/ReorderFour.js
@@ -47,7 +47,7 @@ var ReorderFour = function ReorderFour(props) {
 ReorderFour.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderFour.js.map b/lib/ReorderFour.js.map
index 7d14192d0..0d683e3cd 100644
--- a/lib/ReorderFour.js.map
+++ b/lib/ReorderFour.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderFour.js"],"names":["ReorderFour","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kDAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReorderFour.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFour = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 304h308M102 208h308M102 112h308M102 400h308\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFour.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFour.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFour"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderFour.js"],"names":["ReorderFour","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kDAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ReorderFour.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFour = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 304h308M102 208h308M102 112h308M102 400h308\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFour.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFour.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFour"]}
\ No newline at end of file
diff --git a/lib/ReorderFourOutline.js b/lib/ReorderFourOutline.js
index cd9eaae51..8be9dba02 100644
--- a/lib/ReorderFourOutline.js
+++ b/lib/ReorderFourOutline.js
@@ -47,7 +47,7 @@ var ReorderFourOutline = function ReorderFourOutline(props) {
 ReorderFourOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderFourOutline.js.map b/lib/ReorderFourOutline.js.map
index 155557164..76a8f9e73 100644
--- a/lib/ReorderFourOutline.js.map
+++ b/lib/ReorderFourOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderFourOutline.js"],"names":["ReorderFourOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8CAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ReorderFourOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFourOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 304h320M96 208h320M96 112h320M96 400h320\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFourOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFourOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFourOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderFourOutline.js"],"names":["ReorderFourOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8CAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ReorderFourOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFourOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 304h320M96 208h320M96 112h320M96 400h320\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFourOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFourOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFourOutline"]}
\ No newline at end of file
diff --git a/lib/ReorderFourSharp.js b/lib/ReorderFourSharp.js
index 4478a94d8..500d07732 100644
--- a/lib/ReorderFourSharp.js
+++ b/lib/ReorderFourSharp.js
@@ -47,7 +47,7 @@ var ReorderFourSharp = function ReorderFourSharp(props) {
 ReorderFourSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderFourSharp.js.map b/lib/ReorderFourSharp.js.map
index 5810d022d..a8cae4359 100644
--- a/lib/ReorderFourSharp.js.map
+++ b/lib/ReorderFourSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderFourSharp.js"],"names":["ReorderFourSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,kDAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ReorderFourSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFourSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 304h308M102 208h308M102 112h308M102 400h308\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFourSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFourSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFourSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderFourSharp.js"],"names":["ReorderFourSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,kDAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ReorderFourSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderFourSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 304h308M102 208h308M102 112h308M102 400h308\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderFourSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderFourSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderFourSharp"]}
\ No newline at end of file
diff --git a/lib/ReorderThree.js b/lib/ReorderThree.js
index 754acc0d9..67a7de0c2 100644
--- a/lib/ReorderThree.js
+++ b/lib/ReorderThree.js
@@ -47,7 +47,7 @@ var ReorderThree = function ReorderThree(props) {
 ReorderThree.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderThree.js.map b/lib/ReorderThree.js.map
index 89ca93c92..9242aba0c 100644
--- a/lib/ReorderThree.js.map
+++ b/lib/ReorderThree.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderThree.js"],"names":["ReorderThree","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReorderThree.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThree = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 256h308M102 176h308M102 336h308\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThree.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThree.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThree"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderThree.js"],"names":["ReorderThree","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReorderThree.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThree = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 256h308M102 176h308M102 336h308\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThree.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThree.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThree"]}
\ No newline at end of file
diff --git a/lib/ReorderThreeOutline.js b/lib/ReorderThreeOutline.js
index 80815b2b8..12c50b8a0 100644
--- a/lib/ReorderThreeOutline.js
+++ b/lib/ReorderThreeOutline.js
@@ -47,7 +47,7 @@ var ReorderThreeOutline = function ReorderThreeOutline(props) {
 ReorderThreeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderThreeOutline.js.map b/lib/ReorderThreeOutline.js.map
index f39df0654..43d0268ad 100644
--- a/lib/ReorderThreeOutline.js.map
+++ b/lib/ReorderThreeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderThreeOutline.js"],"names":["ReorderThreeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReorderThreeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThreeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 256h320M96 176h320M96 336h320\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThreeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThreeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThreeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderThreeOutline.js"],"names":["ReorderThreeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,mCAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReorderThreeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThreeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 256h320M96 176h320M96 336h320\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThreeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThreeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThreeOutline"]}
\ No newline at end of file
diff --git a/lib/ReorderThreeSharp.js b/lib/ReorderThreeSharp.js
index eb871d0b8..f73605bfe 100644
--- a/lib/ReorderThreeSharp.js
+++ b/lib/ReorderThreeSharp.js
@@ -47,7 +47,7 @@ var ReorderThreeSharp = function ReorderThreeSharp(props) {
 ReorderThreeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderThreeSharp.js.map b/lib/ReorderThreeSharp.js.map
index ded0cc3d3..2df2b3409 100644
--- a/lib/ReorderThreeSharp.js.map
+++ b/lib/ReorderThreeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderThreeSharp.js"],"names":["ReorderThreeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,sCAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReorderThreeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThreeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 256h308M102 176h308M102 336h308\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThreeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThreeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThreeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderThreeSharp.js"],"names":["ReorderThreeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,sCAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReorderThreeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderThreeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M102 256h308M102 176h308M102 336h308\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderThreeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderThreeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderThreeSharp"]}
\ No newline at end of file
diff --git a/lib/ReorderTwo.js b/lib/ReorderTwo.js
index ecbd44c79..17b3a3579 100644
--- a/lib/ReorderTwo.js
+++ b/lib/ReorderTwo.js
@@ -47,7 +47,7 @@ var ReorderTwo = function ReorderTwo(props) {
 ReorderTwo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderTwo.js.map b/lib/ReorderTwo.js.map
index 8a9fde78f..402bb6b36 100644
--- a/lib/ReorderTwo.js.map
+++ b/lib/ReorderTwo.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderTwo.js"],"names":["ReorderTwo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ReorderTwo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M118 304h276M118 208h276\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwo.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwo"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderTwo.js"],"names":["ReorderTwo","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ReorderTwo.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwo = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M118 304h276M118 208h276\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwo.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwo.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwo"]}
\ No newline at end of file
diff --git a/lib/ReorderTwoOutline.js b/lib/ReorderTwoOutline.js
index 127f7fd9c..7f250c44c 100644
--- a/lib/ReorderTwoOutline.js
+++ b/lib/ReorderTwoOutline.js
@@ -47,7 +47,7 @@ var ReorderTwoOutline = function ReorderTwoOutline(props) {
 ReorderTwoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderTwoOutline.js.map b/lib/ReorderTwoOutline.js.map
index af1077ed1..820c23325 100644
--- a/lib/ReorderTwoOutline.js.map
+++ b/lib/ReorderTwoOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderTwoOutline.js"],"names":["ReorderTwoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReorderTwoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 304h288M112 208h288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwoOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwoOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderTwoOutline.js"],"names":["ReorderTwoOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReorderTwoOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwoOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 304h288M112 208h288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwoOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwoOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwoOutline"]}
\ No newline at end of file
diff --git a/lib/ReorderTwoSharp.js b/lib/ReorderTwoSharp.js
index ae78da7d0..e34462f98 100644
--- a/lib/ReorderTwoSharp.js
+++ b/lib/ReorderTwoSharp.js
@@ -47,7 +47,7 @@ var ReorderTwoSharp = function ReorderTwoSharp(props) {
 ReorderTwoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReorderTwoSharp.js.map b/lib/ReorderTwoSharp.js.map
index 59003b3f9..9c11a7920 100644
--- a/lib/ReorderTwoSharp.js.map
+++ b/lib/ReorderTwoSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReorderTwoSharp.js"],"names":["ReorderTwoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,0BAAzG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ReorderTwoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M118 304h276M118 208h276\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwoSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwoSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReorderTwoSharp.js"],"names":["ReorderTwoSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,0BAAzG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ReorderTwoSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReorderTwoSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"44\" d=\"M118 304h276M118 208h276\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReorderTwoSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReorderTwoSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReorderTwoSharp"]}
\ No newline at end of file
diff --git a/lib/Repeat.js b/lib/Repeat.js
index 00327b3b3..430c7cbf2 100644
--- a/lib/Repeat.js
+++ b/lib/Repeat.js
@@ -49,7 +49,7 @@ var Repeat = function Repeat(props) {
 Repeat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Repeat.js.map b/lib/Repeat.js.map
index 4ff913f38..b9b408f4c 100644
--- a/lib/Repeat.js.map
+++ b/lib/Repeat.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Repeat.js"],"names":["Repeat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,EAAkF,QAAO,cAAzF,EAAwG,eAAc,OAAtH,EAA8H,gBAAe,OAA7I,EAAqJ,aAAY,IAAjK,GAAjS;AAAwc,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAxc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Repeat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Repeat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\"/><path d=\"M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 344h208a80.24 80.24 0 0080-80v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeat.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Repeat"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Repeat.js"],"names":["Repeat","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,EAAkF,QAAO,cAAzF,EAAwG,eAAc,OAAtH,EAA8H,gBAAe,OAA7I,EAAqJ,aAAY,IAAjK,GAAjS;AAAyc,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAzc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Repeat.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Repeat = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\" /><path d=\"M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 344h208a80.24 80.24 0 0080-80v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeat.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeat.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Repeat"]}
\ No newline at end of file
diff --git a/lib/RepeatOutline.js b/lib/RepeatOutline.js
index f18c9e9ad..52a329368 100644
--- a/lib/RepeatOutline.js
+++ b/lib/RepeatOutline.js
@@ -49,7 +49,7 @@ var RepeatOutline = function RepeatOutline(props) {
 RepeatOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RepeatOutline.js.map b/lib/RepeatOutline.js.map
index 1c589bd8d..b53c16488 100644
--- a/lib/RepeatOutline.js.map
+++ b/lib/RepeatOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RepeatOutline.js"],"names":["RepeatOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,EAAkF,QAAO,cAAzF,EAAwG,eAAc,OAAtH,EAA8H,gBAAe,OAA7I,EAAqJ,aAAY,IAAjK,GAAjS;AAAwc,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAxc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RepeatOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RepeatOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\"/><path d=\"M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M160 344h208a80.24 80.24 0 0080-80v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeatOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeatOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RepeatOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RepeatOutline.js"],"names":["RepeatOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,EAAkF,QAAO,cAAzF,EAAwG,eAAc,OAAtH,EAA8H,gBAAe,OAA7I,EAAqJ,aAAY,IAAjK,GAAjS;AAAyc,8CAAM,GAAE,wCAAR,EAAiD,MAAK,MAAtD,EAA6D,QAAO,cAApE,EAAmF,eAAc,OAAjG,EAAyG,gBAAe,OAAxH,EAAgI,aAAY,IAA5I;AAAzc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RepeatOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RepeatOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\" /><path d=\"M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M160 344h208a80.24 80.24 0 0080-80v-16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeatOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeatOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RepeatOutline"]}
\ No newline at end of file
diff --git a/lib/RepeatSharp.js b/lib/RepeatSharp.js
index a8c91323c..08ae298c9 100644
--- a/lib/RepeatSharp.js
+++ b/lib/RepeatSharp.js
@@ -49,7 +49,7 @@ var RepeatSharp = function RepeatSharp(props) {
 RepeatSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RepeatSharp.js.map b/lib/RepeatSharp.js.map
index dc3f88b52..24a4998e3 100644
--- a/lib/RepeatSharp.js.map
+++ b/lib/RepeatSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RepeatSharp.js"],"names":["RepeatSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qCAAxG,GAAjS;AAAgb,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG;AAAhb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RepeatSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RepeatSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 168H64v96M192 392l-48-48 48-48\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M160 344h288v-96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeatSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeatSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RepeatSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RepeatSharp.js"],"names":["RepeatSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qCAAxG,GAAjS;AAAib,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG;AAAjb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RepeatSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RepeatSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M320 120l48 48-48 48\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 168H64v96M192 392l-48-48 48-48\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M160 344h288v-96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRepeatSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRepeatSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RepeatSharp"]}
\ No newline at end of file
diff --git a/lib/Resize.js b/lib/Resize.js
index cced80974..766b758b2 100644
--- a/lib/Resize.js
+++ b/lib/Resize.js
@@ -47,7 +47,7 @@ var Resize = function Resize(props) {
 Resize.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Resize.js.map b/lib/Resize.js.map
index e324de6fd..8c55b4c9b 100644
--- a/lib/Resize.js.map
+++ b/lib/Resize.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Resize.js"],"names":["Resize","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Resize.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Resize = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nResize.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResize.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Resize"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Resize.js"],"names":["Resize","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Resize.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Resize = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nResize.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResize.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Resize"]}
\ No newline at end of file
diff --git a/lib/ResizeOutline.js b/lib/ResizeOutline.js
index bda530834..14294a303 100644
--- a/lib/ResizeOutline.js
+++ b/lib/ResizeOutline.js
@@ -47,7 +47,7 @@ var ResizeOutline = function ResizeOutline(props) {
 ResizeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ResizeOutline.js.map b/lib/ResizeOutline.js.map
index 07bbfc7de..1e05fabb2 100644
--- a/lib/ResizeOutline.js.map
+++ b/lib/ResizeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ResizeOutline.js"],"names":["ResizeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ResizeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ResizeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nResizeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResizeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ResizeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ResizeOutline.js"],"names":["ResizeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ResizeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ResizeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nResizeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResizeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ResizeOutline"]}
\ No newline at end of file
diff --git a/lib/ResizeSharp.js b/lib/ResizeSharp.js
index 5ff18050f..2e3ed0652 100644
--- a/lib/ResizeSharp.js
+++ b/lib/ResizeSharp.js
@@ -47,7 +47,7 @@ var ResizeSharp = function ResizeSharp(props) {
 ResizeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ResizeSharp.js.map b/lib/ResizeSharp.js.map
index 7e2effcc2..0b54858b7 100644
--- a/lib/ResizeSharp.js.map
+++ b/lib/ResizeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ResizeSharp.js"],"names":["ResizeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ResizeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ResizeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nResizeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResizeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ResizeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ResizeSharp.js"],"names":["ResizeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ResizeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ResizeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nResizeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nResizeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ResizeSharp"]}
\ No newline at end of file
diff --git a/lib/Restaurant.js b/lib/Restaurant.js
index ad0388de2..bbcdfa322 100644
--- a/lib/Restaurant.js
+++ b/lib/Restaurant.js
@@ -48,7 +48,7 @@ var Restaurant = function Restaurant(props) {
 Restaurant.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Restaurant.js.map b/lib/Restaurant.js.map
index baf0c70a3..25c3ad149 100644
--- a/lib/Restaurant.js.map
+++ b/lib/Restaurant.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Restaurant.js"],"names":["Restaurant","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,y3BAAR,GAAjK;AAAoiC,8CAAM,GAAE,0RAAR;AAApiC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Restaurant.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Restaurant = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M357.57 223.94a79.48 79.48 0 0056.58-23.44l77-76.95c6.09-6.09 6.65-16 .85-22.39a16 16 0 00-23.17-.56l-68.63 68.58a12.29 12.29 0 01-17.37 0c-4.79-4.78-4.53-12.86.25-17.64l68.33-68.33a16 16 0 00-.56-23.16A15.62 15.62 0 00440.27 56a16.71 16.71 0 00-11.81 4.9l-68.27 68.26a12.29 12.29 0 01-17.37 0c-4.78-4.78-4.53-12.86.25-17.64l68.33-68.31a16 16 0 00-.56-23.16A15.62 15.62 0 00400.26 16a16.73 16.73 0 00-11.81 4.9L311.5 97.85a79.49 79.49 0 00-23.44 56.59v8.23a16 16 0 01-4.69 11.33l-35.61 35.62a4 4 0 01-5.66 0L68.82 36.33a16 16 0 00-22.58-.06C31.09 51.28 23 72.47 23 97.54c-.1 41.4 21.66 89 56.79 124.08l85.45 85.45A64.79 64.79 0 00211 326a64 64 0 0016.21-2.08 16.24 16.24 0 014.07-.53 15.93 15.93 0 0110.83 4.25l11.39 10.52a16.12 16.12 0 014.6 11.23v5.54a47.73 47.73 0 0013.77 33.65l90.05 91.57.09.1a53.29 53.29 0 0075.36-75.37L302.39 269.9a4 4 0 010-5.66L338 228.63a16 16 0 0111.32-4.69z\"/><path d=\"M211 358a97.32 97.32 0 01-68.36-28.25l-13.86-13.86a8 8 0 00-11.3 0l-85 84.56c-15.15 15.15-20.56 37.45-13.06 59.29a30.63 30.63 0 001.49 3.6C31 484 50.58 496 72 496a55.68 55.68 0 0039.64-16.44L225 365.66a4.69 4.69 0 001.32-3.72v-.26a4.63 4.63 0 00-5.15-4.27A97.09 97.09 0 01211 358z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurant.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurant.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Restaurant"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Restaurant.js"],"names":["Restaurant","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,y3BAAR,GAAhK;AAAoiC,8CAAM,GAAE,0RAAR;AAApiC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Restaurant.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Restaurant = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M357.57 223.94a79.48 79.48 0 0056.58-23.44l77-76.95c6.09-6.09 6.65-16 .85-22.39a16 16 0 00-23.17-.56l-68.63 68.58a12.29 12.29 0 01-17.37 0c-4.79-4.78-4.53-12.86.25-17.64l68.33-68.33a16 16 0 00-.56-23.16A15.62 15.62 0 00440.27 56a16.71 16.71 0 00-11.81 4.9l-68.27 68.26a12.29 12.29 0 01-17.37 0c-4.78-4.78-4.53-12.86.25-17.64l68.33-68.31a16 16 0 00-.56-23.16A15.62 15.62 0 00400.26 16a16.73 16.73 0 00-11.81 4.9L311.5 97.85a79.49 79.49 0 00-23.44 56.59v8.23a16 16 0 01-4.69 11.33l-35.61 35.62a4 4 0 01-5.66 0L68.82 36.33a16 16 0 00-22.58-.06C31.09 51.28 23 72.47 23 97.54c-.1 41.4 21.66 89 56.79 124.08l85.45 85.45A64.79 64.79 0 00211 326a64 64 0 0016.21-2.08 16.24 16.24 0 014.07-.53 15.93 15.93 0 0110.83 4.25l11.39 10.52a16.12 16.12 0 014.6 11.23v5.54a47.73 47.73 0 0013.77 33.65l90.05 91.57.09.1a53.29 53.29 0 0075.36-75.37L302.39 269.9a4 4 0 010-5.66L338 228.63a16 16 0 0111.32-4.69z\" /><path d=\"M211 358a97.32 97.32 0 01-68.36-28.25l-13.86-13.86a8 8 0 00-11.3 0l-85 84.56c-15.15 15.15-20.56 37.45-13.06 59.29a30.63 30.63 0 001.49 3.6C31 484 50.58 496 72 496a55.68 55.68 0 0039.64-16.44L225 365.66a4.69 4.69 0 001.32-3.72v-.26a4.63 4.63 0 00-5.15-4.27A97.09 97.09 0 01211 358z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurant.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurant.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Restaurant"]}
\ No newline at end of file
diff --git a/lib/RestaurantOutline.js b/lib/RestaurantOutline.js
index f2a685bb7..852fa4f37 100644
--- a/lib/RestaurantOutline.js
+++ b/lib/RestaurantOutline.js
@@ -48,7 +48,7 @@ var RestaurantOutline = function RestaurantOutline(props) {
 RestaurantOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RestaurantOutline.js.map b/lib/RestaurantOutline.js.map
index b99b67ba8..88f7ed388 100644
--- a/lib/RestaurantOutline.js.map
+++ b/lib/RestaurantOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RestaurantOutline.js"],"names":["RestaurantOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8PAAR,EAAuQ,MAAK,MAA5Q,EAAmR,QAAO,cAA1R,EAAyS,gBAAe,OAAxT,EAAgU,aAAY,IAA5U,GAAjK;AAAmf,8CAAM,GAAE,+OAAR,EAAwP,MAAK,MAA7P,EAAoQ,QAAO,cAA3Q,EAA0R,eAAc,OAAxS,EAAgT,gBAAe,OAA/T,EAAuU,aAAY,IAAnV;AAAnf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"RestaurantOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RestaurantOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M57.49 47.74l368.43 368.43a37.28 37.28 0 010 52.72h0a37.29 37.29 0 01-52.72 0l-90-91.55a32 32 0 01-9.2-22.43v-5.53a32 32 0 00-9.52-22.78l-11.62-10.73a32 32 0 00-29.8-7.44h0a48.53 48.53 0 01-46.56-12.63l-85.43-85.44C40.39 159.68 21.74 83.15 57.49 47.74z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M400 32l-77.25 77.25A64 64 0 00304 154.51v14.86a16 16 0 01-4.69 11.32L288 192M320 224l11.31-11.31a16 16 0 0111.32-4.69h14.86a64 64 0 0045.26-18.75L480 112M440 72l-80 80M200 368l-99.72 100.28a40 40 0 01-56.56 0h0a40 40 0 010-56.56L128 328\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurantOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurantOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RestaurantOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RestaurantOutline.js"],"names":["RestaurantOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8PAAR,EAAuQ,MAAK,MAA5Q,EAAmR,QAAO,cAA1R,EAAyS,gBAAe,OAAxT,EAAgU,aAAY,IAA5U,GAAhK;AAAmf,8CAAM,GAAE,+OAAR,EAAwP,MAAK,MAA7P,EAAoQ,QAAO,cAA3Q,EAA0R,eAAc,OAAxS,EAAgT,gBAAe,OAA/T,EAAuU,aAAY,IAAnV;AAAnf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"RestaurantOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RestaurantOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M57.49 47.74l368.43 368.43a37.28 37.28 0 010 52.72h0a37.29 37.29 0 01-52.72 0l-90-91.55a32 32 0 01-9.2-22.43v-5.53a32 32 0 00-9.52-22.78l-11.62-10.73a32 32 0 00-29.8-7.44h0a48.53 48.53 0 01-46.56-12.63l-85.43-85.44C40.39 159.68 21.74 83.15 57.49 47.74z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M400 32l-77.25 77.25A64 64 0 00304 154.51v14.86a16 16 0 01-4.69 11.32L288 192M320 224l11.31-11.31a16 16 0 0111.32-4.69h14.86a64 64 0 0045.26-18.75L480 112M440 72l-80 80M200 368l-99.72 100.28a40 40 0 01-56.56 0h0a40 40 0 010-56.56L128 328\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurantOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurantOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RestaurantOutline"]}
\ No newline at end of file
diff --git a/lib/RestaurantSharp.js b/lib/RestaurantSharp.js
index 62ace17fd..978729662 100644
--- a/lib/RestaurantSharp.js
+++ b/lib/RestaurantSharp.js
@@ -48,7 +48,7 @@ var RestaurantSharp = function RestaurantSharp(props) {
 RestaurantSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RestaurantSharp.js.map b/lib/RestaurantSharp.js.map
index 4c11800b0..88517ab40 100644
--- a/lib/RestaurantSharp.js.map
+++ b/lib/RestaurantSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RestaurantSharp.js"],"names":["RestaurantSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8aAAR,GAAjK;AAAylB,8CAAM,GAAE,+GAAR;AAAzlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"RestaurantSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RestaurantSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.7 223.94h14.87a79.48 79.48 0 0056.58-23.44L496 118l-22.22-22.4-83.58 83.58-17.37-17.37 83.58-83.59-23-22.31-83.27 83.26-17.32-17.37 83.58-83.59L394 16l-82.5 81.85a79.49 79.49 0 00-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8 6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72-156.43-156.93z\"/><path d=\"M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80 144-144z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurantSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurantSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RestaurantSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RestaurantSharp.js"],"names":["RestaurantSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8aAAR,GAAhK;AAAylB,8CAAM,GAAE,+GAAR;AAAzlB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"RestaurantSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RestaurantSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342.7 223.94h14.87a79.48 79.48 0 0056.58-23.44L496 118l-22.22-22.4-83.58 83.58-17.37-17.37 83.58-83.59-23-22.31-83.27 83.26-17.32-17.37 83.58-83.59L394 16l-82.5 81.85a79.49 79.49 0 00-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8 6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72-156.43-156.93z\" /><path d=\"M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80 144-144z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRestaurantSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRestaurantSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RestaurantSharp"]}
\ No newline at end of file
diff --git a/lib/ReturnDownBack.js b/lib/ReturnDownBack.js
index d9380dc52..bbe370bd3 100644
--- a/lib/ReturnDownBack.js
+++ b/lib/ReturnDownBack.js
@@ -48,7 +48,7 @@ var ReturnDownBack = function ReturnDownBack(props) {
 ReturnDownBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownBack.js.map b/lib/ReturnDownBack.js.map
index 737d48cff..7fd077198 100644
--- a/lib/ReturnDownBack.js.map
+++ b/lib/ReturnDownBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownBack.js"],"names":["ReturnDownBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,GAAE,2CAAR,EAAoD,MAAK,MAAzD,EAAgE,QAAO,cAAvE,EAAsF,eAAc,OAApG,EAA4G,gBAAe,OAA3H,EAAmI,aAAY,IAA/I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ReturnDownBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\"/><path d=\"M64 288h294c58.76 0 106-49.33 106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownBack.js"],"names":["ReturnDownBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,GAAE,2CAAR,EAAoD,MAAK,MAAzD,EAAgE,QAAO,cAAvE,EAAsF,eAAc,OAApG,EAA4G,gBAAe,OAA3H,EAAmI,aAAY,IAA/I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ReturnDownBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\" /><path d=\"M64 288h294c58.76 0 106-49.33 106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBack"]}
\ No newline at end of file
diff --git a/lib/ReturnDownBackOutline.js b/lib/ReturnDownBackOutline.js
index 3966b0afb..1c88cda38 100644
--- a/lib/ReturnDownBackOutline.js
+++ b/lib/ReturnDownBackOutline.js
@@ -48,7 +48,7 @@ var ReturnDownBackOutline = function ReturnDownBackOutline(props) {
 ReturnDownBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownBackOutline.js.map b/lib/ReturnDownBackOutline.js.map
index 4ddebe9ce..02b6641ab 100644
--- a/lib/ReturnDownBackOutline.js.map
+++ b/lib/ReturnDownBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownBackOutline.js"],"names":["ReturnDownBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,GAAE,2CAAR,EAAoD,MAAK,MAAzD,EAAgE,QAAO,cAAvE,EAAsF,eAAc,OAApG,EAA4G,gBAAe,OAA3H,EAAmI,aAAY,IAA/I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"ReturnDownBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\"/><path d=\"M64 288h294c58.76 0 106-49.33 106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownBackOutline.js"],"names":["ReturnDownBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,GAAE,2CAAR,EAAoD,MAAK,MAAzD,EAAgE,QAAO,cAAvE,EAAsF,eAAc,OAApG,EAA4G,gBAAe,OAA3H,EAAmI,aAAY,IAA/I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"ReturnDownBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\" /><path d=\"M64 288h294c58.76 0 106-49.33 106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBackOutline"]}
\ No newline at end of file
diff --git a/lib/ReturnDownBackSharp.js b/lib/ReturnDownBackSharp.js
index 126429853..478027581 100644
--- a/lib/ReturnDownBackSharp.js
+++ b/lib/ReturnDownBackSharp.js
@@ -48,7 +48,7 @@ var ReturnDownBackSharp = function ReturnDownBackSharp(props) {
 ReturnDownBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownBackSharp.js.map b/lib/ReturnDownBackSharp.js.map
index 123c89fc4..16b3eefe0 100644
--- a/lib/ReturnDownBackSharp.js.map
+++ b/lib/ReturnDownBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownBackSharp.js"],"names":["ReturnDownBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReturnDownBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 288h400V160\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownBackSharp.js"],"names":["ReturnDownBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReturnDownBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 352l-64-64 64-64\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 288h400V160\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownBackSharp"]}
\ No newline at end of file
diff --git a/lib/ReturnDownForward.js b/lib/ReturnDownForward.js
index eec2e27f3..f8cd20847 100644
--- a/lib/ReturnDownForward.js
+++ b/lib/ReturnDownForward.js
@@ -48,7 +48,7 @@ var ReturnDownForward = function ReturnDownForward(props) {
 ReturnDownForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownForward.js.map b/lib/ReturnDownForward.js.map
index 917792613..46e61253b 100644
--- a/lib/ReturnDownForward.js.map
+++ b/lib/ReturnDownForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownForward.js"],"names":["ReturnDownForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReturnDownForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\"/><path d=\"M448 288H154c-58.76 0-106-49.33-106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownForward.js"],"names":["ReturnDownForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReturnDownForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\" /><path d=\"M448 288H154c-58.76 0-106-49.33-106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForward"]}
\ No newline at end of file
diff --git a/lib/ReturnDownForwardOutline.js b/lib/ReturnDownForwardOutline.js
index 657fe9bb7..739436998 100644
--- a/lib/ReturnDownForwardOutline.js
+++ b/lib/ReturnDownForwardOutline.js
@@ -48,7 +48,7 @@ var ReturnDownForwardOutline = function ReturnDownForwardOutline(props) {
 ReturnDownForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownForwardOutline.js.map b/lib/ReturnDownForwardOutline.js.map
index 18435eb33..b3ecf11c0 100644
--- a/lib/ReturnDownForwardOutline.js.map
+++ b/lib/ReturnDownForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownForwardOutline.js"],"names":["ReturnDownForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ReturnDownForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\"/><path d=\"M448 288H154c-58.76 0-106-49.33-106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownForwardOutline.js"],"names":["ReturnDownForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,2BAA2B,SAA3BA,wBAA2B,QAAS;AACxC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,6CAAR,EAAsD,MAAK,MAA3D,EAAkE,QAAO,cAAzE,EAAwF,eAAc,OAAtG,EAA8G,gBAAe,OAA7H,EAAqI,aAAY,IAAjJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,yBAAyBa,YAAzB,GAAwC;AACtC;AACAH,SAAO,EAF+B;AAGtCN,SAAO,SAH+B;AAItCF,UAAQ,MAJ8B;AAKtCC,SAAO,MAL+B;AAMtCQ,cAAY,EAN0B;AAOtCC,SAAO,EAP+B;;AAStC;AACAL,SAAO,KAV+B;AAWtCC,QAAM,KAXgC;AAYtCF,UAAQ;AAZ8B,CAAxC;;AAgBAN,yBAAyBc,SAAzB,GAAqC;AACnC;AACAJ,SAAOK,oBAAUC,MAFkB;AAGnCZ,SAAOW,oBAAUE,MAHkB;AAInCf,UAAQa,oBAAUE,MAJiB;AAKnCd,SAAOY,oBAAUE,MALkB;AAMnCN,cAAYI,oBAAUE,MANa;AAOnCL,SAAOG,oBAAUE,MAPkB;;AASnC;AACAV,SAAOQ,oBAAUG,IAVkB;AAWnCV,QAAMO,oBAAUG,IAXmB;AAYnCZ,UAAQS,oBAAUG,IAZiB;;AAcnC;AACAb,WAASU,oBAAUI;AAfgB,CAArC;;kBAmBenB,wB","file":"ReturnDownForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\" /><path d=\"M448 288H154c-58.76 0-106-49.33-106-108v-20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForwardOutline"]}
\ No newline at end of file
diff --git a/lib/ReturnDownForwardSharp.js b/lib/ReturnDownForwardSharp.js
index e930117af..2df81de31 100644
--- a/lib/ReturnDownForwardSharp.js
+++ b/lib/ReturnDownForwardSharp.js
@@ -48,7 +48,7 @@ var ReturnDownForwardSharp = function ReturnDownForwardSharp(props) {
 ReturnDownForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnDownForwardSharp.js.map b/lib/ReturnDownForwardSharp.js.map
index 1bd51bd8b..ccd226827 100644
--- a/lib/ReturnDownForwardSharp.js.map
+++ b/lib/ReturnDownForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnDownForwardSharp.js"],"names":["ReturnDownForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ReturnDownForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 288H48V160\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnDownForwardSharp.js"],"names":["ReturnDownForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ReturnDownForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnDownForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 352l64-64-64-64\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 288H48V160\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnDownForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnDownForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnDownForwardSharp"]}
\ No newline at end of file
diff --git a/lib/ReturnUpBack.js b/lib/ReturnUpBack.js
index 730b5c109..fc44daf76 100644
--- a/lib/ReturnUpBack.js
+++ b/lib/ReturnUpBack.js
@@ -48,7 +48,7 @@ var ReturnUpBack = function ReturnUpBack(props) {
 ReturnUpBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpBack.js.map b/lib/ReturnUpBack.js.map
index ab0881f14..424d3a434 100644
--- a/lib/ReturnUpBack.js.map
+++ b/lib/ReturnUpBack.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpBack.js"],"names":["ReturnUpBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReturnUpBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\"/><path d=\"M64 224h294c58.76 0 106 49.33 106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBack.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBack"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpBack.js"],"names":["ReturnUpBack","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ReturnUpBack.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBack = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\" /><path d=\"M64 224h294c58.76 0 106 49.33 106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBack.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBack.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBack"]}
\ No newline at end of file
diff --git a/lib/ReturnUpBackOutline.js b/lib/ReturnUpBackOutline.js
index 4e05505fd..4cfefdef3 100644
--- a/lib/ReturnUpBackOutline.js
+++ b/lib/ReturnUpBackOutline.js
@@ -48,7 +48,7 @@ var ReturnUpBackOutline = function ReturnUpBackOutline(props) {
 ReturnUpBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpBackOutline.js.map b/lib/ReturnUpBackOutline.js.map
index ec807f2fe..a5a7a6aaf 100644
--- a/lib/ReturnUpBackOutline.js.map
+++ b/lib/ReturnUpBackOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpBackOutline.js"],"names":["ReturnUpBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReturnUpBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\"/><path d=\"M64 224h294c58.76 0 106 49.33 106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBackOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpBackOutline.js"],"names":["ReturnUpBackOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,GAAE,0CAAR,EAAmD,MAAK,MAAxD,EAA+D,QAAO,cAAtE,EAAqF,eAAc,OAAnG,EAA2G,gBAAe,OAA1H,EAAkI,aAAY,IAA9I;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ReturnUpBackOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBackOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\" /><path d=\"M64 224h294c58.76 0 106 49.33 106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBackOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBackOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBackOutline"]}
\ No newline at end of file
diff --git a/lib/ReturnUpBackSharp.js b/lib/ReturnUpBackSharp.js
index 660e77869..c2b9684e2 100644
--- a/lib/ReturnUpBackSharp.js
+++ b/lib/ReturnUpBackSharp.js
@@ -48,7 +48,7 @@ var ReturnUpBackSharp = function ReturnUpBackSharp(props) {
 ReturnUpBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpBackSharp.js.map b/lib/ReturnUpBackSharp.js.map
index 2997a1534..ee4cbc858 100644
--- a/lib/ReturnUpBackSharp.js.map
+++ b/lib/ReturnUpBackSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpBackSharp.js"],"names":["ReturnUpBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAjK;AAAkS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReturnUpBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 224h400v128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBackSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpBackSharp.js"],"names":["ReturnUpBackSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,uBAAxG,GAAhK;AAAkS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAlS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ReturnUpBackSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpBackSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M112 160l-64 64 64 64\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 224h400v128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpBackSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpBackSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpBackSharp"]}
\ No newline at end of file
diff --git a/lib/ReturnUpForward.js b/lib/ReturnUpForward.js
index 59ec377a4..2ad1296da 100644
--- a/lib/ReturnUpForward.js
+++ b/lib/ReturnUpForward.js
@@ -48,7 +48,7 @@ var ReturnUpForward = function ReturnUpForward(props) {
 ReturnUpForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpForward.js.map b/lib/ReturnUpForward.js.map
index cf119f57a..04c350a1f 100644
--- a/lib/ReturnUpForward.js.map
+++ b/lib/ReturnUpForward.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpForward.js"],"names":["ReturnUpForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ReturnUpForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\"/><path d=\"M448 224H154c-58.76 0-106 49.33-106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForward.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForward"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpForward.js"],"names":["ReturnUpForward","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ReturnUpForward.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForward = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\" /><path d=\"M448 224H154c-58.76 0-106 49.33-106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForward.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForward.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForward"]}
\ No newline at end of file
diff --git a/lib/ReturnUpForwardOutline.js b/lib/ReturnUpForwardOutline.js
index f4f09c8b2..7df719ea7 100644
--- a/lib/ReturnUpForwardOutline.js
+++ b/lib/ReturnUpForwardOutline.js
@@ -48,7 +48,7 @@ var ReturnUpForwardOutline = function ReturnUpForwardOutline(props) {
 ReturnUpForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpForwardOutline.js.map b/lib/ReturnUpForwardOutline.js.map
index 859760831..226f42fed 100644
--- a/lib/ReturnUpForwardOutline.js.map
+++ b/lib/ReturnUpForwardOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpForwardOutline.js"],"names":["ReturnUpForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ReturnUpForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\"/><path d=\"M448 224H154c-58.76 0-106 49.33-106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForwardOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpForwardOutline.js"],"names":["ReturnUpForwardOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ReturnUpForwardOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForwardOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\" /><path d=\"M448 224H154c-58.76 0-106 49.33-106 108v20\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForwardOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForwardOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForwardOutline"]}
\ No newline at end of file
diff --git a/lib/ReturnUpForwardSharp.js b/lib/ReturnUpForwardSharp.js
index 54d783a94..7a79f20b3 100644
--- a/lib/ReturnUpForwardSharp.js
+++ b/lib/ReturnUpForwardSharp.js
@@ -48,7 +48,7 @@ var ReturnUpForwardSharp = function ReturnUpForwardSharp(props) {
 ReturnUpForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ReturnUpForwardSharp.js.map b/lib/ReturnUpForwardSharp.js.map
index 04cacb7c7..6feef0ef6 100644
--- a/lib/ReturnUpForwardSharp.js.map
+++ b/lib/ReturnUpForwardSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ReturnUpForwardSharp.js"],"names":["ReturnUpForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAjK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ReturnUpForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 224H48v128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForwardSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ReturnUpForwardSharp.js"],"names":["ReturnUpForwardSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sBAAxG,GAAhK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAAjS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ReturnUpForwardSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ReturnUpForwardSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 160l64 64-64 64\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M448 224H48v128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nReturnUpForwardSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nReturnUpForwardSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ReturnUpForwardSharp"]}
\ No newline at end of file
diff --git a/lib/Ribbon.js b/lib/Ribbon.js
index f2935bd3e..ae8282331 100644
--- a/lib/Ribbon.js
+++ b/lib/Ribbon.js
@@ -49,7 +49,7 @@ var Ribbon = function Ribbon(props) {
 Ribbon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Ribbon.js.map b/lib/Ribbon.js.map
index 990755fe4..94822cc30 100644
--- a/lib/Ribbon.js.map
+++ b/lib/Ribbon.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Ribbon.js"],"names":["Ribbon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,slBAAR,GAAjK;AAAiwB,iDAAS,IAAG,QAAZ,EAAqB,IAAG,KAAxB,EAA8B,IAAG,OAAjC,EAAyC,IAAG,IAA5C,GAAjwB;AAAmzB,8CAAM,GAAE,yIAAR;AAAnzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Ribbon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ribbon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M269 335.61q-6.33.47-12.78.47c-5.23 0-10.4-.24-15.51-.69a176.11 176.11 0 01-127.67-72.94 4 4 0 00-6.77.35l-72 129.4c-2.74 5-3.17 11-.28 15.88A16.78 16.78 0 0048.22 416h78a15.28 15.28 0 0113.62 7.33L178.5 488a16.26 16.26 0 0013.75 8c5.94-.33 12.09-4.19 14.56-9.6l66.11-145.15a4 4 0 00-3.92-5.64zM477.64 391.88l-71.53-129.17a4 4 0 00-6.74-.36 176.5 176.5 0 01-78.31 61.42 16.09 16.09 0 00-8.72 8.25l-36.86 81.1a7.92 7.92 0 000 6.6l30.27 66.59c2.45 5.41 8.59 9.36 14.52 9.69a16.3 16.3 0 0013.7-8.12l38.53-64.58c2.89-4.85 8.13-7.33 13.78-7.3h78.77c6.67 0 11.72-3.48 14-10a16.92 16.92 0 00-1.41-14.12z\"/><ellipse cx=\"256.26\" cy=\"160\" rx=\"48.01\" ry=\"48\"/><path d=\"M256.26 16c-79.42 0-144 64.59-144 144s64.61 144 144 144 144-64.6 144-144-64.59-144-144-144zm0 224a80 80 0 1180-80 80.1 80.1 0 01-80 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbon.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ribbon"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Ribbon.js"],"names":["Ribbon","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,slBAAR,GAAhK;AAAiwB,iDAAS,IAAG,QAAZ,EAAqB,IAAG,KAAxB,EAA8B,IAAG,OAAjC,EAAyC,IAAG,IAA5C,GAAjwB;AAAozB,8CAAM,GAAE,yIAAR;AAApzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Ribbon.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ribbon = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M269 335.61q-6.33.47-12.78.47c-5.23 0-10.4-.24-15.51-.69a176.11 176.11 0 01-127.67-72.94 4 4 0 00-6.77.35l-72 129.4c-2.74 5-3.17 11-.28 15.88A16.78 16.78 0 0048.22 416h78a15.28 15.28 0 0113.62 7.33L178.5 488a16.26 16.26 0 0013.75 8c5.94-.33 12.09-4.19 14.56-9.6l66.11-145.15a4 4 0 00-3.92-5.64zM477.64 391.88l-71.53-129.17a4 4 0 00-6.74-.36 176.5 176.5 0 01-78.31 61.42 16.09 16.09 0 00-8.72 8.25l-36.86 81.1a7.92 7.92 0 000 6.6l30.27 66.59c2.45 5.41 8.59 9.36 14.52 9.69a16.3 16.3 0 0013.7-8.12l38.53-64.58c2.89-4.85 8.13-7.33 13.78-7.3h78.77c6.67 0 11.72-3.48 14-10a16.92 16.92 0 00-1.41-14.12z\" /><ellipse cx=\"256.26\" cy=\"160\" rx=\"48.01\" ry=\"48\" /><path d=\"M256.26 16c-79.42 0-144 64.59-144 144s64.61 144 144 144 144-64.6 144-144-64.59-144-144-144zm0 224a80 80 0 1180-80 80.1 80.1 0 01-80 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbon.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbon.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ribbon"]}
\ No newline at end of file
diff --git a/lib/RibbonOutline.js b/lib/RibbonOutline.js
index 7521633ab..62e00d7a1 100644
--- a/lib/RibbonOutline.js
+++ b/lib/RibbonOutline.js
@@ -50,7 +50,7 @@ var RibbonOutline = function RibbonOutline(props) {
 RibbonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RibbonOutline.js.map b/lib/RibbonOutline.js.map
index 9a18951fb..db1582926 100644
--- a/lib/RibbonOutline.js.map
+++ b/lib/RibbonOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RibbonOutline.js"],"names":["RibbonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,eAAc,OAAnI,EAA2I,gBAAe,OAA1J,EAAkK,aAAY,IAA9K,GAApS;AAAwd,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,eAAc,OAAhI,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K,GAAxd;AAAyoB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAAzoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RibbonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RibbonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"160\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M143.65 227.82L48 400l86.86-.42a16 16 0 0113.82 7.8L192 480l88.33-194.32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M366.54 224L464 400l-86.86-.42a16 16 0 00-13.82 7.8L320 480l-64-140.8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"160\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbonOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RibbonOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RibbonOutline.js"],"names":["RibbonOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,GAAE,0EAAR,EAAmF,MAAK,MAAxF,EAA+F,QAAO,cAAtG,EAAqH,eAAc,OAAnI,EAA2I,gBAAe,OAA1J,EAAkK,aAAY,IAA9K,GAApS;AAAyd,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,eAAc,OAAhI,EAAwI,gBAAe,OAAvJ,EAA+J,aAAY,IAA3K,GAAzd;AAA2oB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H;AAA3oB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RibbonOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RibbonOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"160\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M143.65 227.82L48 400l86.86-.42a16 16 0 0113.82 7.8L192 480l88.33-194.32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M366.54 224L464 400l-86.86-.42a16 16 0 00-13.82 7.8L320 480l-64-140.8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"160\" r=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbonOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbonOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RibbonOutline"]}
\ No newline at end of file
diff --git a/lib/RibbonSharp.js b/lib/RibbonSharp.js
index 4091563e2..97419aea0 100644
--- a/lib/RibbonSharp.js
+++ b/lib/RibbonSharp.js
@@ -49,7 +49,7 @@ var RibbonSharp = function RibbonSharp(props) {
 RibbonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RibbonSharp.js.map b/lib/RibbonSharp.js.map
index abada7762..f58fcc1e7 100644
--- a/lib/RibbonSharp.js.map
+++ b/lib/RibbonSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RibbonSharp.js"],"names":["RibbonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qMAAR,GAAjK;AAAgX,gDAAQ,IAAG,QAAX,EAAoB,IAAG,KAAvB,EAA6B,GAAE,IAA/B,GAAhX;AAAqZ,8CAAM,GAAE,mIAAR;AAArZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RibbonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RibbonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 336c-5.22 0-10.4-.24-15.51-.69a176.12 176.12 0 01-131.29-78.37L20 416h115l58 96 82.53-177.09A177.53 177.53 0 01256 336zM403 256.74a176.9 176.9 0 01-88.18 69.14L273.7 415.5 319 512l58-96h115z\"/><circle cx=\"256.02\" cy=\"160\" r=\"48\"/><path d=\"M256 16c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144S335.4 16 256 16zm0 224a80 80 0 1180-80 80.09 80.09 0 01-80 80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbonSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RibbonSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RibbonSharp.js"],"names":["RibbonSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qMAAR,GAAhK;AAAgX,gDAAQ,IAAG,QAAX,EAAoB,IAAG,KAAvB,EAA6B,GAAE,IAA/B,GAAhX;AAAsZ,8CAAM,GAAE,mIAAR;AAAtZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RibbonSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RibbonSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 336c-5.22 0-10.4-.24-15.51-.69a176.12 176.12 0 01-131.29-78.37L20 416h115l58 96 82.53-177.09A177.53 177.53 0 01256 336zM403 256.74a176.9 176.9 0 01-88.18 69.14L273.7 415.5 319 512l58-96h115z\" /><circle cx=\"256.02\" cy=\"160\" r=\"48\" /><path d=\"M256 16c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144S335.4 16 256 16zm0 224a80 80 0 1180-80 80.09 80.09 0 01-80 80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRibbonSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRibbonSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RibbonSharp"]}
\ No newline at end of file
diff --git a/lib/Rocket.js b/lib/Rocket.js
index 31adcb08f..f80b9c835 100644
--- a/lib/Rocket.js
+++ b/lib/Rocket.js
@@ -49,7 +49,7 @@ var Rocket = function Rocket(props) {
 Rocket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Rocket.js.map b/lib/Rocket.js.map
index 71c1fc4fb..19dadb4cf 100644
--- a/lib/Rocket.js.map
+++ b/lib/Rocket.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Rocket.js"],"names":["Rocket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR,GAAjK;AAAiP,8CAAM,GAAE,ynBAAR,GAAjP;AAAo3B,8CAAM,GAAE,2VAAR;AAAp3B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Rocket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rocket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M328.85 156.79a26.69 26.69 0 1018.88 7.81 26.6 26.6 0 00-18.88-7.81z\"/><path d=\"M477.44 50.06a.29.29 0 010-.09 20.4 20.4 0 00-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28-52.36 21-101.42 52-134.58 85.22A320.7 320.7 0 00169.55 175c-22.33-1-42 2.18-58.57 9.41-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0027.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 009.9 20.72l31.39 31.41a34.27 34.27 0 0020.71 9.91l2.15.23-7 64.24v.13A25 25 0 00206 480a25.25 25.25 0 004.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a314.78 314.78 0 0033.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52 20.69-51.36 28.48-98.59 21.39-129.53zM370.38 224.94a58.77 58.77 0 110-83.07 58.3 58.3 0 010 83.07z\"/><path d=\"M161.93 386.44a16 16 0 00-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 00-15.16-24.91A61.25 61.25 0 0072 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A357.94 357.94 0 0048 447.59 16 16 0 0064 464h.4a359.87 359.87 0 0036.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.49 60.49 0 0017.39-35.74 16 16 0 00-13.93-17.82z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocket.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rocket"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Rocket.js"],"names":["Rocket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR,GAAhK;AAAiP,8CAAM,GAAE,ynBAAR,GAAjP;AAAq3B,8CAAM,GAAE,2VAAR;AAAr3B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Rocket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rocket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M328.85 156.79a26.69 26.69 0 1018.88 7.81 26.6 26.6 0 00-18.88-7.81z\" /><path d=\"M477.44 50.06a.29.29 0 010-.09 20.4 20.4 0 00-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28-52.36 21-101.42 52-134.58 85.22A320.7 320.7 0 00169.55 175c-22.33-1-42 2.18-58.57 9.41-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0027.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 009.9 20.72l31.39 31.41a34.27 34.27 0 0020.71 9.91l2.15.23-7 64.24v.13A25 25 0 00206 480a25.25 25.25 0 004.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a314.78 314.78 0 0033.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52 20.69-51.36 28.48-98.59 21.39-129.53zM370.38 224.94a58.77 58.77 0 110-83.07 58.3 58.3 0 010 83.07z\" /><path d=\"M161.93 386.44a16 16 0 00-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 00-15.16-24.91A61.25 61.25 0 0072 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A357.94 357.94 0 0048 447.59 16 16 0 0064 464h.4a359.87 359.87 0 0036.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.49 60.49 0 0017.39-35.74 16 16 0 00-13.93-17.82z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocket.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rocket"]}
\ No newline at end of file
diff --git a/lib/RocketOutline.js b/lib/RocketOutline.js
index 39e727c76..3183b0041 100644
--- a/lib/RocketOutline.js
+++ b/lib/RocketOutline.js
@@ -48,7 +48,7 @@ var RocketOutline = function RocketOutline(props) {
 RocketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RocketOutline.js.map b/lib/RocketOutline.js.map
index 13979d0ed..d890816a8 100644
--- a/lib/RocketOutline.js.map
+++ b/lib/RocketOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RocketOutline.js"],"names":["RocketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2gBAAR,EAAohB,MAAK,MAAzhB,EAAgiB,QAAO,cAAviB,EAAsjB,eAAc,OAApkB,EAA4kB,gBAAe,OAA3lB,EAAmmB,aAAY,IAA/mB,GAAjK;AAAsxB,8CAAM,GAAE,uHAAR,EAAgI,MAAK,MAArI,EAA4I,QAAO,cAAnJ,EAAkK,eAAc,OAAhL,EAAwL,gBAAe,OAAvM,EAA+M,aAAY,IAA3N;AAAtxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RocketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RocketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocketOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RocketOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RocketOutline.js"],"names":["RocketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2gBAAR,EAAohB,MAAK,MAAzhB,EAAgiB,QAAO,cAAviB,EAAsjB,eAAc,OAApkB,EAA4kB,gBAAe,OAA3lB,EAAmmB,aAAY,IAA/mB,GAAhK;AAAsxB,8CAAM,GAAE,uHAAR,EAAgI,MAAK,MAArI,EAA4I,QAAO,cAAnJ,EAAkK,eAAc,OAAhL,EAAwL,gBAAe,OAAvM,EAA+M,aAAY,IAA3N;AAAtxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"RocketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RocketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocketOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RocketOutline"]}
\ No newline at end of file
diff --git a/lib/RocketSharp.js b/lib/RocketSharp.js
index dd6b20787..77a3149a1 100644
--- a/lib/RocketSharp.js
+++ b/lib/RocketSharp.js
@@ -48,7 +48,7 @@ var RocketSharp = function RocketSharp(props) {
 RocketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RocketSharp.js.map b/lib/RocketSharp.js.map
index 2cff25aa2..594620c01 100644
--- a/lib/RocketSharp.js.map
+++ b/lib/RocketSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RocketSharp.js"],"names":["RocketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6hBAAR,GAAjK;AAAwsB,8CAAM,GAAE,8QAAR;AAAxsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RocketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RocketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.64 38.26a4.75 4.75 0 00-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 00-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0010.55 11.2l87.31-9.63a194.1 194.1 0 001.19 19.7 19.53 19.53 0 005.7 12L170.7 375a19.59 19.59 0 0012 5.7 193.53 193.53 0 0019.59 1.19l-9.58 87.2a9.65 9.65 0 0011.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5 8.4-19.27 10.12-41.77 8.18-64.27a317.66 317.66 0 0042.21-35.64C441 232.05 491.74 99.74 477.64 38.26zM294.07 217.93a48 48 0 1167.86 0 47.95 47.95 0 01-67.86 0z\"/><path d=\"M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46-23.77 4.05-44.76-16.49-40.49-40.52 1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 00-3.65-7.45 60 60 0 00-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.69 59.69 0 00176 403.09c.37-4.18-4.72-6.67-7.6-3.66z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocketSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RocketSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RocketSharp.js"],"names":["RocketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6hBAAR,GAAhK;AAAwsB,8CAAM,GAAE,8QAAR;AAAxsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RocketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RocketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M477.64 38.26a4.75 4.75 0 00-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 00-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0010.55 11.2l87.31-9.63a194.1 194.1 0 001.19 19.7 19.53 19.53 0 005.7 12L170.7 375a19.59 19.59 0 0012 5.7 193.53 193.53 0 0019.59 1.19l-9.58 87.2a9.65 9.65 0 0011.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5 8.4-19.27 10.12-41.77 8.18-64.27a317.66 317.66 0 0042.21-35.64C441 232.05 491.74 99.74 477.64 38.26zM294.07 217.93a48 48 0 1167.86 0 47.95 47.95 0 01-67.86 0z\" /><path d=\"M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46-23.77 4.05-44.76-16.49-40.49-40.52 1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 00-3.65-7.45 60 60 0 00-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.69 59.69 0 00176 403.09c.37-4.18-4.72-6.67-7.6-3.66z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRocketSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRocketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RocketSharp"]}
\ No newline at end of file
diff --git a/lib/Rose.js b/lib/Rose.js
index 1f3a89586..14264567a 100644
--- a/lib/Rose.js
+++ b/lib/Rose.js
@@ -47,7 +47,7 @@ var Rose = function Rose(props) {
 Rose.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Rose.js.map b/lib/Rose.js.map
index aac8a053f..0428f92e3 100644
--- a/lib/Rose.js.map
+++ b/lib/Rose.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Rose.js"],"names":["Rose","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,grCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Rose.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rose = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.55 119.49a16 16 0 00-17.06-7.1c-18.64 4.19-37.06 9-54.73 14.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.29C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.33 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13a16 16 0 001.01-18.44zM219 119.55C168.46 92.08 101.46 80.69 98.63 80.22A16 16 0 0081 90.55a16.47 16.47 0 003.79 16.84c31.84 33.78 32.86 68.79 28.65 104.63a4.45 4.45 0 002.5 4.54 4.44 4.44 0 005.08-.9c16.39-16.51 36.37-31.52 60.4-45.39l4.48-2.6C208 154.8 216.23 150 236 140.41l2.69-1.3a4 4 0 00.64-6.83A178.59 178.59 0 00219 119.55zM234.26 91.45c3.44 1.87 7.09 4 10.9 6.29a189.31 189.31 0 0129.57 22.39 4 4 0 004.28.76 672 672 0 0169.65-25q7-2.07 14.08-4a4 4 0 002.53-5.62c-8.27-16.83-14.67-28.9-15.15-29.79A16 16 0 00336 48c-1.91 0-33.28.36-76.87 21.3a279 279 0 00-26.39 14.51 4 4 0 00.22 6.94zM209.33 60.79c7.3-4.77 14.74-9.22 22.25-13.31a2 2 0 00.24-3.36c-26-19.57-49.73-27-51.15-27.42a16 16 0 00-17.56 5.82 217.63 217.63 0 00-19.28 32.38 2 2 0 001.29 2.81c13.61 3.57 29.4 8.29 45.61 14.29a2 2 0 001.79-.2z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRose.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRose.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rose"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Rose.js"],"names":["Rose","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,grCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Rose.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Rose = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M429.55 119.49a16 16 0 00-17.06-7.1c-18.64 4.19-37.06 9-54.73 14.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.29C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.33 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13a16 16 0 001.01-18.44zM219 119.55C168.46 92.08 101.46 80.69 98.63 80.22A16 16 0 0081 90.55a16.47 16.47 0 003.79 16.84c31.84 33.78 32.86 68.79 28.65 104.63a4.45 4.45 0 002.5 4.54 4.44 4.44 0 005.08-.9c16.39-16.51 36.37-31.52 60.4-45.39l4.48-2.6C208 154.8 216.23 150 236 140.41l2.69-1.3a4 4 0 00.64-6.83A178.59 178.59 0 00219 119.55zM234.26 91.45c3.44 1.87 7.09 4 10.9 6.29a189.31 189.31 0 0129.57 22.39 4 4 0 004.28.76 672 672 0 0169.65-25q7-2.07 14.08-4a4 4 0 002.53-5.62c-8.27-16.83-14.67-28.9-15.15-29.79A16 16 0 00336 48c-1.91 0-33.28.36-76.87 21.3a279 279 0 00-26.39 14.51 4 4 0 00.22 6.94zM209.33 60.79c7.3-4.77 14.74-9.22 22.25-13.31a2 2 0 00.24-3.36c-26-19.57-49.73-27-51.15-27.42a16 16 0 00-17.56 5.82 217.63 217.63 0 00-19.28 32.38 2 2 0 001.29 2.81c13.61 3.57 29.4 8.29 45.61 14.29a2 2 0 001.79-.2z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRose.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRose.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Rose"]}
\ No newline at end of file
diff --git a/lib/RoseOutline.js b/lib/RoseOutline.js
index 2a42db3b4..02804e943 100644
--- a/lib/RoseOutline.js
+++ b/lib/RoseOutline.js
@@ -49,7 +49,7 @@ var RoseOutline = function RoseOutline(props) {
 RoseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RoseOutline.js.map b/lib/RoseOutline.js.map
index 49d897029..41b779d40 100644
--- a/lib/RoseOutline.js.map
+++ b/lib/RoseOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RoseOutline.js"],"names":["RoseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gNAAR,EAAyN,MAAK,MAA9N,EAAqO,QAAO,cAA5O,EAA2P,eAAc,OAAzQ,EAAiR,gBAAe,OAAhS,EAAwS,aAAY,IAApT,GAAjK;AAA2d,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,eAAc,OAAnL,EAA2L,gBAAe,OAA1M,EAAkN,aAAY,IAA9N,GAA3d;AAA+rB,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O;AAA/rB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RoseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RoseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 128c-18.9 4.25-36.8 8.94-53.7 13.95-40.5 12-75.5 27.15-105.4 41.65-19.3 9.37-26.2 13.51-51.5 28.23-58.4 33.69-93.4 77.4-93.4 142.81C112 428.55 167.6 480 256 480s144-55.81 144-129.72S339 225.24 416 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M264 180.19c-19.69-27-38.2-38.69-52.7-46.59C162.6 107.1 96 96 96 96c41.5 43.7 37.2 90.1 32 128 0 0-3.87 32.88 1.91 58.41\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M372 139.15C356.55 102.6 336 64 336 64s-63.32 0-135.69 64M253.48 87.57C221.25 45.81 176 32 176 32c-15.3 20.8-28.79 51.58-34.87 74.17\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRoseOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRoseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RoseOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RoseOutline.js"],"names":["RoseOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gNAAR,EAAyN,MAAK,MAA9N,EAAqO,QAAO,cAA5O,EAA2P,eAAc,OAAzQ,EAAiR,gBAAe,OAAhS,EAAwS,aAAY,IAApT,GAAhK;AAA2d,8CAAM,GAAE,0HAAR,EAAmI,MAAK,MAAxI,EAA+I,QAAO,cAAtJ,EAAqK,eAAc,OAAnL,EAA2L,gBAAe,OAA1M,EAAkN,aAAY,IAA9N,GAA3d;AAAgsB,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O;AAAhsB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"RoseOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RoseOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 128c-18.9 4.25-36.8 8.94-53.7 13.95-40.5 12-75.5 27.15-105.4 41.65-19.3 9.37-26.2 13.51-51.5 28.23-58.4 33.69-93.4 77.4-93.4 142.81C112 428.55 167.6 480 256 480s144-55.81 144-129.72S339 225.24 416 128z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M264 180.19c-19.69-27-38.2-38.69-52.7-46.59C162.6 107.1 96 96 96 96c41.5 43.7 37.2 90.1 32 128 0 0-3.87 32.88 1.91 58.41\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M372 139.15C356.55 102.6 336 64 336 64s-63.32 0-135.69 64M253.48 87.57C221.25 45.81 176 32 176 32c-15.3 20.8-28.79 51.58-34.87 74.17\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRoseOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRoseOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RoseOutline"]}
\ No newline at end of file
diff --git a/lib/RoseSharp.js b/lib/RoseSharp.js
index 74a207705..014c8a995 100644
--- a/lib/RoseSharp.js
+++ b/lib/RoseSharp.js
@@ -47,7 +47,7 @@ var RoseSharp = function RoseSharp(props) {
 RoseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/RoseSharp.js.map b/lib/RoseSharp.js.map
index 48ea46b78..1abecaf90 100644
--- a/lib/RoseSharp.js.map
+++ b/lib/RoseSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/RoseSharp.js"],"names":["RoseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,i9BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"RoseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RoseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 112s-17.62 0-30.51 1.39c-19 2-42.06 8-59.73 13.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.3C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.32 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13C432.75 132.62 448 112 448 112zM219 119.55C168.47 92.08 104.72 80 80 80c0 0 23.23 28.19 29.15 55.4s6.54 48.61 2.91 88.6c17.94-20.48 40.59-37.15 69.32-53.73l4.48-2.6C208 154.8 216.23 150 236 140.41c2.88-1.4 5.74-2.76 8.58-4.11A170.77 170.77 0 00219 119.55zM345.25 48s-42.53.36-86.12 21.3a280.36 280.36 0 00-32.27 18.27q3.73 1.89 7.4 3.88c3.44 1.87 7.09 4 10.9 6.29a189.7 189.7 0 0131.46 24.16c24.57-10.41 73-26.1 90.77-31.28-8-19.15-22.14-42.62-22.14-42.62zM176 16c-16 10.83-33.24 41.1-33.24 41.1a494.22 494.22 0 0148.92 15.25l17.65-11.56c8.18-5.35 16.55-10.29 25-14.77C234.31 46 202.59 24.17 176 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nRoseSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRoseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RoseSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/RoseSharp.js"],"names":["RoseSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,i9BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"RoseSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst RoseSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 112s-17.62 0-30.51 1.39c-19 2-42.06 8-59.73 13.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.3C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.32 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13C432.75 132.62 448 112 448 112zM219 119.55C168.47 92.08 104.72 80 80 80c0 0 23.23 28.19 29.15 55.4s6.54 48.61 2.91 88.6c17.94-20.48 40.59-37.15 69.32-53.73l4.48-2.6C208 154.8 216.23 150 236 140.41c2.88-1.4 5.74-2.76 8.58-4.11A170.77 170.77 0 00219 119.55zM345.25 48s-42.53.36-86.12 21.3a280.36 280.36 0 00-32.27 18.27q3.73 1.89 7.4 3.88c3.44 1.87 7.09 4 10.9 6.29a189.7 189.7 0 0131.46 24.16c24.57-10.41 73-26.1 90.77-31.28-8-19.15-22.14-42.62-22.14-42.62zM176 16c-16 10.83-33.24 41.1-33.24 41.1a494.22 494.22 0 0148.92 15.25l17.65-11.56c8.18-5.35 16.55-10.29 25-14.77C234.31 46 202.59 24.17 176 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nRoseSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nRoseSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default RoseSharp"]}
\ No newline at end of file
diff --git a/lib/Sad.js b/lib/Sad.js
index b0749fcf5..82a2590f4 100644
--- a/lib/Sad.js
+++ b/lib/Sad.js
@@ -47,7 +47,7 @@ var Sad = function Sad(props) {
 Sad.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Sad.js.map b/lib/Sad.js.map
index f318ab6b9..8ac4d4de3 100644
--- a/lib/Sad.js.map
+++ b/lib/Sad.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Sad.js"],"names":["Sad","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Sad.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sad = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-23.67 149.83c12-40.3 50.2-69.83 95.62-69.83s83.62 29.53 95.71 69.83a8 8 0 01-7.82 10.17H168.15a8 8 0 01-7.82-10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSad.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSad.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sad"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Sad.js"],"names":["Sad","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,MAAM,SAANA,GAAM,QAAS;AACnB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,IAAIa,YAAJ,GAAmB;AACjB;AACAH,SAAO,EAFU;AAGjBN,SAAO,SAHU;AAIjBF,UAAQ,MAJS;AAKjBC,SAAO,MALU;AAMjBQ,cAAY,EANK;AAOjBC,SAAO,EAPU;;AASjB;AACAL,SAAO,KAVU;AAWjBC,QAAM,KAXW;AAYjBF,UAAQ;AAZS,CAAnB;;AAgBAN,IAAIc,SAAJ,GAAgB;AACd;AACAJ,SAAOK,oBAAUC,MAFH;AAGdZ,SAAOW,oBAAUE,MAHH;AAIdf,UAAQa,oBAAUE,MAJJ;AAKdd,SAAOY,oBAAUE,MALH;AAMdN,cAAYI,oBAAUE,MANR;AAOdL,SAAOG,oBAAUE,MAPH;;AASd;AACAV,SAAOQ,oBAAUG,IAVH;AAWdV,QAAMO,oBAAUG,IAXF;AAYdZ,UAAQS,oBAAUG,IAZJ;;AAcd;AACAb,WAASU,oBAAUI;AAfL,CAAhB;;kBAmBenB,G","file":"Sad.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sad = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-23.67 149.83c12-40.3 50.2-69.83 95.62-69.83s83.62 29.53 95.71 69.83a8 8 0 01-7.82 10.17H168.15a8 8 0 01-7.82-10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSad.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSad.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sad"]}
\ No newline at end of file
diff --git a/lib/SadOutline.js b/lib/SadOutline.js
index c66d9bab4..de777a316 100644
--- a/lib/SadOutline.js
+++ b/lib/SadOutline.js
@@ -50,7 +50,7 @@ var SadOutline = function SadOutline(props) {
 SadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SadOutline.js.map b/lib/SadOutline.js.map
index fda12245f..26a2d598a 100644
--- a/lib/SadOutline.js.map
+++ b/lib/SadOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SadOutline.js"],"names":["SadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,2HAAR,GAAnM;AAAwU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAxU;AAA0W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAA1W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"184\" cy=\"232\" r=\"24\"/><path d=\"M256 288c45.42 0 83.62 29.53 95.71 69.83a8 8 0 01-7.87 10.17H168.15a8 8 0 01-7.82-10.17C172.32 317.53 210.53 288 256 288z\"/><circle cx=\"328\" cy=\"232\" r=\"24\"/><circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSadOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SadOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SadOutline.js"],"names":["SadOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,2HAAR,GAAnM;AAAyU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAzU;AAA4W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,kBAAiB,IAArF,EAA0F,aAAY,IAAtG;AAA5W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SadOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SadOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"184\" cy=\"232\" r=\"24\" /><path d=\"M256 288c45.42 0 83.62 29.53 95.71 69.83a8 8 0 01-7.87 10.17H168.15a8 8 0 01-7.82-10.17C172.32 317.53 210.53 288 256 288z\" /><circle cx=\"328\" cy=\"232\" r=\"24\" /><circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSadOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSadOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SadOutline"]}
\ No newline at end of file
diff --git a/lib/SadSharp.js b/lib/SadSharp.js
index e1e362fc8..b0accd202 100644
--- a/lib/SadSharp.js
+++ b/lib/SadSharp.js
@@ -47,7 +47,7 @@ var SadSharp = function SadSharp(props) {
 SadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SadSharp.js.map b/lib/SadSharp.js.map
index 4aa15d421..9bc6d4d89 100644
--- a/lib/SadSharp.js.map
+++ b/lib/SadSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SadSharp.js"],"names":["SadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"SadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72 80c45.42 0 83.75 29.49 95.72 69.83 1 3.52 2.33 10.17 2.33 10.17H158s1.31-6.69 2.33-10.17C172.11 317.47 210.53 288 256 288z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSadSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SadSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SadSharp.js"],"names":["SadSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"SadSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SadSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72 80c45.42 0 83.75 29.49 95.72 69.83 1 3.52 2.33 10.17 2.33 10.17H158s1.31-6.69 2.33-10.17C172.11 317.47 210.53 288 256 288z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSadSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSadSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SadSharp"]}
\ No newline at end of file
diff --git a/lib/Save.js b/lib/Save.js
index 8010dd0a8..52b51ba89 100644
--- a/lib/Save.js
+++ b/lib/Save.js
@@ -48,7 +48,7 @@ var Save = function Save(props) {
 Save.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Save.js.map b/lib/Save.js.map
index bb18345f0..cae759a26 100644
--- a/lib/Save.js.map
+++ b/lib/Save.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Save.js"],"names":["Save","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gSAAR,GAAjK;AAA2c,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA3c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Save.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Save = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M465.94 119.76l-73.7-73.7A47.68 47.68 0 00358.3 32H96a64 64 0 00-64 64v320a64 64 0 0064 64h320a64 64 0 0064-64V153.7a47.68 47.68 0 00-14.06-33.94zM120 112h176a8 8 0 018 8v48a8 8 0 01-8 8H120a8 8 0 01-8-8v-48a8 8 0 018-8zm139.75 319.91a80 80 0 1176.16-76.16 80.06 80.06 0 01-76.16 76.16z\"/><circle cx=\"256\" cy=\"352\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSave.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSave.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Save"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Save.js"],"names":["Save","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gSAAR,GAAhK;AAA2c,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA3c;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Save.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Save = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M465.94 119.76l-73.7-73.7A47.68 47.68 0 00358.3 32H96a64 64 0 00-64 64v320a64 64 0 0064 64h320a64 64 0 0064-64V153.7a47.68 47.68 0 00-14.06-33.94zM120 112h176a8 8 0 018 8v48a8 8 0 01-8 8H120a8 8 0 01-8-8v-48a8 8 0 018-8zm139.75 319.91a80 80 0 1176.16-76.16 80.06 80.06 0 01-76.16 76.16z\" /><circle cx=\"256\" cy=\"352\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSave.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSave.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Save"]}
\ No newline at end of file
diff --git a/lib/SaveOutline.js b/lib/SaveOutline.js
index 2d55190ce..3c5bde8b5 100644
--- a/lib/SaveOutline.js
+++ b/lib/SaveOutline.js
@@ -47,7 +47,7 @@ var SaveOutline = function SaveOutline(props) {
 SaveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SaveOutline.js.map b/lib/SaveOutline.js.map
index dd3181a63..4c49805b9 100644
--- a/lib/SaveOutline.js.map
+++ b/lib/SaveOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SaveOutline.js"],"names":["SaveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0SAAR,EAAmT,MAAK,MAAxT,EAA+T,QAAO,cAAtU,EAAqV,eAAc,OAAnW,EAA2W,gBAAe,OAA1X,EAAkY,aAAY,IAA9Y;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SaveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SaveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSaveOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSaveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SaveOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SaveOutline.js"],"names":["SaveOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0SAAR,EAAmT,MAAK,MAAxT,EAA+T,QAAO,cAAtU,EAAqV,eAAc,OAAnW,EAA2W,gBAAe,OAA1X,EAAkY,aAAY,IAA9Y;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SaveOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SaveOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSaveOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSaveOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SaveOutline"]}
\ No newline at end of file
diff --git a/lib/SaveSharp.js b/lib/SaveSharp.js
index 18b20d769..e39c800f0 100644
--- a/lib/SaveSharp.js
+++ b/lib/SaveSharp.js
@@ -47,7 +47,7 @@ var SaveSharp = function SaveSharp(props) {
 SaveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SaveSharp.js.map b/lib/SaveSharp.js.map
index 932862e11..670aeba66 100644
--- a/lib/SaveSharp.js.map
+++ b/lib/SaveSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SaveSharp.js"],"names":["SaveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SaveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SaveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.44 32H64a32 32 0 00-32 32v384a32 32 0 0032 32h384a32.09 32.09 0 0032-32V131.56zM112 176v-64h192v64zm223.91 179.76a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSaveSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSaveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SaveSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SaveSharp.js"],"names":["SaveSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SaveSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SaveSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M380.44 32H64a32 32 0 00-32 32v384a32 32 0 0032 32h384a32.09 32.09 0 0032-32V131.56zM112 176v-64h192v64zm223.91 179.76a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSaveSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSaveSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SaveSharp"]}
\ No newline at end of file
diff --git a/lib/Scan.js b/lib/Scan.js
index 46e1f3ea5..9b89d41e4 100644
--- a/lib/Scan.js
+++ b/lib/Scan.js
@@ -47,7 +47,7 @@ var Scan = function Scan(props) {
 Scan.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Scan.js.map b/lib/Scan.js.map
index d3b71f03f..bf17ff261 100644
--- a/lib/Scan.js.map
+++ b/lib/Scan.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Scan.js"],"names":["Scan","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Scan.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Scan = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342 444h46a56 56 0 0056-56v-46M444 170v-46a56 56 0 00-56-56h-46M170 444h-46a56 56 0 01-56-56v-46M68 170v-46a56 56 0 0156-56h46\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScan.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Scan"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Scan.js"],"names":["Scan","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Scan.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Scan = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M342 444h46a56 56 0 0056-56v-46M444 170v-46a56 56 0 00-56-56h-46M170 444h-46a56 56 0 01-56-56v-46M68 170v-46a56 56 0 0156-56h46\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"44\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScan.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScan.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Scan"]}
\ No newline at end of file
diff --git a/lib/ScanCircle.js b/lib/ScanCircle.js
index 58688721c..6459eedf2 100644
--- a/lib/ScanCircle.js
+++ b/lib/ScanCircle.js
@@ -47,7 +47,7 @@ var ScanCircle = function ScanCircle(props) {
 ScanCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ScanCircle.js.map b/lib/ScanCircle.js.map
index 57b2112f3..3be3c2ffc 100644
--- a/lib/ScanCircle.js.map
+++ b/lib/ScanCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ScanCircle.js"],"names":["ScanCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kcAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ScanCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-40 320h-28a44.05 44.05 0 01-44-44v-28a16 16 0 0132 0v28a12 12 0 0012 12h28a16 16 0 010 32zm0-192h-28a12 12 0 00-12 12v28a16 16 0 01-32 0v-28a44.05 44.05 0 0144-44h28a16 16 0 010 32zm152 148a44.05 44.05 0 01-44 44h-28a16 16 0 010-32h28a12 12 0 0012-12v-28a16 16 0 0132 0zm0-108a16 16 0 01-32 0v-28a12 12 0 00-12-12h-28a16 16 0 010-32h28a44.05 44.05 0 0144 44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ScanCircle.js"],"names":["ScanCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kcAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ScanCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-40 320h-28a44.05 44.05 0 01-44-44v-28a16 16 0 0132 0v28a12 12 0 0012 12h28a16 16 0 010 32zm0-192h-28a12 12 0 00-12 12v28a16 16 0 01-32 0v-28a44.05 44.05 0 0144-44h28a16 16 0 010 32zm152 148a44.05 44.05 0 01-44 44h-28a16 16 0 010-32h28a12 12 0 0012-12v-28a16 16 0 0132 0zm0-108a16 16 0 01-32 0v-28a12 12 0 00-12-12h-28a16 16 0 010-32h28a44.05 44.05 0 0144 44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircle"]}
\ No newline at end of file
diff --git a/lib/ScanCircleOutline.js b/lib/ScanCircleOutline.js
index ef09113a7..24ba55493 100644
--- a/lib/ScanCircleOutline.js
+++ b/lib/ScanCircleOutline.js
@@ -48,7 +48,7 @@ var ScanCircleOutline = function ScanCircleOutline(props) {
 ScanCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ScanCircleOutline.js.map b/lib/ScanCircleOutline.js.map
index 7e68af5ef..4fb86d741 100644
--- a/lib/ScanCircleOutline.js.map
+++ b/lib/ScanCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ScanCircleOutline.js"],"names":["ScanCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,kIAAR,EAA2I,MAAK,MAAhJ,EAAuJ,QAAO,cAA9J,EAA6K,eAAc,OAA3L,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ScanCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M296 352h28a28 28 0 0028-28v-28M352 216v-28a28 28 0 00-28-28h-28M216 352h-28a28 28 0 01-28-28v-28M160 216v-28a28 28 0 0128-28h28\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ScanCircleOutline.js"],"names":["ScanCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,kIAAR,EAA2I,MAAK,MAAhJ,EAAuJ,QAAO,cAA9J,EAA6K,eAAc,OAA3L,EAAmM,gBAAe,OAAlN,EAA0N,aAAY,IAAtO;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ScanCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M296 352h28a28 28 0 0028-28v-28M352 216v-28a28 28 0 00-28-28h-28M216 352h-28a28 28 0 01-28-28v-28M160 216v-28a28 28 0 0128-28h28\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircleOutline"]}
\ No newline at end of file
diff --git a/lib/ScanCircleSharp.js b/lib/ScanCircleSharp.js
index 0db8bfb53..a4a2a07ea 100644
--- a/lib/ScanCircleSharp.js
+++ b/lib/ScanCircleSharp.js
@@ -47,7 +47,7 @@ var ScanCircleSharp = function ScanCircleSharp(props) {
 ScanCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ScanCircleSharp.js.map b/lib/ScanCircleSharp.js.map
index a61ed2a35..f8d2c1145 100644
--- a/lib/ScanCircleSharp.js.map
+++ b/lib/ScanCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ScanCircleSharp.js"],"names":["ScanCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6VAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ScanCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-24 320h-44a44.05 44.05 0 01-44-44v-44h32v44a12 12 0 0012 12h44zm0-192h-44a12 12 0 00-12 12v44h-32v-44a44.05 44.05 0 0144-44h44zm136 148a44.05 44.05 0 01-44 44h-44v-32h44a12 12 0 0012-12v-44h32zm0-92h-32v-44a12 12 0 00-12-12h-44v-32h44a44.05 44.05 0 0144 44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ScanCircleSharp.js"],"names":["ScanCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6VAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ScanCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-24 320h-44a44.05 44.05 0 01-44-44v-44h32v44a12 12 0 0012 12h44zm0-192h-44a12 12 0 00-12 12v44h-32v-44a44.05 44.05 0 0144-44h44zm136 148a44.05 44.05 0 01-44 44h-44v-32h44a12 12 0 0012-12v-44h32zm0-92h-32v-44a12 12 0 00-12-12h-44v-32h44a44.05 44.05 0 0144 44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanCircleSharp"]}
\ No newline at end of file
diff --git a/lib/ScanOutline.js b/lib/ScanOutline.js
index 85c69b6b0..8f4aa3158 100644
--- a/lib/ScanOutline.js
+++ b/lib/ScanOutline.js
@@ -47,7 +47,7 @@ var ScanOutline = function ScanOutline(props) {
 ScanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ScanOutline.js.map b/lib/ScanOutline.js.map
index 1d2ca5521..8901019ce 100644
--- a/lib/ScanOutline.js.map
+++ b/lib/ScanOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ScanOutline.js"],"names":["ScanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ScanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 448h56a56 56 0 0056-56v-56M448 176v-56a56 56 0 00-56-56h-56M176 448h-56a56 56 0 01-56-56v-56M64 176v-56a56 56 0 0156-56h56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ScanOutline.js"],"names":["ScanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iIAAR,EAA0I,MAAK,MAA/I,EAAsJ,QAAO,cAA7J,EAA4K,eAAc,OAA1L,EAAkM,gBAAe,OAAjN,EAAyN,aAAY,IAArO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ScanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 448h56a56 56 0 0056-56v-56M448 176v-56a56 56 0 00-56-56h-56M176 448h-56a56 56 0 01-56-56v-56M64 176v-56a56 56 0 0156-56h56\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanOutline"]}
\ No newline at end of file
diff --git a/lib/ScanSharp.js b/lib/ScanSharp.js
index 7c96a5ff3..b6cd48efb 100644
--- a/lib/ScanSharp.js
+++ b/lib/ScanSharp.js
@@ -47,7 +47,7 @@ var ScanSharp = function ScanSharp(props) {
 ScanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ScanSharp.js.map b/lib/ScanSharp.js.map
index 0772c2913..bf511c07a 100644
--- a/lib/ScanSharp.js.map
+++ b/lib/ScanSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ScanSharp.js"],"names":["ScanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ScanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 466h-68v-44h68a34 34 0 0034-34v-68h44v68a78.09 78.09 0 01-78 78zM466 192h-44v-68a34 34 0 00-34-34h-68V46h68a78.09 78.09 0 0178 78zM192 466h-68a78.09 78.09 0 01-78-78v-68h44v68a34 34 0 0034 34h68zM90 192H46v-68a78.09 78.09 0 0178-78h68v44h-68a34 34 0 00-34 34z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ScanSharp.js"],"names":["ScanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"ScanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ScanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M388 466h-68v-44h68a34 34 0 0034-34v-68h44v68a78.09 78.09 0 01-78 78zM466 192h-44v-68a34 34 0 00-34-34h-68V46h68a78.09 78.09 0 0178 78zM192 466h-68a78.09 78.09 0 01-78-78v-68h44v68a34 34 0 0034 34h68zM90 192H46v-68a78.09 78.09 0 0178-78h68v44h-68a34 34 0 00-34 34z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nScanSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nScanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ScanSharp"]}
\ No newline at end of file
diff --git a/lib/School.js b/lib/School.js
index 0b0a2a002..ee725c83a 100644
--- a/lib/School.js
+++ b/lib/School.js
@@ -48,7 +48,7 @@ var School = function School(props) {
 School.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/School.js.map b/lib/School.js.map
index 877372243..dd8b660ba 100644
--- a/lib/School.js.map
+++ b/lib/School.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/School.js"],"names":["School","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4LAAR,GAAjK;AAAuW,8CAAM,GAAE,oOAAR;AAAvW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"School.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst School = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 368a16 16 0 01-7.94-2.11L108 285.84a8 8 0 00-12 6.94V368a16 16 0 008.23 14l144 80a16 16 0 0015.54 0l144-80a16 16 0 008.23-14v-75.22a8 8 0 00-12-6.94l-140.06 80.05A16 16 0 01256 368z\"/><path d=\"M495.92 190.5v-.11a16 16 0 00-8-12.28l-224-128a16 16 0 00-15.88 0l-224 128a16 16 0 000 27.78l224 128a16 16 0 0015.88 0L461 221.28a2 2 0 013 1.74v144.53c0 8.61 6.62 16 15.23 16.43A16 16 0 00496 368V192a14.76 14.76 0 00-.08-1.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchool.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchool.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default School"]}
\ No newline at end of file
+{"version":3,"sources":["../src/School.js"],"names":["School","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4LAAR,GAAhK;AAAuW,8CAAM,GAAE,oOAAR;AAAvW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"School.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst School = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 368a16 16 0 01-7.94-2.11L108 285.84a8 8 0 00-12 6.94V368a16 16 0 008.23 14l144 80a16 16 0 0015.54 0l144-80a16 16 0 008.23-14v-75.22a8 8 0 00-12-6.94l-140.06 80.05A16 16 0 01256 368z\" /><path d=\"M495.92 190.5v-.11a16 16 0 00-8-12.28l-224-128a16 16 0 00-15.88 0l-224 128a16 16 0 000 27.78l224 128a16 16 0 0015.88 0L461 221.28a2 2 0 013 1.74v144.53c0 8.61 6.62 16 15.23 16.43A16 16 0 00496 368V192a14.76 14.76 0 00-.08-1.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchool.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchool.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default School"]}
\ No newline at end of file
diff --git a/lib/SchoolOutline.js b/lib/SchoolOutline.js
index 306e10386..4c174c517 100644
--- a/lib/SchoolOutline.js
+++ b/lib/SchoolOutline.js
@@ -48,7 +48,7 @@ var SchoolOutline = function SchoolOutline(props) {
 SchoolOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SchoolOutline.js.map b/lib/SchoolOutline.js.map
index 836dfd5da..73ebfa550 100644
--- a/lib/SchoolOutline.js.map
+++ b/lib/SchoolOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SchoolOutline.js"],"names":["SchoolOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wCAAxG,GAAjK;AAAmT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAnT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SchoolOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SchoolOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 192L256 64l224 128-224 128L32 192z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 240v128l144 80 144-80V240M480 368V192M256 320v128\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchoolOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchoolOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SchoolOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SchoolOutline.js"],"names":["SchoolOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wCAAxG,GAAhK;AAAmT,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wDAAxG;AAAnT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SchoolOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SchoolOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 192L256 64l224 128-224 128L32 192z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 240v128l144 80 144-80V240M480 368V192M256 320v128\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchoolOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchoolOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SchoolOutline"]}
\ No newline at end of file
diff --git a/lib/SchoolSharp.js b/lib/SchoolSharp.js
index fb3053738..463c9562c 100644
--- a/lib/SchoolSharp.js
+++ b/lib/SchoolSharp.js
@@ -48,7 +48,7 @@ var SchoolSharp = function SchoolSharp(props) {
 SchoolSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SchoolSharp.js.map b/lib/SchoolSharp.js.map
index 148aa7676..ac2c0eb97 100644
--- a/lib/SchoolSharp.js.map
+++ b/lib/SchoolSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SchoolSharp.js"],"names":["SchoolSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8DAAR,GAAjK;AAAyO,8CAAM,GAAE,4EAAR;AAAzO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SchoolSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SchoolSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 370.43L96 279v98.42l160 88.88 160-88.88V279l-160 91.43z\"/><path d=\"M512.25 192L256 45.57-.25 192 256 338.43l208-118.86V384h48V192.14l.25-.14z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchoolSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchoolSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SchoolSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SchoolSharp.js"],"names":["SchoolSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8DAAR,GAAhK;AAAyO,8CAAM,GAAE,4EAAR;AAAzO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SchoolSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SchoolSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 370.43L96 279v98.42l160 88.88 160-88.88V279l-160 91.43z\" /><path d=\"M512.25 192L256 45.57-.25 192 256 338.43l208-118.86V384h48V192.14l.25-.14z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSchoolSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSchoolSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SchoolSharp"]}
\ No newline at end of file
diff --git a/lib/Search.js b/lib/Search.js
index 0c330418f..daf41e0d6 100644
--- a/lib/Search.js
+++ b/lib/Search.js
@@ -47,7 +47,7 @@ var Search = function Search(props) {
 Search.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Search.js.map b/lib/Search.js.map
index a2f4a0d9f..61391f107 100644
--- a/lib/Search.js.map
+++ b/lib/Search.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Search.js"],"names":["Search","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oRAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Search.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Search = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearch.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Search"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Search.js"],"names":["Search","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oRAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Search.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Search = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearch.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Search"]}
\ No newline at end of file
diff --git a/lib/SearchCircle.js b/lib/SearchCircle.js
index c41d060c1..b3456e6fb 100644
--- a/lib/SearchCircle.js
+++ b/lib/SearchCircle.js
@@ -48,7 +48,7 @@ var SearchCircle = function SearchCircle(props) {
 SearchCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SearchCircle.js.map b/lib/SearchCircle.js.map
index b366db043..de24b8033 100644
--- a/lib/SearchCircle.js.map
+++ b/lib/SearchCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchCircle.js"],"names":["SearchCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kMAAR,GAAjK;AAA6W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SearchCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm91.31 283.31a16 16 0 01-22.62 0l-42.84-42.83a88.08 88.08 0 1122.63-22.63l42.83 42.84a16 16 0 010 22.62z\"/><circle cx=\"232\" cy=\"232\" r=\"56\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SearchCircle.js"],"names":["SearchCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kMAAR,GAAhK;AAA6W,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAA7W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SearchCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm91.31 283.31a16 16 0 01-22.62 0l-42.84-42.83a88.08 88.08 0 1122.63-22.63l42.83 42.84a16 16 0 010 22.62z\" /><circle cx=\"232\" cy=\"232\" r=\"56\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircle"]}
\ No newline at end of file
diff --git a/lib/SearchCircleOutline.js b/lib/SearchCircleOutline.js
index a739869c8..58e0add95 100644
--- a/lib/SearchCircleOutline.js
+++ b/lib/SearchCircleOutline.js
@@ -49,7 +49,7 @@ var SearchCircleOutline = function SearchCircleOutline(props) {
 SearchCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SearchCircleOutline.js.map b/lib/SearchCircleOutline.js.map
index 446b95e27..516746c39 100644
--- a/lib/SearchCircleOutline.js.map
+++ b/lib/SearchCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchCircleOutline.js"],"names":["SearchCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H,GAAjK;AAAqS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,kBAAiB,IAAxG,EAA6G,aAAY,IAAzH,GAArS;AAAoa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,wBAAvG;AAApa;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SearchCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80a176 176 0 10176 176A176 176 0 00256 80z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M232 160a72 72 0 1072 72 72 72 0 00-72-72z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M283.64 283.64L336 336\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SearchCircleOutline.js"],"names":["SearchCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H,GAAhK;AAAqS,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,kBAAiB,IAAxG,EAA6G,aAAY,IAAzH,GAArS;AAAqa,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,wBAAvG;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SearchCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 80a176 176 0 10176 176A176 176 0 00256 80z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M232 160a72 72 0 1072 72 72 72 0 00-72-72z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M283.64 283.64L336 336\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircleOutline"]}
\ No newline at end of file
diff --git a/lib/SearchCircleSharp.js b/lib/SearchCircleSharp.js
index e7ab88fcd..a8a61b9b5 100644
--- a/lib/SearchCircleSharp.js
+++ b/lib/SearchCircleSharp.js
@@ -48,7 +48,7 @@ var SearchCircleSharp = function SearchCircleSharp(props) {
 SearchCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SearchCircleSharp.js.map b/lib/SearchCircleSharp.js.map
index b002bf7ae..722958bea 100644
--- a/lib/SearchCircleSharp.js.map
+++ b/lib/SearchCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchCircleSharp.js"],"names":["SearchCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yJAAR,GAAjK;AAAoU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SearchCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm80 294.63l-54.15-54.15a88.08 88.08 0 1122.63-22.63L358.63 336z\"/><circle cx=\"232\" cy=\"232\" r=\"56\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SearchCircleSharp.js"],"names":["SearchCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yJAAR,GAAhK;AAAoU,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAApU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SearchCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm80 294.63l-54.15-54.15a88.08 88.08 0 1122.63-22.63L358.63 336z\" /><circle cx=\"232\" cy=\"232\" r=\"56\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchCircleSharp"]}
\ No newline at end of file
diff --git a/lib/SearchOutline.js b/lib/SearchOutline.js
index 93c7c6685..cd3eeb4de 100644
--- a/lib/SearchOutline.js
+++ b/lib/SearchOutline.js
@@ -48,7 +48,7 @@ var SearchOutline = function SearchOutline(props) {
 SearchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SearchOutline.js.map b/lib/SearchOutline.js.map
index a28010733..5c141def1 100644
--- a/lib/SearchOutline.js.map
+++ b/lib/SearchOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchOutline.js"],"names":["SearchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,kBAAiB,IAAnI,EAAwI,aAAY,IAApJ,GAAjK;AAA2T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,wBAAvG;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SearchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M338.29 338.29L448 448\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SearchOutline.js"],"names":["SearchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uEAAR,EAAgF,MAAK,MAArF,EAA4F,QAAO,cAAnG,EAAkH,kBAAiB,IAAnI,EAAwI,aAAY,IAApJ,GAAhK;AAA2T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,wBAAvG;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SearchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M338.29 338.29L448 448\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchOutline"]}
\ No newline at end of file
diff --git a/lib/SearchSharp.js b/lib/SearchSharp.js
index 088ebdad8..23a769284 100644
--- a/lib/SearchSharp.js
+++ b/lib/SearchSharp.js
@@ -47,7 +47,7 @@ var SearchSharp = function SearchSharp(props) {
 SearchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SearchSharp.js.map b/lib/SearchSharp.js.map
index 54d6365d6..382e8408c 100644
--- a/lib/SearchSharp.js.map
+++ b/lib/SearchSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchSharp.js"],"names":["SearchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SearchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SearchSharp.js"],"names":["SearchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SearchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SearchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSearchSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSearchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SearchSharp"]}
\ No newline at end of file
diff --git a/lib/Send.js b/lib/Send.js
index 51bcc6bac..de0cf0162 100644
--- a/lib/Send.js
+++ b/lib/Send.js
@@ -47,7 +47,7 @@ var Send = function Send(props) {
 Send.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Send.js.map b/lib/Send.js.map
index 2fd2a3431..3d83d291b 100644
--- a/lib/Send.js.map
+++ b/lib/Send.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Send.js"],"names":["Send","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Send.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Send = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSend.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSend.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Send"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Send.js"],"names":["Send","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Send.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Send = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSend.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSend.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Send"]}
\ No newline at end of file
diff --git a/lib/SendOutline.js b/lib/SendOutline.js
index 4705d1877..c60c3af10 100644
--- a/lib/SendOutline.js
+++ b/lib/SendOutline.js
@@ -47,7 +47,7 @@ var SendOutline = function SendOutline(props) {
 SendOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SendOutline.js.map b/lib/SendOutline.js.map
index cc39d33b0..34a5efbde 100644
--- a/lib/SendOutline.js.map
+++ b/lib/SendOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SendOutline.js"],"names":["SendOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+MAAR,EAAwN,MAAK,MAA7N,EAAoO,QAAO,cAA3O,EAA0P,eAAc,OAAxQ,EAAgR,gBAAe,OAA/R,EAAuS,aAAY,IAAnT;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SendOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SendOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M470.3 271.15L43.16 447.31a7.83 7.83 0 01-11.16-7V327a8 8 0 016.51-7.86l247.62-47c17.36-3.29 17.36-28.15 0-31.44l-247.63-47a8 8 0 01-6.5-7.85V72.59c0-5.74 5.88-10.26 11.16-8L470.3 241.76a16 16 0 010 29.39z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSendOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSendOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SendOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SendOutline.js"],"names":["SendOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+MAAR,EAAwN,MAAK,MAA7N,EAAoO,QAAO,cAA3O,EAA0P,eAAc,OAAxQ,EAAgR,gBAAe,OAA/R,EAAuS,aAAY,IAAnT;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SendOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SendOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M470.3 271.15L43.16 447.31a7.83 7.83 0 01-11.16-7V327a8 8 0 016.51-7.86l247.62-47c17.36-3.29 17.36-28.15 0-31.44l-247.63-47a8 8 0 01-6.5-7.85V72.59c0-5.74 5.88-10.26 11.16-8L470.3 241.76a16 16 0 010 29.39z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSendOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSendOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SendOutline"]}
\ No newline at end of file
diff --git a/lib/SendSharp.js b/lib/SendSharp.js
index 59709992e..8694f031b 100644
--- a/lib/SendSharp.js
+++ b/lib/SendSharp.js
@@ -47,7 +47,7 @@ var SendSharp = function SendSharp(props) {
 SendSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SendSharp.js.map b/lib/SendSharp.js.map
index 261786b9d..9dbb0e550 100644
--- a/lib/SendSharp.js.map
+++ b/lib/SendSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SendSharp.js"],"names":["SendSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0CAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SendSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SendSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 464l480-208L16 48v160l320 48-320 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSendSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSendSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SendSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SendSharp.js"],"names":["SendSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0CAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SendSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SendSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 464l480-208L16 48v160l320 48-320 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSendSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSendSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SendSharp"]}
\ No newline at end of file
diff --git a/lib/Server.js b/lib/Server.js
index f2b137e04..30226b180 100644
--- a/lib/Server.js
+++ b/lib/Server.js
@@ -49,7 +49,7 @@ var Server = function Server(props) {
 Server.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Server.js.map b/lib/Server.js.map
index e3cf3d5d5..a5ba2bd17 100644
--- a/lib/Server.js.map
+++ b/lib/Server.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Server.js"],"names":["Server","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+nBAAR,GAAjK;AAA0yB,8CAAM,GAAE,wXAAR,GAA1yB;AAA4qC,8CAAM,GAAE,sXAAR;AAA5qC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Server.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Server = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 428c-52.35 0-111.39-11.61-157.93-31-17.07-7.19-31.69-18.82-43.64-28a4 4 0 00-6.43 3.18v12.58c0 28.07 23.49 53.22 66.14 70.82C152.29 471.33 202.67 480 256 480s103.7-8.67 141.86-24.42C440.51 438 464 412.83 464 384.76v-12.58a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 28-46.54 19.39-105.57 31-157.92 31zM464 126.51c-.81-27.65-24.18-52.4-66-69.85C359.74 40.76 309.34 32 256 32s-103.74 8.76-141.91 24.66c-41.78 17.41-65.15 42.11-66 69.69L48 144c0 6.41 5.2 16.48 14.63 24.73 11.13 9.73 27.65 19.33 47.78 27.73C153.24 214.36 207.67 225 256 225s102.76-10.68 145.59-28.58c20.13-8.4 36.65-18 47.78-27.73C458.8 160.49 464 150.42 464 144z\"/><path d=\"M413.92 226c-46.53 19.43-105.57 31-157.92 31s-111.39-11.57-157.93-31c-17.07-7.15-31.69-18.79-43.64-28a4 4 0 00-6.43 3.22V232c0 6.41 5.2 14.48 14.63 22.73 11.13 9.74 27.65 19.33 47.78 27.74C153.24 300.34 207.67 311 256 311s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 246.47 464 238.41 464 232v-30.78a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.96z\"/><path d=\"M413.92 312c-46.54 19.41-105.57 31-157.92 31s-111.39-11.59-157.93-31c-17.07-7.17-31.69-18.81-43.64-28a4 4 0 00-6.43 3.2V317c0 6.41 5.2 14.47 14.62 22.71 11.13 9.74 27.66 19.33 47.79 27.74C153.24 385.32 207.66 396 256 396s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 331.44 464 323.37 464 317v-29.8a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.98z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nServer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Server"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Server.js"],"names":["Server","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+nBAAR,GAAhK;AAA0yB,8CAAM,GAAE,wXAAR,GAA1yB;AAA6qC,8CAAM,GAAE,sXAAR;AAA7qC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Server.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Server = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 428c-52.35 0-111.39-11.61-157.93-31-17.07-7.19-31.69-18.82-43.64-28a4 4 0 00-6.43 3.18v12.58c0 28.07 23.49 53.22 66.14 70.82C152.29 471.33 202.67 480 256 480s103.7-8.67 141.86-24.42C440.51 438 464 412.83 464 384.76v-12.58a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 28-46.54 19.39-105.57 31-157.92 31zM464 126.51c-.81-27.65-24.18-52.4-66-69.85C359.74 40.76 309.34 32 256 32s-103.74 8.76-141.91 24.66c-41.78 17.41-65.15 42.11-66 69.69L48 144c0 6.41 5.2 16.48 14.63 24.73 11.13 9.73 27.65 19.33 47.78 27.73C153.24 214.36 207.67 225 256 225s102.76-10.68 145.59-28.58c20.13-8.4 36.65-18 47.78-27.73C458.8 160.49 464 150.42 464 144z\" /><path d=\"M413.92 226c-46.53 19.43-105.57 31-157.92 31s-111.39-11.57-157.93-31c-17.07-7.15-31.69-18.79-43.64-28a4 4 0 00-6.43 3.22V232c0 6.41 5.2 14.48 14.63 22.73 11.13 9.74 27.65 19.33 47.78 27.74C153.24 300.34 207.67 311 256 311s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 246.47 464 238.41 464 232v-30.78a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.96z\" /><path d=\"M413.92 312c-46.54 19.41-105.57 31-157.92 31s-111.39-11.59-157.93-31c-17.07-7.17-31.69-18.81-43.64-28a4 4 0 00-6.43 3.2V317c0 6.41 5.2 14.47 14.62 22.71 11.13 9.74 27.66 19.33 47.79 27.74C153.24 385.32 207.66 396 256 396s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 331.44 464 323.37 464 317v-29.8a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.98z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nServer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Server"]}
\ No newline at end of file
diff --git a/lib/ServerOutline.js b/lib/ServerOutline.js
index 1a2c8f0af..f89ac23b5 100644
--- a/lib/ServerOutline.js
+++ b/lib/ServerOutline.js
@@ -49,7 +49,7 @@ var ServerOutline = function ServerOutline(props) {
 ServerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ServerOutline.js.map b/lib/ServerOutline.js.map
index 52e4b591f..dc50a7df7 100644
--- a/lib/ServerOutline.js.map
+++ b/lib/ServerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ServerOutline.js"],"names":["ServerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,KAA9B,EAAoC,IAAG,IAAvC,EAA4C,MAAK,MAAjD,EAAwD,QAAO,cAA/D,EAA8E,eAAc,OAA5F,EAAoG,kBAAiB,IAArH,EAA0H,aAAY,IAAtI,GAAjK;AAA6S,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,kBAAiB,IAAhL,EAAqL,aAAY,IAAjM,GAA7S;AAAof,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,kBAAiB,IAA1J,EAA+J,aAAY,IAA3K;AAApf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ServerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ServerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"128\" rx=\"192\" ry=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M448 214c0 44.18-86 80-192 80S64 258.18 64 214M448 300c0 44.18-86 80-192 80S64 344.18 64 300\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M64 127.24v257.52C64 428.52 150 464 256 464s192-35.48 192-79.24V127.24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nServerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ServerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ServerOutline.js"],"names":["ServerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,KAA9B,EAAoC,IAAG,IAAvC,EAA4C,MAAK,MAAjD,EAAwD,QAAO,cAA/D,EAA8E,eAAc,OAA5F,EAAoG,kBAAiB,IAArH,EAA0H,aAAY,IAAtI,GAAhK;AAA6S,8CAAM,GAAE,8FAAR,EAAuG,MAAK,MAA5G,EAAmH,QAAO,cAA1H,EAAyI,eAAc,OAAvJ,EAA+J,kBAAiB,IAAhL,EAAqL,aAAY,IAAjM,GAA7S;AAAqf,8CAAM,GAAE,wEAAR,EAAiF,MAAK,MAAtF,EAA6F,QAAO,cAApG,EAAmH,eAAc,OAAjI,EAAyI,kBAAiB,IAA1J,EAA+J,aAAY,IAA3K;AAArf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ServerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ServerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"128\" rx=\"192\" ry=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M448 214c0 44.18-86 80-192 80S64 258.18 64 214M448 300c0 44.18-86 80-192 80S64 344.18 64 300\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M64 127.24v257.52C64 428.52 150 464 256 464s192-35.48 192-79.24V127.24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nServerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ServerOutline"]}
\ No newline at end of file
diff --git a/lib/ServerSharp.js b/lib/ServerSharp.js
index e3286fffb..1f97614b7 100644
--- a/lib/ServerSharp.js
+++ b/lib/ServerSharp.js
@@ -49,7 +49,7 @@ var ServerSharp = function ServerSharp(props) {
 ServerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ServerSharp.js.map b/lib/ServerSharp.js.map
index a769bf18b..656f6231e 100644
--- a/lib/ServerSharp.js.map
+++ b/lib/ServerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ServerSharp.js"],"names":["ServerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,snBAAR,GAAjK;AAAiyB,8CAAM,GAAE,6TAAR,GAAjyB;AAAwmC,8CAAM,GAAE,qUAAR;AAAxmC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ServerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ServerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M409.43 389.87C362 410 305.4 421.05 256 421.05s-105.87-11.3-153.44-31.18S48 353.16 48 353.16v38.2c0 31.15 18 43.64 67.32 64.35C153.13 471.59 203.18 480 256 480s102.87-8.41 140.68-24.29C446 435 464 422.51 464 391.36v-38.2s-7.14 16.59-54.57 36.71zM63.69 173.22c11.23 9.84 27.82 19.49 48 27.92 42.48 17.76 96.45 28.37 144.36 28.37s101.88-10.61 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 6.06-5.31 10.85-10.12 13.47-12.85a8 8 0 002.22-5.54v-26.16c-.84-28.79-24.71-54.41-67.21-72.14C358.83 40.71 308.84 32 256 32s-102.83 8.71-140.74 24.53C72.85 74.22 49 99.78 48.05 128.5v26.33a8 8 0 002.21 5.54c2.58 2.73 7.36 7.54 13.43 12.85z\"/><path d=\"M409.43 221.91C365 241 305.4 253.09 256 253.09s-108.87-12.27-153.43-31.18S48 185.2 48 185.2v47.36c.08 7.52 5.5 16.2 15.69 25.13 11.24 9.84 27.82 19.5 48 27.92C154.12 303.38 208.09 314 256 314s101.88-10.6 144.36-28.37c20.13-8.42 36.72-18.08 47.95-27.92 10.25-9 15.68-17.71 15.69-25.27V185.2s-10.13 17.62-54.57 36.71z\"/><path d=\"M409.43 306.38C362 326 305.4 337.56 256 337.56s-109.87-12.8-153.43-31.18S48 269.67 48 269.67v46.25c0 7.55 5.44 16.28 15.69 25.26 11.23 9.84 27.81 19.5 48 27.92 42.48 17.77 96.44 28.37 144.36 28.37s101.88-10.6 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 10.19-8.93 15.61-17.61 15.69-25.13v-46.38s-7.18 17.09-54.62 36.71z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nServerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ServerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ServerSharp.js"],"names":["ServerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,snBAAR,GAAhK;AAAiyB,8CAAM,GAAE,6TAAR,GAAjyB;AAAymC,8CAAM,GAAE,qUAAR;AAAzmC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ServerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ServerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M409.43 389.87C362 410 305.4 421.05 256 421.05s-105.87-11.3-153.44-31.18S48 353.16 48 353.16v38.2c0 31.15 18 43.64 67.32 64.35C153.13 471.59 203.18 480 256 480s102.87-8.41 140.68-24.29C446 435 464 422.51 464 391.36v-38.2s-7.14 16.59-54.57 36.71zM63.69 173.22c11.23 9.84 27.82 19.49 48 27.92 42.48 17.76 96.45 28.37 144.36 28.37s101.88-10.61 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 6.06-5.31 10.85-10.12 13.47-12.85a8 8 0 002.22-5.54v-26.16c-.84-28.79-24.71-54.41-67.21-72.14C358.83 40.71 308.84 32 256 32s-102.83 8.71-140.74 24.53C72.85 74.22 49 99.78 48.05 128.5v26.33a8 8 0 002.21 5.54c2.58 2.73 7.36 7.54 13.43 12.85z\" /><path d=\"M409.43 221.91C365 241 305.4 253.09 256 253.09s-108.87-12.27-153.43-31.18S48 185.2 48 185.2v47.36c.08 7.52 5.5 16.2 15.69 25.13 11.24 9.84 27.82 19.5 48 27.92C154.12 303.38 208.09 314 256 314s101.88-10.6 144.36-28.37c20.13-8.42 36.72-18.08 47.95-27.92 10.25-9 15.68-17.71 15.69-25.27V185.2s-10.13 17.62-54.57 36.71z\" /><path d=\"M409.43 306.38C362 326 305.4 337.56 256 337.56s-109.87-12.8-153.43-31.18S48 269.67 48 269.67v46.25c0 7.55 5.44 16.28 15.69 25.26 11.23 9.84 27.81 19.5 48 27.92 42.48 17.77 96.44 28.37 144.36 28.37s101.88-10.6 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 10.19-8.93 15.61-17.61 15.69-25.13v-46.38s-7.18 17.09-54.62 36.71z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nServerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nServerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ServerSharp"]}
\ No newline at end of file
diff --git a/lib/Settings.js b/lib/Settings.js
index 2194efe0d..0617e63c2 100644
--- a/lib/Settings.js
+++ b/lib/Settings.js
@@ -48,7 +48,7 @@ var Settings = function Settings(props) {
 Settings.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Settings.js.map b/lib/Settings.js.map
index e4db37da1..101ef6ba7 100644
--- a/lib/Settings.js.map
+++ b/lib/Settings.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Settings.js"],"names":["Settings","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,qpCAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Settings.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Settings = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\"/><path d=\"M470.39 300l-.47-.38-31.56-24.75a16.11 16.11 0 01-6.1-13.33v-11.56a16 16 0 016.11-13.22L469.92 212l.47-.38a26.68 26.68 0 005.9-34.06l-42.71-73.9a1.59 1.59 0 01-.13-.22A26.86 26.86 0 00401 92.14l-.35.13-37.1 14.93a15.94 15.94 0 01-14.47-1.29q-4.92-3.1-10-5.86a15.94 15.94 0 01-8.19-11.82l-5.59-39.59-.12-.72A27.22 27.22 0 00298.76 26h-85.52a26.92 26.92 0 00-26.45 22.39l-.09.56-5.57 39.67a16 16 0 01-8.13 11.82 175.21 175.21 0 00-10 5.82 15.92 15.92 0 01-14.43 1.27l-37.13-15-.35-.14a26.87 26.87 0 00-32.48 11.34l-.13.22-42.77 73.95a26.71 26.71 0 005.9 34.1l.47.38 31.56 24.75a16.11 16.11 0 016.1 13.33v11.56a16 16 0 01-6.11 13.22L42.08 300l-.47.38a26.68 26.68 0 00-5.9 34.06l42.71 73.9a1.59 1.59 0 01.13.22 26.86 26.86 0 0032.45 11.3l.35-.13 37.07-14.93a15.94 15.94 0 0114.47 1.29q4.92 3.11 10 5.86a15.94 15.94 0 018.19 11.82l5.56 39.59.12.72A27.22 27.22 0 00213.24 486h85.52a26.92 26.92 0 0026.45-22.39l.09-.56 5.57-39.67a16 16 0 018.18-11.82c3.42-1.84 6.76-3.79 10-5.82a15.92 15.92 0 0114.43-1.27l37.13 14.95.35.14a26.85 26.85 0 0032.48-11.34 2.53 2.53 0 01.13-.22l42.71-73.89a26.7 26.7 0 00-5.89-34.11zm-134.48-40.24a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettings.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettings.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Settings"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Settings.js"],"names":["Settings","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,qpCAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Settings.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Settings = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"48\" /><path d=\"M470.39 300l-.47-.38-31.56-24.75a16.11 16.11 0 01-6.1-13.33v-11.56a16 16 0 016.11-13.22L469.92 212l.47-.38a26.68 26.68 0 005.9-34.06l-42.71-73.9a1.59 1.59 0 01-.13-.22A26.86 26.86 0 00401 92.14l-.35.13-37.1 14.93a15.94 15.94 0 01-14.47-1.29q-4.92-3.1-10-5.86a15.94 15.94 0 01-8.19-11.82l-5.59-39.59-.12-.72A27.22 27.22 0 00298.76 26h-85.52a26.92 26.92 0 00-26.45 22.39l-.09.56-5.57 39.67a16 16 0 01-8.13 11.82 175.21 175.21 0 00-10 5.82 15.92 15.92 0 01-14.43 1.27l-37.13-15-.35-.14a26.87 26.87 0 00-32.48 11.34l-.13.22-42.77 73.95a26.71 26.71 0 005.9 34.1l.47.38 31.56 24.75a16.11 16.11 0 016.1 13.33v11.56a16 16 0 01-6.11 13.22L42.08 300l-.47.38a26.68 26.68 0 00-5.9 34.06l42.71 73.9a1.59 1.59 0 01.13.22 26.86 26.86 0 0032.45 11.3l.35-.13 37.07-14.93a15.94 15.94 0 0114.47 1.29q4.92 3.11 10 5.86a15.94 15.94 0 018.19 11.82l5.56 39.59.12.72A27.22 27.22 0 00213.24 486h85.52a26.92 26.92 0 0026.45-22.39l.09-.56 5.57-39.67a16 16 0 018.18-11.82c3.42-1.84 6.76-3.79 10-5.82a15.92 15.92 0 0114.43-1.27l37.13 14.95.35.14a26.85 26.85 0 0032.48-11.34 2.53 2.53 0 01.13-.22l42.71-73.89a26.7 26.7 0 00-5.89-34.11zm-134.48-40.24a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettings.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettings.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Settings"]}
\ No newline at end of file
diff --git a/lib/SettingsOutline.js b/lib/SettingsOutline.js
index 3e99d1d0d..eac82c83f 100644
--- a/lib/SettingsOutline.js
+++ b/lib/SettingsOutline.js
@@ -47,7 +47,7 @@ var SettingsOutline = function SettingsOutline(props) {
 SettingsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SettingsOutline.js.map b/lib/SettingsOutline.js.map
index 18824a44b..89ff96b75 100644
--- a/lib/SettingsOutline.js.map
+++ b/lib/SettingsOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SettingsOutline.js"],"names":["SettingsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mjCAAR,EAA4jC,MAAK,MAAjkC,EAAwkC,QAAO,cAA/kC,EAA8lC,eAAc,OAA5mC,EAAonC,gBAAe,OAAnoC,EAA2oC,aAAY,IAAvpC;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"SettingsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SettingsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettingsOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettingsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SettingsOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SettingsOutline.js"],"names":["SettingsOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mjCAAR,EAA4jC,MAAK,MAAjkC,EAAwkC,QAAO,cAA/kC,EAA8lC,eAAc,OAA5mC,EAAonC,gBAAe,OAAnoC,EAA2oC,aAAY,IAAvpC;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"SettingsOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SettingsOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettingsOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettingsOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SettingsOutline"]}
\ No newline at end of file
diff --git a/lib/SettingsSharp.js b/lib/SettingsSharp.js
index e898379e6..3fc311b19 100644
--- a/lib/SettingsSharp.js
+++ b/lib/SettingsSharp.js
@@ -47,7 +47,7 @@ var SettingsSharp = function SettingsSharp(props) {
 SettingsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SettingsSharp.js.map b/lib/SettingsSharp.js.map
index 61672cfa9..1c680c391 100644
--- a/lib/SettingsSharp.js.map
+++ b/lib/SettingsSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SettingsSharp.js"],"names":["SettingsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gyBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SettingsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SettingsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 176a80 80 0 1080 80 80.24 80.24 0 00-80-80zm172.72 80a165.53 165.53 0 01-1.64 22.34l48.69 38.12a11.59 11.59 0 012.63 14.78l-46.06 79.52a11.64 11.64 0 01-14.14 4.93l-57.25-23a176.56 176.56 0 01-38.82 22.67l-8.56 60.78a11.93 11.93 0 01-11.51 9.86h-92.12a12 12 0 01-11.51-9.53l-8.56-60.78A169.3 169.3 0 01151.05 393L93.8 416a11.64 11.64 0 01-14.14-4.92L33.6 331.57a11.59 11.59 0 012.63-14.78l48.69-38.12A174.58 174.58 0 0183.28 256a165.53 165.53 0 011.64-22.34l-48.69-38.12a11.59 11.59 0 01-2.63-14.78l46.06-79.52a11.64 11.64 0 0114.14-4.93l57.25 23a176.56 176.56 0 0138.82-22.67l8.56-60.78A11.93 11.93 0 01209.94 26h92.12a12 12 0 0111.51 9.53l8.56 60.78A169.3 169.3 0 01361 119l57.2-23a11.64 11.64 0 0114.14 4.92l46.06 79.52a11.59 11.59 0 01-2.63 14.78l-48.69 38.12a174.58 174.58 0 011.64 22.66z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettingsSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettingsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SettingsSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SettingsSharp.js"],"names":["SettingsSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gyBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SettingsSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SettingsSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 176a80 80 0 1080 80 80.24 80.24 0 00-80-80zm172.72 80a165.53 165.53 0 01-1.64 22.34l48.69 38.12a11.59 11.59 0 012.63 14.78l-46.06 79.52a11.64 11.64 0 01-14.14 4.93l-57.25-23a176.56 176.56 0 01-38.82 22.67l-8.56 60.78a11.93 11.93 0 01-11.51 9.86h-92.12a12 12 0 01-11.51-9.53l-8.56-60.78A169.3 169.3 0 01151.05 393L93.8 416a11.64 11.64 0 01-14.14-4.92L33.6 331.57a11.59 11.59 0 012.63-14.78l48.69-38.12A174.58 174.58 0 0183.28 256a165.53 165.53 0 011.64-22.34l-48.69-38.12a11.59 11.59 0 01-2.63-14.78l46.06-79.52a11.64 11.64 0 0114.14-4.93l57.25 23a176.56 176.56 0 0138.82-22.67l8.56-60.78A11.93 11.93 0 01209.94 26h92.12a12 12 0 0111.51 9.53l8.56 60.78A169.3 169.3 0 01361 119l57.2-23a11.64 11.64 0 0114.14 4.92l46.06 79.52a11.59 11.59 0 01-2.63 14.78l-48.69 38.12a174.58 174.58 0 011.64 22.66z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSettingsSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSettingsSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SettingsSharp"]}
\ No newline at end of file
diff --git a/lib/Shapes.js b/lib/Shapes.js
index 9e5d6c856..6091bdb46 100644
--- a/lib/Shapes.js
+++ b/lib/Shapes.js
@@ -48,7 +48,7 @@ var Shapes = function Shapes(props) {
 Shapes.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Shapes.js.map b/lib/Shapes.js.map
index a2117c56c..0b7cd7fa9 100644
--- a/lib/Shapes.js.map
+++ b/lib/Shapes.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Shapes.js"],"names":["Shapes","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sFAAR,GAAjK;AAAiQ,8CAAM,GAAE,mGAAR;AAAjQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Shapes.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shapes = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336H32a16 16 0 01-14-23.81l152-272a16 16 0 0127.94 0l152 272A16 16 0 01336 336z\"/><path d=\"M336 160a161.07 161.07 0 00-32.57 3.32l74.47 133.27A48 48 0 01336 368H183.33A160 160 0 10336 160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapes.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapes.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shapes"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Shapes.js"],"names":["Shapes","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sFAAR,GAAhK;AAAiQ,8CAAM,GAAE,mGAAR;AAAjQ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Shapes.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shapes = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 336H32a16 16 0 01-14-23.81l152-272a16 16 0 0127.94 0l152 272A16 16 0 01336 336z\" /><path d=\"M336 160a161.07 161.07 0 00-32.57 3.32l74.47 133.27A48 48 0 01336 368H183.33A160 160 0 10336 160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapes.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapes.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shapes"]}
\ No newline at end of file
diff --git a/lib/ShapesOutline.js b/lib/ShapesOutline.js
index 8354f4d4e..8f92ae424 100644
--- a/lib/ShapesOutline.js
+++ b/lib/ShapesOutline.js
@@ -47,7 +47,7 @@ var ShapesOutline = function ShapesOutline(props) {
 ShapesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShapesOutline.js.map b/lib/ShapesOutline.js.map
index 04bfc8819..ad1322298 100644
--- a/lib/ShapesOutline.js.map
+++ b/lib/ShapesOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShapesOutline.js"],"names":["ShapesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,+DAAlF;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ShapesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShapesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 320H32L184 48l152 272zM265.32 194.51A144 144 0 11192 320\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapesOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShapesOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShapesOutline.js"],"names":["ShapesOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,+DAAlF;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ShapesOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShapesOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 320H32L184 48l152 272zM265.32 194.51A144 144 0 11192 320\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapesOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapesOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShapesOutline"]}
\ No newline at end of file
diff --git a/lib/ShapesSharp.js b/lib/ShapesSharp.js
index 1b9e1b094..6a75bc86f 100644
--- a/lib/ShapesSharp.js
+++ b/lib/ShapesSharp.js
@@ -48,7 +48,7 @@ var ShapesSharp = function ShapesSharp(props) {
 ShapesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShapesSharp.js.map b/lib/ShapesSharp.js.map
index edb4062cc..69451ab45 100644
--- a/lib/ShapesSharp.js.map
+++ b/lib/ShapesSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShapesSharp.js"],"names":["ShapesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0BAAR,GAAjK;AAAqM,8CAAM,GAAE,kJAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShapesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShapesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M363.27 336H4.73L184 16z\"/><path d=\"M336 160a160.54 160.54 0 00-32.55 3.36l87.75 157L417.81 368H183.36C203.8 432.85 264.49 480 336 480c88.22 0 160-71.78 160-160s-71.78-160-160-160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapesSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShapesSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShapesSharp.js"],"names":["ShapesSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0BAAR,GAAhK;AAAqM,8CAAM,GAAE,kJAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShapesSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShapesSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M363.27 336H4.73L184 16z\" /><path d=\"M336 160a160.54 160.54 0 00-32.55 3.36l87.75 157L417.81 368H183.36C203.8 432.85 264.49 480 336 480c88.22 0 160-71.78 160-160s-71.78-160-160-160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShapesSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShapesSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShapesSharp"]}
\ No newline at end of file
diff --git a/lib/Share.js b/lib/Share.js
index c1d53bd7e..1b2ff3881 100644
--- a/lib/Share.js
+++ b/lib/Share.js
@@ -47,7 +47,7 @@ var Share = function Share(props) {
 Share.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Share.js.map b/lib/Share.js.map
index d2b6dea13..039dcd5fd 100644
--- a/lib/Share.js.map
+++ b/lib/Share.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Share.js"],"names":["Share","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sQAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Share.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Share = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 176H272v145a16 16 0 01-32 0V176H136a56.06 56.06 0 00-56 56v192a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V232a56.06 56.06 0 00-56-56zM272 86.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 86.63V176h32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShare.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Share"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Share.js"],"names":["Share","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sQAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Share.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Share = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M376 176H272v145a16 16 0 01-32 0V176H136a56.06 56.06 0 00-56 56v192a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V232a56.06 56.06 0 00-56-56zM272 86.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 86.63V176h32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShare.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Share"]}
\ No newline at end of file
diff --git a/lib/ShareOutline.js b/lib/ShareOutline.js
index 117215d09..16480dfb9 100644
--- a/lib/ShareOutline.js
+++ b/lib/ShareOutline.js
@@ -47,7 +47,7 @@ var ShareOutline = function ShareOutline(props) {
 ShareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShareOutline.js.map b/lib/ShareOutline.js.map
index fc013de7d..95fb4dc07 100644
--- a/lib/ShareOutline.js.map
+++ b/lib/ShareOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShareOutline.js"],"names":["ShareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8HAAR,EAAuI,MAAK,MAA5I,EAAmJ,QAAO,cAA1J,EAAyK,eAAc,OAAvL,EAA+L,gBAAe,OAA9M,EAAsN,aAAY,IAAlO;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 192h40a40 40 0 0140 40v192a40 40 0 01-40 40H136a40 40 0 01-40-40V232a40 40 0 0140-40h40M336 128l-80-80-80 80M256 321V48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShareOutline.js"],"names":["ShareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8HAAR,EAAuI,MAAK,MAA5I,EAAmJ,QAAO,cAA1J,EAAyK,eAAc,OAAvL,EAA+L,gBAAe,OAA9M,EAAsN,aAAY,IAAlO;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 192h40a40 40 0 0140 40v192a40 40 0 01-40 40H136a40 40 0 01-40-40V232a40 40 0 0140-40h40M336 128l-80-80-80 80M256 321V48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareOutline"]}
\ No newline at end of file
diff --git a/lib/ShareSharp.js b/lib/ShareSharp.js
index 2de64b142..4cadfea39 100644
--- a/lib/ShareSharp.js
+++ b/lib/ShareSharp.js
@@ -47,7 +47,7 @@ var ShareSharp = function ShareSharp(props) {
 ShareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShareSharp.js.map b/lib/ShareSharp.js.map
index cafa4b800..54305764c 100644
--- a/lib/ShareSharp.js.map
+++ b/lib/ShareSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShareSharp.js"],"names":["ShareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uLAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ShareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 176v161h-32V176H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V188a12 12 0 00-12-12zM272 92.63l64 64L358.63 134 256 31.37 153.37 134 176 156.63l64-64V176h32V92.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShareSharp.js"],"names":["ShareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uLAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ShareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M272 176v161h-32V176H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V188a12 12 0 00-12-12zM272 92.63l64 64L358.63 134 256 31.37 153.37 134 176 156.63l64-64V176h32V92.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSharp"]}
\ No newline at end of file
diff --git a/lib/ShareSocial.js b/lib/ShareSocial.js
index c8fe88459..4a75f977f 100644
--- a/lib/ShareSocial.js
+++ b/lib/ShareSocial.js
@@ -47,7 +47,7 @@ var ShareSocial = function ShareSocial(props) {
 ShareSocial.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShareSocial.js.map b/lib/ShareSocial.js.map
index c65c5b42c..bd18fc484 100644
--- a/lib/ShareSocial.js.map
+++ b/lib/ShareSocial.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShareSocial.js"],"names":["ShareSocial","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShareSocial.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocial = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 336a63.78 63.78 0 00-46.12 19.7l-148-83.27a63.85 63.85 0 000-32.86l148-83.27a63.8 63.8 0 10-15.73-27.87l-148 83.27a64 64 0 100 88.6l148 83.27A64 64 0 10384 336z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocial.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocial.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocial"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShareSocial.js"],"names":["ShareSocial","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShareSocial.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocial = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 336a63.78 63.78 0 00-46.12 19.7l-148-83.27a63.85 63.85 0 000-32.86l148-83.27a63.8 63.8 0 10-15.73-27.87l-148 83.27a64 64 0 100 88.6l148 83.27A64 64 0 10384 336z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocial.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocial.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocial"]}
\ No newline at end of file
diff --git a/lib/ShareSocialOutline.js b/lib/ShareSocialOutline.js
index 026491f8a..2dce7e29b 100644
--- a/lib/ShareSocialOutline.js
+++ b/lib/ShareSocialOutline.js
@@ -50,7 +50,7 @@ var ShareSocialOutline = function ShareSocialOutline(props) {
 ShareSocialOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShareSocialOutline.js.map b/lib/ShareSocialOutline.js.map
index 1cca65b25..be29eec0b 100644
--- a/lib/ShareSocialOutline.js.map
+++ b/lib/ShareSocialOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShareSocialOutline.js"],"names":["ShareSocialOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAjK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAqa,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAra;AAAuiB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yDAAxG;AAAviB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ShareSocialOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocialOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"256\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"112\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"384\" cy=\"400\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M169.83 279.53l172.34 96.94M342.17 135.53l-172.34 96.94\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocialOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocialOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocialOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShareSocialOutline.js"],"names":["ShareSocialOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAhK;AAAmS,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAnS;AAAsa,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,gBAAe,OAAxG,EAAgH,aAAY,IAA5H,GAAta;AAAyiB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,yDAAxG;AAAziB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ShareSocialOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocialOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"128\" cy=\"256\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"112\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"384\" cy=\"400\" r=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M169.83 279.53l172.34 96.94M342.17 135.53l-172.34 96.94\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocialOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocialOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocialOutline"]}
\ No newline at end of file
diff --git a/lib/ShareSocialSharp.js b/lib/ShareSocialSharp.js
index f036d5bc3..a422f58a0 100644
--- a/lib/ShareSocialSharp.js
+++ b/lib/ShareSocialSharp.js
@@ -47,7 +47,7 @@ var ShareSocialSharp = function ShareSocialSharp(props) {
 ShareSocialSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShareSocialSharp.js.map b/lib/ShareSocialSharp.js.map
index 3dd2bcd3e..9ab64c70c 100644
--- a/lib/ShareSocialSharp.js.map
+++ b/lib/ShareSocialSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShareSocialSharp.js"],"names":["ShareSocialSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ShareSocialSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocialSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M378 324a69.78 69.78 0 00-48.83 19.91L202 272.41a69.68 69.68 0 000-32.82l127.13-71.5A69.76 69.76 0 10308.87 129l-130.13 73.2a70 70 0 100 107.56L308.87 383A70 70 0 10378 324z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocialSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocialSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocialSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShareSocialSharp.js"],"names":["ShareSocialSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ShareSocialSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShareSocialSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M378 324a69.78 69.78 0 00-48.83 19.91L202 272.41a69.68 69.68 0 000-32.82l127.13-71.5A69.76 69.76 0 10308.87 129l-130.13 73.2a70 70 0 100 107.56L308.87 383A70 70 0 10378 324z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShareSocialSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShareSocialSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShareSocialSharp"]}
\ No newline at end of file
diff --git a/lib/Shield.js b/lib/Shield.js
index 86dc9ddfa..455fe5689 100644
--- a/lib/Shield.js
+++ b/lib/Shield.js
@@ -47,7 +47,7 @@ var Shield = function Shield(props) {
 Shield.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Shield.js.map b/lib/Shield.js.map
index 3c896e3b0..ef572ada2 100644
--- a/lib/Shield.js.map
+++ b/lib/Shield.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Shield.js"],"names":["Shield","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0XAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Shield.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shield = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.35a16 16 0 00-13.15-14.75C379.89 81.18 343.69 69.12 266 34.16c-7.76-2.89-12.57-2.84-20 0-77.69 35-113.89 47-199.92 62.44a16 16 0 00-13.15 14.75c-3.85 61.1 4.34 118 24.36 169.15a348.86 348.86 0 0071.43 112.41c44.67 47.43 94.2 75.12 119.74 85.6a20 20 0 0015.11 0c27-10.92 74.69-37.82 119.71-85.62a348.86 348.86 0 0071.43-112.39c20.02-51.14 28.21-108.05 24.36-169.15z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShield.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShield.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shield"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Shield.js"],"names":["Shield","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0XAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Shield.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shield = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.35a16 16 0 00-13.15-14.75C379.89 81.18 343.69 69.12 266 34.16c-7.76-2.89-12.57-2.84-20 0-77.69 35-113.89 47-199.92 62.44a16 16 0 00-13.15 14.75c-3.85 61.1 4.34 118 24.36 169.15a348.86 348.86 0 0071.43 112.41c44.67 47.43 94.2 75.12 119.74 85.6a20 20 0 0015.11 0c27-10.92 74.69-37.82 119.71-85.62a348.86 348.86 0 0071.43-112.39c20.02-51.14 28.21-108.05 24.36-169.15z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShield.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShield.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shield"]}
\ No newline at end of file
diff --git a/lib/ShieldCheckmark.js b/lib/ShieldCheckmark.js
index e40c0cbb4..36f9ba2d0 100644
--- a/lib/ShieldCheckmark.js
+++ b/lib/ShieldCheckmark.js
@@ -47,7 +47,7 @@ var ShieldCheckmark = function ShieldCheckmark(props) {
 ShieldCheckmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShieldCheckmark.js.map b/lib/ShieldCheckmark.js.map
index 6f15d6c96..f43bc5eae 100644
--- a/lib/ShieldCheckmark.js.map
+++ b/lib/ShieldCheckmark.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShieldCheckmark.js"],"names":["ShieldCheckmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wgBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ShieldCheckmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.36a16 16 0 00-13.15-14.74c-86.5-15.52-122.61-26.74-203.33-63.2a16 16 0 00-13.18 0C168.69 69.88 132.58 81.1 46.08 96.62a16 16 0 00-13.15 14.74c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73a16 16 0 0012 0c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-131 75.11l-110.8 128a16 16 0 01-11.41 5.53h-.66a16 16 0 01-11.2-4.57l-49.2-48.2a16 16 0 1122.4-22.86l37 36.29 99.7-115.13a16 16 0 0124.2 20.94z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmark.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmark"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShieldCheckmark.js"],"names":["ShieldCheckmark","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wgBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ShieldCheckmark.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmark = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.36a16 16 0 00-13.15-14.74c-86.5-15.52-122.61-26.74-203.33-63.2a16 16 0 00-13.18 0C168.69 69.88 132.58 81.1 46.08 96.62a16 16 0 00-13.15 14.74c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73a16 16 0 0012 0c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-131 75.11l-110.8 128a16 16 0 01-11.41 5.53h-.66a16 16 0 01-11.2-4.57l-49.2-48.2a16 16 0 1122.4-22.86l37 36.29 99.7-115.13a16 16 0 0124.2 20.94z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmark.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmark.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmark"]}
\ No newline at end of file
diff --git a/lib/ShieldCheckmarkOutline.js b/lib/ShieldCheckmarkOutline.js
index 7f0592b55..be6c4e7ae 100644
--- a/lib/ShieldCheckmarkOutline.js
+++ b/lib/ShieldCheckmarkOutline.js
@@ -48,7 +48,7 @@ var ShieldCheckmarkOutline = function ShieldCheckmarkOutline(props) {
 ShieldCheckmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShieldCheckmarkOutline.js.map b/lib/ShieldCheckmarkOutline.js.map
index 805fd054f..2d067fa65 100644
--- a/lib/ShieldCheckmarkOutline.js.map
+++ b/lib/ShieldCheckmarkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShieldCheckmarkOutline.js"],"names":["ShieldCheckmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG,GAAjK;AAAyS,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ShieldCheckmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 176L225.2 304 176 255.8\"/><path d=\"M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmarkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShieldCheckmarkOutline.js"],"names":["ShieldCheckmarkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG,GAAhK;AAAyS,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"ShieldCheckmarkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmarkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M336 176L225.2 304 176 255.8\" /><path d=\"M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmarkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmarkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmarkOutline"]}
\ No newline at end of file
diff --git a/lib/ShieldCheckmarkSharp.js b/lib/ShieldCheckmarkSharp.js
index da56ea3e4..6c8d524a1 100644
--- a/lib/ShieldCheckmarkSharp.js
+++ b/lib/ShieldCheckmarkSharp.js
@@ -47,7 +47,7 @@ var ShieldCheckmarkSharp = function ShieldCheckmarkSharp(props) {
 ShieldCheckmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShieldCheckmarkSharp.js.map b/lib/ShieldCheckmarkSharp.js.map
index 628616235..261bd4c8e 100644
--- a/lib/ShieldCheckmarkSharp.js.map
+++ b/lib/ShieldCheckmarkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShieldCheckmarkSharp.js"],"names":["ShieldCheckmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ubAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ShieldCheckmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.36l-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmarkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShieldCheckmarkSharp.js"],"names":["ShieldCheckmarkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ubAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"ShieldCheckmarkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldCheckmarkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479.07 111.36l-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldCheckmarkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldCheckmarkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldCheckmarkSharp"]}
\ No newline at end of file
diff --git a/lib/ShieldOutline.js b/lib/ShieldOutline.js
index 43c482b2e..4e2089ae4 100644
--- a/lib/ShieldOutline.js
+++ b/lib/ShieldOutline.js
@@ -47,7 +47,7 @@ var ShieldOutline = function ShieldOutline(props) {
 ShieldOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShieldOutline.js.map b/lib/ShieldOutline.js.map
index 07d421cec..a3f2084f1 100644
--- a/lib/ShieldOutline.js.map
+++ b/lib/ShieldOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShieldOutline.js"],"names":["ShieldOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ShieldOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShieldOutline.js"],"names":["ShieldOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ShieldOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldOutline"]}
\ No newline at end of file
diff --git a/lib/ShieldSharp.js b/lib/ShieldSharp.js
index f744799bd..ef90bbfb4 100644
--- a/lib/ShieldSharp.js
+++ b/lib/ShieldSharp.js
@@ -47,7 +47,7 @@ var ShieldSharp = function ShieldSharp(props) {
 ShieldSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShieldSharp.js.map b/lib/ShieldSharp.js.map
index f220933f2..4c2ac74a6 100644
--- a/lib/ShieldSharp.js.map
+++ b/lib/ShieldSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShieldSharp.js"],"names":["ShieldSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShieldSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C174 69.06 121.38 86.46 32 96c0 77.59 5.27 133.36 25.29 184.51a348.86 348.86 0 0071.43 112.41c49.6 52.66 104.17 80.4 127.28 87.08 23.11-6.68 77.68-34.42 127.28-87.08a348.86 348.86 0 0071.43-112.41C474.73 229.36 480 173.59 480 96c-89.38-9.54-142-26.94-224-64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShieldSharp.js"],"names":["ShieldSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ShieldSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShieldSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32C174 69.06 121.38 86.46 32 96c0 77.59 5.27 133.36 25.29 184.51a348.86 348.86 0 0071.43 112.41c49.6 52.66 104.17 80.4 127.28 87.08 23.11-6.68 77.68-34.42 127.28-87.08a348.86 348.86 0 0071.43-112.41C474.73 229.36 480 173.59 480 96c-89.38-9.54-142-26.94-224-64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShieldSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShieldSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShieldSharp"]}
\ No newline at end of file
diff --git a/lib/Shirt.js b/lib/Shirt.js
index 78f7ee148..8c3014fff 100644
--- a/lib/Shirt.js
+++ b/lib/Shirt.js
@@ -48,7 +48,7 @@ var Shirt = function Shirt(props) {
 Shirt.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Shirt.js.map b/lib/Shirt.js.map
index e545a2b00..52c8a4081 100644
--- a/lib/Shirt.js.map
+++ b/lib/Shirt.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Shirt.js"],"names":["Shirt","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yLAAR,GAAjK;AAAoW,8CAAM,GAAE,kXAAR;AAApW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Shirt.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shirt = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 96c33.08 0 60.71-25.78 64-58 .3-3-3-6-6-6a13 13 0 00-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.21 16.21 0 00-5.3-.9h-.06a5.69 5.69 0 00-5.38 6c3.35 32.16 31 58 64 58z\"/><path d=\"M485.29 89.9L356 44.64a4 4 0 00-5.27 3.16 96 96 0 01-189.38 0 4 4 0 00-5.35-3.16L26.71 89.9A16 16 0 0016.28 108l16.63 88a16 16 0 0013.92 12.9l48.88 5.52a8 8 0 017.1 8.19l-7.33 240.9a16 16 0 009.1 14.94A17.49 17.49 0 00112 480h288a17.49 17.49 0 007.42-1.55 16 16 0 009.1-14.94l-7.33-240.9a8 8 0 017.1-8.19l48.88-5.52a16 16 0 0013.92-12.9l16.63-88a16 16 0 00-10.43-18.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirt.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shirt"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Shirt.js"],"names":["Shirt","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yLAAR,GAAhK;AAAoW,8CAAM,GAAE,kXAAR;AAApW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Shirt.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shirt = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 96c33.08 0 60.71-25.78 64-58 .3-3-3-6-6-6a13 13 0 00-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.21 16.21 0 00-5.3-.9h-.06a5.69 5.69 0 00-5.38 6c3.35 32.16 31 58 64 58z\" /><path d=\"M485.29 89.9L356 44.64a4 4 0 00-5.27 3.16 96 96 0 01-189.38 0 4 4 0 00-5.35-3.16L26.71 89.9A16 16 0 0016.28 108l16.63 88a16 16 0 0013.92 12.9l48.88 5.52a8 8 0 017.1 8.19l-7.33 240.9a16 16 0 009.1 14.94A17.49 17.49 0 00112 480h288a17.49 17.49 0 007.42-1.55 16 16 0 009.1-14.94l-7.33-240.9a8 8 0 017.1-8.19l48.88-5.52a16 16 0 0013.92-12.9l16.63-88a16 16 0 00-10.43-18.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirt.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirt.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shirt"]}
\ No newline at end of file
diff --git a/lib/ShirtOutline.js b/lib/ShirtOutline.js
index cc8ca8a97..d792e0ab5 100644
--- a/lib/ShirtOutline.js
+++ b/lib/ShirtOutline.js
@@ -47,7 +47,7 @@ var ShirtOutline = function ShirtOutline(props) {
 ShirtOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShirtOutline.js.map b/lib/ShirtOutline.js.map
index 5e7d043fc..2b6860640 100644
--- a/lib/ShirtOutline.js.map
+++ b/lib/ShirtOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShirtOutline.js"],"names":["ShirtOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShirtOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShirtOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314.56 48s-22.78 8-58.56 8-58.56-8-58.56-8a31.94 31.94 0 00-10.57 1.8L32 104l16.63 88 48.88 5.52a24 24 0 0121.29 24.58L112 464h288l-6.8-241.9a24 24 0 0121.29-24.58l48.88-5.52L480 104 325.13 49.8a31.94 31.94 0 00-10.57-1.8zM333.31 52.66a80 80 0 01-154.62 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirtOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirtOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShirtOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShirtOutline.js"],"names":["ShirtOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kQAAR,EAA2Q,MAAK,MAAhR,EAAuR,QAAO,cAA9R,EAA6S,eAAc,OAA3T,EAAmU,gBAAe,OAAlV,EAA0V,aAAY,IAAtW;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShirtOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShirtOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314.56 48s-22.78 8-58.56 8-58.56-8-58.56-8a31.94 31.94 0 00-10.57 1.8L32 104l16.63 88 48.88 5.52a24 24 0 0121.29 24.58L112 464h288l-6.8-241.9a24 24 0 0121.29-24.58l48.88-5.52L480 104 325.13 49.8a31.94 31.94 0 00-10.57-1.8zM333.31 52.66a80 80 0 01-154.62 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirtOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirtOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShirtOutline"]}
\ No newline at end of file
diff --git a/lib/ShirtSharp.js b/lib/ShirtSharp.js
index ca90ba5ac..6f07b8649 100644
--- a/lib/ShirtSharp.js
+++ b/lib/ShirtSharp.js
@@ -48,7 +48,7 @@ var ShirtSharp = function ShirtSharp(props) {
 ShirtSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShirtSharp.js.map b/lib/ShirtSharp.js.map
index ff11d7dcd..4ae8aa36d 100644
--- a/lib/ShirtSharp.js.map
+++ b/lib/ShirtSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShirtSharp.js"],"names":["ShirtSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oEAAR,GAAjK;AAA+O,8CAAM,GAAE,mKAAR;AAA/O;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ShirtSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShirtSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 42c-33.88 0-64-10-64-10v2a64 64 0 00128 0v-2s-30.12 10-64 10z\"/><path d=\"M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114 61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirtSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirtSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShirtSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShirtSharp.js"],"names":["ShirtSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oEAAR,GAAhK;AAA+O,8CAAM,GAAE,mKAAR;AAA/O;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ShirtSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShirtSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 42c-33.88 0-64-10-64-10v2a64 64 0 00128 0v-2s-30.12 10-64 10z\" /><path d=\"M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114 61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShirtSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShirtSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShirtSharp"]}
\ No newline at end of file
diff --git a/lib/Shuffle.js b/lib/Shuffle.js
index 4212197b1..f7b61102e 100644
--- a/lib/Shuffle.js
+++ b/lib/Shuffle.js
@@ -48,7 +48,7 @@ var Shuffle = function Shuffle(props) {
 Shuffle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Shuffle.js.map b/lib/Shuffle.js.map
index 2e84ed3eb..959282659 100644
--- a/lib/Shuffle.js.map
+++ b/lib/Shuffle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Shuffle.js"],"names":["Shuffle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qFAAxG,GAAjK;AAAgW,8CAAM,GAAE,wHAAR,EAAiI,MAAK,MAAtI,EAA6I,QAAO,cAApJ,EAAmK,eAAc,OAAjL,EAAyL,gBAAe,OAAxM,EAAgN,aAAY,IAA5N;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Shuffle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shuffle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256\"/><path d=\"M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shuffle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Shuffle.js"],"names":["Shuffle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qFAAxG,GAAhK;AAAgW,8CAAM,GAAE,wHAAR,EAAiI,MAAK,MAAtI,EAA6I,QAAO,cAApJ,EAAmK,eAAc,OAAjL,EAAyL,gBAAe,OAAxM,EAAgN,aAAY,IAA5N;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Shuffle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Shuffle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256\" /><path d=\"M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Shuffle"]}
\ No newline at end of file
diff --git a/lib/ShuffleOutline.js b/lib/ShuffleOutline.js
index f22d16994..270c2846c 100644
--- a/lib/ShuffleOutline.js
+++ b/lib/ShuffleOutline.js
@@ -48,7 +48,7 @@ var ShuffleOutline = function ShuffleOutline(props) {
 ShuffleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShuffleOutline.js.map b/lib/ShuffleOutline.js.map
index c59b7c815..124e7ca5c 100644
--- a/lib/ShuffleOutline.js.map
+++ b/lib/ShuffleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShuffleOutline.js"],"names":["ShuffleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qFAAxG,GAAjK;AAAgW,8CAAM,GAAE,wHAAR,EAAiI,MAAK,MAAtI,EAA6I,QAAO,cAApJ,EAAmK,eAAc,OAAjL,EAAyL,gBAAe,OAAxM,EAAgN,aAAY,IAA5N;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ShuffleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShuffleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256\"/><path d=\"M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShuffleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShuffleOutline.js"],"names":["ShuffleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qFAAxG,GAAhK;AAAgW,8CAAM,GAAE,wHAAR,EAAiI,MAAK,MAAtI,EAA6I,QAAO,cAApJ,EAAmK,eAAc,OAAjL,EAAyL,gBAAe,OAAxM,EAAgN,aAAY,IAA5N;AAAhW;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"ShuffleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShuffleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256\" /><path d=\"M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShuffleOutline"]}
\ No newline at end of file
diff --git a/lib/ShuffleSharp.js b/lib/ShuffleSharp.js
index 6080507dd..5c657a8dd 100644
--- a/lib/ShuffleSharp.js
+++ b/lib/ShuffleSharp.js
@@ -48,7 +48,7 @@ var ShuffleSharp = function ShuffleSharp(props) {
 ShuffleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ShuffleSharp.js.map b/lib/ShuffleSharp.js.map
index e604843cc..07c31146f 100644
--- a/lib/ShuffleSharp.js.map
+++ b/lib/ShuffleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ShuffleSharp.js"],"names":["ShuffleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG,GAAjK;AAAsU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG;AAAtU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShuffleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShuffleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h128l60-92\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 160h128l128 192h96M416 160h-96l-32 48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShuffleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ShuffleSharp.js"],"names":["ShuffleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2DAAxG,GAAhK;AAAsU,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG;AAAtU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"ShuffleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ShuffleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M400 304l48 48-48 48M400 112l48 48-48 48M64 352h128l60-92\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M64 160h128l128 192h96M416 160h-96l-32 48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nShuffleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nShuffleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ShuffleSharp"]}
\ No newline at end of file
diff --git a/lib/Skull.js b/lib/Skull.js
index 7e515c761..bd34a6f5a 100644
--- a/lib/Skull.js
+++ b/lib/Skull.js
@@ -47,7 +47,7 @@ var Skull = function Skull(props) {
 Skull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Skull.js.map b/lib/Skull.js.map
index d23344d43..57837e698 100644
--- a/lib/Skull.js.map
+++ b/lib/Skull.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Skull.js"],"names":["Skull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,k1BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Skull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Skull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M402 76.94C362.61 37.63 310.78 16 256 16h-.37A208 208 0 0048 224v100.67A79.62 79.62 0 0098.29 399l23.71 9.42a15.92 15.92 0 019.75 11.72l10 50.13A32.09 32.09 0 00173.12 496H184a8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01224 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01320 448v40a8 8 0 008 8h10.88a32.09 32.09 0 0031.38-25.72l10-50.14a16 16 0 019.74-11.72l23.71-9.42A79.62 79.62 0 00464 324.67v-99c0-56-22-108.81-62-148.73zM171.66 335.88a56 56 0 1152.22-52.22 56 56 0 01-52.22 52.22zM281 397.25a16.37 16.37 0 01-9.3 2.75h-31.4a16.37 16.37 0 01-9.28-2.75 16 16 0 01-6.6-16.9l15.91-47.6C243 326 247.25 321 254 320.13c8.26-1 14 2.87 17.61 12.22l16 48a16 16 0 01-6.61 16.9zm66.68-61.37a56 56 0 1152.22-52.22 56 56 0 01-52.24 52.22z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkull.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Skull"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Skull.js"],"names":["Skull","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,k1BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Skull.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Skull = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M402 76.94C362.61 37.63 310.78 16 256 16h-.37A208 208 0 0048 224v100.67A79.62 79.62 0 0098.29 399l23.71 9.42a15.92 15.92 0 019.75 11.72l10 50.13A32.09 32.09 0 00173.12 496H184a8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01224 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01320 448v40a8 8 0 008 8h10.88a32.09 32.09 0 0031.38-25.72l10-50.14a16 16 0 019.74-11.72l23.71-9.42A79.62 79.62 0 00464 324.67v-99c0-56-22-108.81-62-148.73zM171.66 335.88a56 56 0 1152.22-52.22 56 56 0 01-52.22 52.22zM281 397.25a16.37 16.37 0 01-9.3 2.75h-31.4a16.37 16.37 0 01-9.28-2.75 16 16 0 01-6.6-16.9l15.91-47.6C243 326 247.25 321 254 320.13c8.26-1 14 2.87 17.61 12.22l16 48a16 16 0 01-6.61 16.9zm66.68-61.37a56 56 0 1152.22-52.22 56 56 0 01-52.24 52.22z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkull.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkull.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Skull"]}
\ No newline at end of file
diff --git a/lib/SkullOutline.js b/lib/SkullOutline.js
index 16367ad49..1d3ecceb7 100644
--- a/lib/SkullOutline.js
+++ b/lib/SkullOutline.js
@@ -50,7 +50,7 @@ var SkullOutline = function SkullOutline(props) {
 SkullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SkullOutline.js.map b/lib/SkullOutline.js.map
index a4d7b0b7b..e999715e1 100644
--- a/lib/SkullOutline.js.map
+++ b/lib/SkullOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SkullOutline.js"],"names":["SkullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iQAAR,EAA0Q,MAAK,MAA/Q,EAAsR,QAAO,cAA7R,EAA4S,eAAc,OAA1T,EAAkU,kBAAiB,IAAnV,EAAwV,aAAY,IAApW,GAAjK;AAA2gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAA3gB;AAA4oB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAA5oB;AAA6wB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6DAAxG;AAA7wB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SkullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SkullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 225.64v99a64 64 0 01-40.23 59.42l-23.68 9.47A32 32 0 00364.6 417l-10 50.14A16 16 0 01338.88 480H173.12a16 16 0 01-15.69-12.86L147.4 417a32 32 0 00-19.49-23.44l-23.68-9.47A64 64 0 0164 324.67V224c0-105.92 85.77-191.81 191.65-192S448 119.85 448 225.64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"168\" cy=\"280\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"344\" cy=\"280\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 336l-16 48h32l-16-48zM256 448v32M208 448v32M304 448v32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkullOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SkullOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SkullOutline.js"],"names":["SkullOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iQAAR,EAA0Q,MAAK,MAA/Q,EAAsR,QAAO,cAA7R,EAA4S,eAAc,OAA1T,EAAkU,kBAAiB,IAAnV,EAAwV,aAAY,IAApW,GAAhK;AAA2gB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAA3gB;AAA6oB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H,GAA7oB;AAA+wB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6DAAxG;AAA/wB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SkullOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SkullOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 225.64v99a64 64 0 01-40.23 59.42l-23.68 9.47A32 32 0 00364.6 417l-10 50.14A16 16 0 01338.88 480H173.12a16 16 0 01-15.69-12.86L147.4 417a32 32 0 00-19.49-23.44l-23.68-9.47A64 64 0 0164 324.67V224c0-105.92 85.77-191.81 191.65-192S448 119.85 448 225.64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"168\" cy=\"280\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"344\" cy=\"280\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 336l-16 48h32l-16-48zM256 448v32M208 448v32M304 448v32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkullOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkullOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SkullOutline"]}
\ No newline at end of file
diff --git a/lib/SkullSharp.js b/lib/SkullSharp.js
index 2add6932d..3dae84349 100644
--- a/lib/SkullSharp.js
+++ b/lib/SkullSharp.js
@@ -47,7 +47,7 @@ var SkullSharp = function SkullSharp(props) {
 SkullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SkullSharp.js.map b/lib/SkullSharp.js.map
index dc9083289..29bb509f6 100644
--- a/lib/SkullSharp.js.map
+++ b/lib/SkullSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SkullSharp.js"],"names":["SkullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SkullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SkullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 16C141.31 16 48 109.31 48 224v154.83l82 32.81L146.88 496H192v-64h32v64h16v-64h32v64h16v-64h32v64h45.12L382 411.64l82-32.81V224c0-114.69-93.31-208-208-208zm-88 320a56 56 0 1156-56 56.06 56.06 0 01-56 56zm51.51 64L244 320h24l24.49 80zM344 336a56 56 0 1156-56 56.06 56.06 0 01-56 56zm104 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkullSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SkullSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SkullSharp.js"],"names":["SkullSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SkullSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SkullSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 16C141.31 16 48 109.31 48 224v154.83l82 32.81L146.88 496H192v-64h32v64h16v-64h32v64h16v-64h32v64h45.12L382 411.64l82-32.81V224c0-114.69-93.31-208-208-208zm-88 320a56 56 0 1156-56 56.06 56.06 0 01-56 56zm51.51 64L244 320h24l24.49 80zM344 336a56 56 0 1156-56 56.06 56.06 0 01-56 56zm104 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSkullSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSkullSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SkullSharp"]}
\ No newline at end of file
diff --git a/lib/Snow.js b/lib/Snow.js
index daa6ef9a1..9a5ceece5 100644
--- a/lib/Snow.js
+++ b/lib/Snow.js
@@ -47,7 +47,7 @@ var Snow = function Snow(props) {
 Snow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Snow.js.map b/lib/Snow.js.map
index 9b1f88e39..ef8412ada 100644
--- a/lib/Snow.js.map
+++ b/lib/Snow.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Snow.js"],"names":["Snow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4zCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Snow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Snow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461 349l-34-19.64a89.53 89.53 0 0120.94-16 22 22 0 00-21.28-38.51 133.62 133.62 0 00-38.55 32.1L300 256l88.09-50.86a133.46 133.46 0 0038.55 32.1 22 22 0 1021.28-38.51 89.74 89.74 0 01-20.94-16l34-19.64A22 22 0 10439 125l-34 19.63a89.74 89.74 0 01-3.42-26.15A22 22 0 00380 96h-.41a22 22 0 00-22 21.59 133.61 133.61 0 008.5 49.41L278 217.89V116.18a133.5 133.5 0 0047.07-17.33 22 22 0 00-22.71-37.69A89.56 89.56 0 01278 71.27V38a22 22 0 00-44 0v33.27a89.56 89.56 0 01-24.36-10.11 22 22 0 10-22.71 37.69A133.5 133.5 0 00234 116.18v101.71L145.91 167a133.61 133.61 0 008.52-49.43 22 22 0 00-22-21.59H132a22 22 0 00-21.59 22.41 89.74 89.74 0 01-3.41 26.19L73 125a22 22 0 10-22 38.1l34 19.64a89.74 89.74 0 01-20.94 16 22 22 0 1021.28 38.51 133.62 133.62 0 0038.55-32.1L212 256l-88.09 50.86a133.62 133.62 0 00-38.55-32.1 22 22 0 10-21.28 38.51 89.74 89.74 0 0120.94 16L51 349a22 22 0 1022 38.1l34-19.63a89.74 89.74 0 013.42 26.15A22 22 0 00132 416h.41a22 22 0 0022-21.59 133.61 133.61 0 00-8.5-49.41L234 294.11v101.71a133.5 133.5 0 00-47.07 17.33 22 22 0 1022.71 37.69A89.56 89.56 0 01234 440.73V474a22 22 0 0044 0v-33.27a89.56 89.56 0 0124.36 10.11 22 22 0 0022.71-37.69A133.5 133.5 0 00278 395.82V294.11L366.09 345a133.61 133.61 0 00-8.52 49.43 22 22 0 0022 21.59h.43a22 22 0 0021.59-22.41 89.74 89.74 0 013.41-26.19l34 19.63A22 22 0 10461 349z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnow.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Snow"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Snow.js"],"names":["Snow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4zCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Snow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Snow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M461 349l-34-19.64a89.53 89.53 0 0120.94-16 22 22 0 00-21.28-38.51 133.62 133.62 0 00-38.55 32.1L300 256l88.09-50.86a133.46 133.46 0 0038.55 32.1 22 22 0 1021.28-38.51 89.74 89.74 0 01-20.94-16l34-19.64A22 22 0 10439 125l-34 19.63a89.74 89.74 0 01-3.42-26.15A22 22 0 00380 96h-.41a22 22 0 00-22 21.59 133.61 133.61 0 008.5 49.41L278 217.89V116.18a133.5 133.5 0 0047.07-17.33 22 22 0 00-22.71-37.69A89.56 89.56 0 01278 71.27V38a22 22 0 00-44 0v33.27a89.56 89.56 0 01-24.36-10.11 22 22 0 10-22.71 37.69A133.5 133.5 0 00234 116.18v101.71L145.91 167a133.61 133.61 0 008.52-49.43 22 22 0 00-22-21.59H132a22 22 0 00-21.59 22.41 89.74 89.74 0 01-3.41 26.19L73 125a22 22 0 10-22 38.1l34 19.64a89.74 89.74 0 01-20.94 16 22 22 0 1021.28 38.51 133.62 133.62 0 0038.55-32.1L212 256l-88.09 50.86a133.62 133.62 0 00-38.55-32.1 22 22 0 10-21.28 38.51 89.74 89.74 0 0120.94 16L51 349a22 22 0 1022 38.1l34-19.63a89.74 89.74 0 013.42 26.15A22 22 0 00132 416h.41a22 22 0 0022-21.59 133.61 133.61 0 00-8.5-49.41L234 294.11v101.71a133.5 133.5 0 00-47.07 17.33 22 22 0 1022.71 37.69A89.56 89.56 0 01234 440.73V474a22 22 0 0044 0v-33.27a89.56 89.56 0 0124.36 10.11 22 22 0 0022.71-37.69A133.5 133.5 0 00278 395.82V294.11L366.09 345a133.61 133.61 0 00-8.52 49.43 22 22 0 0022 21.59h.43a22 22 0 0021.59-22.41 89.74 89.74 0 013.41-26.19l34 19.63A22 22 0 10461 349z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnow.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Snow"]}
\ No newline at end of file
diff --git a/lib/SnowOutline.js b/lib/SnowOutline.js
index 671a526c1..ac2b28c5b 100644
--- a/lib/SnowOutline.js
+++ b/lib/SnowOutline.js
@@ -47,7 +47,7 @@ var SnowOutline = function SnowOutline(props) {
 SnowOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SnowOutline.js.map b/lib/SnowOutline.js.map
index 35a28c4e2..c8c44ec6d 100644
--- a/lib/SnowOutline.js.map
+++ b/lib/SnowOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SnowOutline.js"],"names":["SnowOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wTAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SnowOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SnowOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 32v448M313.72 80A111.47 111.47 0 01256 96a111.47 111.47 0 01-57.72-16M198.28 432a112.11 112.11 0 01115.44 0M449.99 144L62.01 368M437.27 218a112.09 112.09 0 01-57.71-100M74.73 294a112.09 112.09 0 0157.71 100M62.01 144l387.98 224M74.73 218a112.09 112.09 0 0057.71-100M437.27 294a112.09 112.09 0 00-57.71 100\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnowOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnowOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SnowOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SnowOutline.js"],"names":["SnowOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wTAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SnowOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SnowOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 32v448M313.72 80A111.47 111.47 0 01256 96a111.47 111.47 0 01-57.72-16M198.28 432a112.11 112.11 0 01115.44 0M449.99 144L62.01 368M437.27 218a112.09 112.09 0 01-57.71-100M74.73 294a112.09 112.09 0 0157.71 100M62.01 144l387.98 224M74.73 218a112.09 112.09 0 0057.71-100M437.27 294a112.09 112.09 0 00-57.71 100\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnowOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnowOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SnowOutline"]}
\ No newline at end of file
diff --git a/lib/SnowSharp.js b/lib/SnowSharp.js
index 62e8d52f3..75e4af1c5 100644
--- a/lib/SnowSharp.js
+++ b/lib/SnowSharp.js
@@ -47,7 +47,7 @@ var SnowSharp = function SnowSharp(props) {
 SnowSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SnowSharp.js.map b/lib/SnowSharp.js.map
index f17d7d986..a2ab7fcd1 100644
--- a/lib/SnowSharp.js.map
+++ b/lib/SnowSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SnowSharp.js"],"names":["SnowSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kyCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SnowSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SnowSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.88 313.27l19.25-10.64-21.28-38.51-19.25 10.64a133.42 133.42 0 00-38.54 32.1L300 256l88.07-50.86a133.42 133.42 0 0038.54 32.1l19.25 10.64 21.28-38.51-19.25-10.64a89.27 89.27 0 01-20.93-16L480 152.05 458 114l-53 30.58a89.07 89.07 0 01-3.42-26.15l.41-22-44-.82-.41 22a133.62 133.62 0 008.49 49.39L278 217.89V116.18a133.52 133.52 0 0047.06-17.33L343.9 87.5l-22.71-37.69-18.84 11.35A89.5 89.5 0 01278 71.27V16h-44v55.27a89.5 89.5 0 01-24.35-10.11l-18.84-11.35L168.1 87.5l18.84 11.35A133.52 133.52 0 00234 116.18v101.71L145.93 167a133.62 133.62 0 008.53-49.43l-.41-22-44 .82.41 22a89.07 89.07 0 01-3.42 26.15L54 114l-22 38.1 53.05 30.64a89.27 89.27 0 01-20.93 16l-19.25 10.63 21.28 38.51 19.25-10.64a133.42 133.42 0 0038.54-32.1L212 256l-88.07 50.86a133.42 133.42 0 00-38.54-32.1l-19.24-10.64-21.28 38.51 19.25 10.64a89.27 89.27 0 0120.93 16L32 360l22 38.1 53.05-30.63a89.07 89.07 0 013.42 26.15l-.41 22 44 .82.41-22a133.62 133.62 0 00-8.54-49.44L234 294.11v101.71a133.52 133.52 0 00-47.06 17.33L168.1 424.5l22.71 37.69 18.84-11.35A89.5 89.5 0 01234 440.73V496h44v-55.27a89.5 89.5 0 0124.35 10.11l18.84 11.35 22.71-37.69-18.84-11.35A133.52 133.52 0 00278 395.82V294.11L366.07 345a133.62 133.62 0 00-8.53 49.43l.41 22 44-.82-.41-22a89.07 89.07 0 013.46-26.19l53 30.63L480 360l-53-30.69a89.27 89.27 0 0120.88-16.04z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnowSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnowSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SnowSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SnowSharp.js"],"names":["SnowSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kyCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SnowSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SnowSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.88 313.27l19.25-10.64-21.28-38.51-19.25 10.64a133.42 133.42 0 00-38.54 32.1L300 256l88.07-50.86a133.42 133.42 0 0038.54 32.1l19.25 10.64 21.28-38.51-19.25-10.64a89.27 89.27 0 01-20.93-16L480 152.05 458 114l-53 30.58a89.07 89.07 0 01-3.42-26.15l.41-22-44-.82-.41 22a133.62 133.62 0 008.49 49.39L278 217.89V116.18a133.52 133.52 0 0047.06-17.33L343.9 87.5l-22.71-37.69-18.84 11.35A89.5 89.5 0 01278 71.27V16h-44v55.27a89.5 89.5 0 01-24.35-10.11l-18.84-11.35L168.1 87.5l18.84 11.35A133.52 133.52 0 00234 116.18v101.71L145.93 167a133.62 133.62 0 008.53-49.43l-.41-22-44 .82.41 22a89.07 89.07 0 01-3.42 26.15L54 114l-22 38.1 53.05 30.64a89.27 89.27 0 01-20.93 16l-19.25 10.63 21.28 38.51 19.25-10.64a133.42 133.42 0 0038.54-32.1L212 256l-88.07 50.86a133.42 133.42 0 00-38.54-32.1l-19.24-10.64-21.28 38.51 19.25 10.64a89.27 89.27 0 0120.93 16L32 360l22 38.1 53.05-30.63a89.07 89.07 0 013.42 26.15l-.41 22 44 .82.41-22a133.62 133.62 0 00-8.54-49.44L234 294.11v101.71a133.52 133.52 0 00-47.06 17.33L168.1 424.5l22.71 37.69 18.84-11.35A89.5 89.5 0 01234 440.73V496h44v-55.27a89.5 89.5 0 0124.35 10.11l18.84 11.35 22.71-37.69-18.84-11.35A133.52 133.52 0 00278 395.82V294.11L366.07 345a133.62 133.62 0 00-8.53 49.43l.41 22 44-.82-.41-22a89.07 89.07 0 013.46-26.19l53 30.63L480 360l-53-30.69a89.27 89.27 0 0120.88-16.04z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSnowSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSnowSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SnowSharp"]}
\ No newline at end of file
diff --git a/lib/Speedometer.js b/lib/Speedometer.js
index fb1f3d936..54d7772b8 100644
--- a/lib/Speedometer.js
+++ b/lib/Speedometer.js
@@ -47,7 +47,7 @@ var Speedometer = function Speedometer(props) {
 Speedometer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Speedometer.js.map b/lib/Speedometer.js.map
index 9947c2144..a280cfd62 100644
--- a/lib/Speedometer.js.map
+++ b/lib/Speedometer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Speedometer.js"],"names":["Speedometer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,goBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Speedometer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Speedometer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M425.7 118.25A240 240 0 0076.32 447l.18.2c.33.35.64.71 1 1.05.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0060.36-.42 157.13 157.13 0 01231.26 0 41.18 41.18 0 0060.65.06l3.21-3.5.18-.2a239.93 239.93 0 00-10-328.76zM240 128a16 16 0 0132 0v32a16 16 0 01-32 0zM128 304H96a16 16 0 010-32h32a16 16 0 010 32zm48.8-95.2a16 16 0 01-22.62 0l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 010 22.62zm149.3 23.1l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14zm31.72-23.1a16 16 0 01-22.62-22.62l22.62-22.63a16 16 0 0122.63 22.63zm65.88 227.6zM416 304h-32a16 16 0 010-32h32a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Speedometer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Speedometer.js"],"names":["Speedometer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,goBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Speedometer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Speedometer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M425.7 118.25A240 240 0 0076.32 447l.18.2c.33.35.64.71 1 1.05.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0060.36-.42 157.13 157.13 0 01231.26 0 41.18 41.18 0 0060.65.06l3.21-3.5.18-.2a239.93 239.93 0 00-10-328.76zM240 128a16 16 0 0132 0v32a16 16 0 01-32 0zM128 304H96a16 16 0 010-32h32a16 16 0 010 32zm48.8-95.2a16 16 0 01-22.62 0l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 010 22.62zm149.3 23.1l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14zm31.72-23.1a16 16 0 01-22.62-22.62l22.62-22.63a16 16 0 0122.63 22.63zm65.88 227.6zM416 304h-32a16 16 0 010-32h32a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Speedometer"]}
\ No newline at end of file
diff --git a/lib/SpeedometerOutline.js b/lib/SpeedometerOutline.js
index 9f4853fdd..7bca0a333 100644
--- a/lib/SpeedometerOutline.js
+++ b/lib/SpeedometerOutline.js
@@ -49,7 +49,7 @@ var SpeedometerOutline = function SpeedometerOutline(props) {
 SpeedometerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SpeedometerOutline.js.map b/lib/SpeedometerOutline.js.map
index be6da7aef..e39325faf 100644
--- a/lib/SpeedometerOutline.js.map
+++ b/lib/SpeedometerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SpeedometerOutline.js"],"names":["SpeedometerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wHAAR,GAAjK;AAAmS,8CAAM,GAAE,iOAAR,EAA0O,MAAK,MAA/O,EAAsP,QAAO,cAA7P,EAA4Q,eAAc,OAA1R,EAAkS,gBAAe,OAAjT,EAAyT,aAAY,IAArU,GAAnS;AAA8mB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,yFAAvG;AAA9mB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"SpeedometerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SpeedometerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M326.1 231.9l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14z\"/><path d=\"M256 64C132.3 64 32 164.2 32 287.9a223.18 223.18 0 0056.3 148.5c1.1 1.2 2.1 2.4 3.2 3.5a25.19 25.19 0 0037.1-.1 173.13 173.13 0 01254.8 0 25.19 25.19 0 0037.1.1l3.2-3.5A223.18 223.18 0 00480 287.9C480 164.2 379.7 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 128v32M416 288h-32M128 288H96M165.49 197.49l-22.63-22.63M346.51 197.49l22.63-22.63\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SpeedometerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SpeedometerOutline.js"],"names":["SpeedometerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wHAAR,GAAhK;AAAmS,8CAAM,GAAE,iOAAR,EAA0O,MAAK,MAA/O,EAAsP,QAAO,cAA7P,EAA4Q,eAAc,OAA1R,EAAkS,gBAAe,OAAjT,EAAyT,aAAY,IAArU,GAAnS;AAA+mB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,yFAAvG;AAA/mB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"SpeedometerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SpeedometerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M326.1 231.9l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14z\" /><path d=\"M256 64C132.3 64 32 164.2 32 287.9a223.18 223.18 0 0056.3 148.5c1.1 1.2 2.1 2.4 3.2 3.5a25.19 25.19 0 0037.1-.1 173.13 173.13 0 01254.8 0 25.19 25.19 0 0037.1.1l3.2-3.5A223.18 223.18 0 00480 287.9C480 164.2 379.7 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 128v32M416 288h-32M128 288H96M165.49 197.49l-22.63-22.63M346.51 197.49l22.63-22.63\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SpeedometerOutline"]}
\ No newline at end of file
diff --git a/lib/SpeedometerSharp.js b/lib/SpeedometerSharp.js
index 255fb790f..84cd7758a 100644
--- a/lib/SpeedometerSharp.js
+++ b/lib/SpeedometerSharp.js
@@ -47,7 +47,7 @@ var SpeedometerSharp = function SpeedometerSharp(props) {
 SpeedometerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SpeedometerSharp.js.map b/lib/SpeedometerSharp.js.map
index 3023e8e43..f807f71e3 100644
--- a/lib/SpeedometerSharp.js.map
+++ b/lib/SpeedometerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SpeedometerSharp.js"],"names":["SpeedometerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kiBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"SpeedometerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SpeedometerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0060.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 00496 290.56C496 156.55 388.54 48 256 48zm-16 64h32v64h-32zm-96 192H80v-32h64zm21.49-83.88l-45.25-45.26 22.62-22.62 45.26 45.25zM278.6 307.4a31 31 0 01-7 7 30.11 30.11 0 01-35-49L320 224zm45.28-109.91l45.26-45.25 22.62 22.62-45.25 45.26zM432 304h-64v-32h64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SpeedometerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SpeedometerSharp.js"],"names":["SpeedometerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kiBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"SpeedometerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SpeedometerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0060.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 00496 290.56C496 156.55 388.54 48 256 48zm-16 64h32v64h-32zm-96 192H80v-32h64zm21.49-83.88l-45.25-45.26 22.62-22.62 45.26 45.25zM278.6 307.4a31 31 0 01-7 7 30.11 30.11 0 01-35-49L320 224zm45.28-109.91l45.26-45.25 22.62 22.62-45.25 45.26zM432 304h-64v-32h64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSpeedometerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSpeedometerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SpeedometerSharp"]}
\ No newline at end of file
diff --git a/lib/Square.js b/lib/Square.js
index 80d67b472..84284a8fa 100644
--- a/lib/Square.js
+++ b/lib/Square.js
@@ -47,7 +47,7 @@ var Square = function Square(props) {
 Square.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Square.js.map b/lib/Square.js.map
index 89fe319ee..162f51a06 100644
--- a/lib/Square.js.map
+++ b/lib/Square.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Square.js"],"names":["Square","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Square.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Square = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquare.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Square"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Square.js"],"names":["Square","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Square.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Square = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquare.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquare.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Square"]}
\ No newline at end of file
diff --git a/lib/SquareOutline.js b/lib/SquareOutline.js
index d0bb456dd..55254aee1 100644
--- a/lib/SquareOutline.js
+++ b/lib/SquareOutline.js
@@ -47,7 +47,7 @@ var SquareOutline = function SquareOutline(props) {
 SquareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SquareOutline.js.map b/lib/SquareOutline.js.map
index d3fdee63c..1f4b17f6c 100644
--- a/lib/SquareOutline.js.map
+++ b/lib/SquareOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SquareOutline.js"],"names":["SquareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR,EAA4H,MAAK,MAAjI,EAAwI,QAAO,cAA/I,EAA8J,eAAc,OAA5K,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SquareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SquareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 448H96a32.09 32.09 0 01-32-32V96a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v320a32.09 32.09 0 01-32 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquareOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SquareOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SquareOutline.js"],"names":["SquareOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR,EAA4H,MAAK,MAAjI,EAAwI,QAAO,cAA/I,EAA8J,eAAc,OAA5K,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SquareOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SquareOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 448H96a32.09 32.09 0 01-32-32V96a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v320a32.09 32.09 0 01-32 32z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquareOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquareOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SquareOutline"]}
\ No newline at end of file
diff --git a/lib/SquareSharp.js b/lib/SquareSharp.js
index 867b5c973..cdaa883fd 100644
--- a/lib/SquareSharp.js
+++ b/lib/SquareSharp.js
@@ -47,7 +47,7 @@ var SquareSharp = function SquareSharp(props) {
 SquareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SquareSharp.js.map b/lib/SquareSharp.js.map
index f27a5e4b3..34bdf294e 100644
--- a/lib/SquareSharp.js.map
+++ b/lib/SquareSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SquareSharp.js"],"names":["SquareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SquareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SquareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 48h416v416H48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquareSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SquareSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SquareSharp.js"],"names":["SquareSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SquareSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SquareSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M48 48h416v416H48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSquareSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSquareSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SquareSharp"]}
\ No newline at end of file
diff --git a/lib/Star.js b/lib/Star.js
index 143a1f63d..0d2dfe4eb 100644
--- a/lib/Star.js
+++ b/lib/Star.js
@@ -47,7 +47,7 @@ var Star = function Star(props) {
 Star.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Star.js.map b/lib/Star.js.map
index 138f2219b..2494b9b34 100644
--- a/lib/Star.js.map
+++ b/lib/Star.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Star.js"],"names":["Star","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+NAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Star.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Star = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStar.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Star"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Star.js"],"names":["Star","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+NAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Star.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Star = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStar.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStar.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Star"]}
\ No newline at end of file
diff --git a/lib/StarHalf.js b/lib/StarHalf.js
index 578068f3c..ba401c0f8 100644
--- a/lib/StarHalf.js
+++ b/lib/StarHalf.js
@@ -48,7 +48,7 @@ var StarHalf = function StarHalf(props) {
 StarHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StarHalf.js.map b/lib/StarHalf.js.map
index a440d34a2..8c22f4fb5 100644
--- a/lib/StarHalf.js.map
+++ b/lib/StarHalf.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StarHalf.js"],"names":["StarHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ,GAAjK;AAA2T,8CAAM,GAAE,+CAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"StarHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 48v316L118 464l54-160-140-96h172l52-160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalf.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalf"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StarHalf.js"],"names":["StarHalf","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ,GAAhK;AAA2T,8CAAM,GAAE,+CAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"StarHalf.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalf = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 48v316L118 464l54-160-140-96h172l52-160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalf.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalf.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalf"]}
\ No newline at end of file
diff --git a/lib/StarHalfOutline.js b/lib/StarHalfOutline.js
index 41fa469f7..13a399d80 100644
--- a/lib/StarHalfOutline.js
+++ b/lib/StarHalfOutline.js
@@ -48,7 +48,7 @@ var StarHalfOutline = function StarHalfOutline(props) {
 StarHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StarHalfOutline.js.map b/lib/StarHalfOutline.js.map
index 05e70f0ce..94fa87ab0 100644
--- a/lib/StarHalfOutline.js.map
+++ b/lib/StarHalfOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StarHalfOutline.js"],"names":["StarHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ,GAAjK;AAA2T,8CAAM,GAAE,+CAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StarHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 48v316L118 464l54-160-140-96h172l52-160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalfOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StarHalfOutline.js"],"names":["StarHalfOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ,GAAhK;AAA2T,8CAAM,GAAE,+CAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StarHalfOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalfOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 48v316L118 464l54-160-140-96h172l52-160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalfOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalfOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalfOutline"]}
\ No newline at end of file
diff --git a/lib/StarHalfSharp.js b/lib/StarHalfSharp.js
index d3487fbf3..ebb554ee2 100644
--- a/lib/StarHalfSharp.js
+++ b/lib/StarHalfSharp.js
@@ -47,7 +47,7 @@ var StarHalfSharp = function StarHalfSharp(props) {
 StarHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StarHalfSharp.js.map b/lib/StarHalfSharp.js.map
index 3a19eaa24..32d26cee4 100644
--- a/lib/StarHalfSharp.js.map
+++ b/lib/StarHalfSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StarHalfSharp.js"],"names":["StarHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8MAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"StarHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3zM274.63 347.82L256 334.49v-200.1l26 78.91 7.24 22h105.39l-67.32 47.2-19.69 13.81 7.78 22.75 26.26 76.75z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalfSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StarHalfSharp.js"],"names":["StarHalfSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8MAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"StarHalfSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarHalfSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3zM274.63 347.82L256 334.49v-200.1l26 78.91 7.24 22h105.39l-67.32 47.2-19.69 13.81 7.78 22.75 26.26 76.75z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarHalfSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarHalfSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarHalfSharp"]}
\ No newline at end of file
diff --git a/lib/StarOutline.js b/lib/StarOutline.js
index 8394fabb9..8fdba85c2 100644
--- a/lib/StarOutline.js
+++ b/lib/StarOutline.js
@@ -47,7 +47,7 @@ var StarOutline = function StarOutline(props) {
 StarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StarOutline.js.map b/lib/StarOutline.js.map
index fd74bc2f7..e15b53cc3 100644
--- a/lib/StarOutline.js.map
+++ b/lib/StarOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StarOutline.js"],"names":["StarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"StarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StarOutline.js"],"names":["StarOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sEAAR,EAA+E,MAAK,MAApF,EAA2F,QAAO,cAAlG,EAAiH,gBAAe,OAAhI,EAAwI,aAAY,IAApJ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"StarOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarOutline"]}
\ No newline at end of file
diff --git a/lib/StarSharp.js b/lib/StarSharp.js
index 978b49d04..a7ebf6de7 100644
--- a/lib/StarSharp.js
+++ b/lib/StarSharp.js
@@ -47,7 +47,7 @@ var StarSharp = function StarSharp(props) {
 StarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StarSharp.js.map b/lib/StarSharp.js.map
index 0d313da46..f06e65265 100644
--- a/lib/StarSharp.js.map
+++ b/lib/StarSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StarSharp.js"],"names":["StarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"StarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StarSharp.js"],"names":["StarSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"StarSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StarSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStarSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStarSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StarSharp"]}
\ No newline at end of file
diff --git a/lib/StatsChart.js b/lib/StatsChart.js
index 822b617be..739bde772 100644
--- a/lib/StatsChart.js
+++ b/lib/StatsChart.js
@@ -47,7 +47,7 @@ var StatsChart = function StatsChart(props) {
 StatsChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StatsChart.js.map b/lib/StatsChart.js.map
index 6cd1aa056..97de2f9b6 100644
--- a/lib/StatsChart.js.map
+++ b/lib/StatsChart.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StatsChart.js"],"names":["StatsChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"StatsChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M104 496H72a24 24 0 01-24-24V328a24 24 0 0124-24h32a24 24 0 0124 24v144a24 24 0 01-24 24zM328 496h-32a24 24 0 01-24-24V232a24 24 0 0124-24h32a24 24 0 0124 24v240a24 24 0 01-24 24zM440 496h-32a24 24 0 01-24-24V120a24 24 0 0124-24h32a24 24 0 0124 24v352a24 24 0 01-24 24zM216 496h-32a24 24 0 01-24-24V40a24 24 0 0124-24h32a24 24 0 0124 24v432a24 24 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChart.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChart"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StatsChart.js"],"names":["StatsChart","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"StatsChart.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChart = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M104 496H72a24 24 0 01-24-24V328a24 24 0 0124-24h32a24 24 0 0124 24v144a24 24 0 01-24 24zM328 496h-32a24 24 0 01-24-24V232a24 24 0 0124-24h32a24 24 0 0124 24v240a24 24 0 01-24 24zM440 496h-32a24 24 0 01-24-24V120a24 24 0 0124-24h32a24 24 0 0124 24v352a24 24 0 01-24 24zM216 496h-32a24 24 0 01-24-24V40a24 24 0 0124-24h32a24 24 0 0124 24v432a24 24 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChart.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChart.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChart"]}
\ No newline at end of file
diff --git a/lib/StatsChartOutline.js b/lib/StatsChartOutline.js
index 931351991..946c07406 100644
--- a/lib/StatsChartOutline.js
+++ b/lib/StatsChartOutline.js
@@ -50,7 +50,7 @@ var StatsChartOutline = function StatsChartOutline(props) {
 StatsChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StatsChartOutline.js.map b/lib/StatsChartOutline.js.map
index 282842c6e..af58ed22a 100644
--- a/lib/StatsChartOutline.js.map
+++ b/lib/StatsChartOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StatsChartOutline.js"],"names":["StatsChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ,GAAjK;AAA6T,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA7T;AAA0d,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA1d;AAAunB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ;AAAvnB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StatsChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"320\" width=\"48\" height=\"160\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"288\" y=\"224\" width=\"48\" height=\"256\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"400\" y=\"112\" width=\"48\" height=\"368\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"176\" y=\"32\" width=\"48\" height=\"448\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChartOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StatsChartOutline.js"],"names":["StatsChartOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ,GAAhK;AAA6T,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA7T;AAA2d,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,IAA5B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA3d;AAAynB,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,IAA3B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,GAAhD,EAAoD,IAAG,GAAvD,EAA2D,MAAK,MAAhE,EAAuE,QAAO,cAA9E,EAA6F,eAAc,OAA3G,EAAmH,gBAAe,OAAlI,EAA0I,aAAY,IAAtJ;AAAznB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StatsChartOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChartOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"64\" y=\"320\" width=\"48\" height=\"160\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"288\" y=\"224\" width=\"48\" height=\"256\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"400\" y=\"112\" width=\"48\" height=\"368\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"176\" y=\"32\" width=\"48\" height=\"448\" rx=\"8\" ry=\"8\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChartOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChartOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChartOutline"]}
\ No newline at end of file
diff --git a/lib/StatsChartSharp.js b/lib/StatsChartSharp.js
index 5ccc6e47e..46d7e3945 100644
--- a/lib/StatsChartSharp.js
+++ b/lib/StatsChartSharp.js
@@ -47,7 +47,7 @@ var StatsChartSharp = function StatsChartSharp(props) {
 StatsChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StatsChartSharp.js.map b/lib/StatsChartSharp.js.map
index b5f77cd6e..5dd354792 100644
--- a/lib/StatsChartSharp.js.map
+++ b/lib/StatsChartSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StatsChartSharp.js"],"names":["StatsChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+EAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StatsChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 496H48V304h80zM352 496h-80V208h80zM464 496h-80V96h80zM240 496h-80V16h80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChartSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StatsChartSharp.js"],"names":["StatsChartSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+EAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StatsChartSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StatsChartSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128 496H48V304h80zM352 496h-80V208h80zM464 496h-80V96h80zM240 496h-80V16h80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStatsChartSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStatsChartSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StatsChartSharp"]}
\ No newline at end of file
diff --git a/lib/Stop.js b/lib/Stop.js
index deabb0804..1fbfe3e52 100644
--- a/lib/Stop.js
+++ b/lib/Stop.js
@@ -47,7 +47,7 @@ var Stop = function Stop(props) {
 Stop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Stop.js.map b/lib/Stop.js.map
index e70becde5..6fbf79624 100644
--- a/lib/Stop.js.map
+++ b/lib/Stop.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Stop.js"],"names":["Stop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6FAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Stop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Stop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 432H120a40 40 0 01-40-40V120a40 40 0 0140-40h272a40 40 0 0140 40v272a40 40 0 01-40 40z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStop.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Stop"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Stop.js"],"names":["Stop","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6FAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Stop.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Stop = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 432H120a40 40 0 01-40-40V120a40 40 0 0140-40h272a40 40 0 0140 40v272a40 40 0 01-40 40z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStop.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStop.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Stop"]}
\ No newline at end of file
diff --git a/lib/StopCircle.js b/lib/StopCircle.js
index a93cb5234..6777a4365 100644
--- a/lib/StopCircle.js
+++ b/lib/StopCircle.js
@@ -47,7 +47,7 @@ var StopCircle = function StopCircle(props) {
 StopCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopCircle.js.map b/lib/StopCircle.js.map
index 3ebc22d05..9cc1df13c 100644
--- a/lib/StopCircle.js.map
+++ b/lib/StopCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopCircle.js"],"names":["StopCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gOAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"StopCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 262.4a25.62 25.62 0 01-25.6 25.6H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopCircle.js"],"names":["StopCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gOAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"StopCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 262.4a25.62 25.62 0 01-25.6 25.6H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircle"]}
\ No newline at end of file
diff --git a/lib/StopCircleOutline.js b/lib/StopCircleOutline.js
index 8709f83e5..08c8267c7 100644
--- a/lib/StopCircleOutline.js
+++ b/lib/StopCircleOutline.js
@@ -48,7 +48,7 @@ var StopCircleOutline = function StopCircleOutline(props) {
 StopCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopCircleOutline.js.map b/lib/StopCircleOutline.js.map
index 751af4f4e..747a10d02 100644
--- a/lib/StopCircleOutline.js.map
+++ b/lib/StopCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopCircleOutline.js"],"names":["StopCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,+IAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StopCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M310.4 336H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6v108.8a25.62 25.62 0 01-25.6 25.6z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopCircleOutline.js"],"names":["StopCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,+IAAR;AAAhU;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StopCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M310.4 336H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6v108.8a25.62 25.62 0 01-25.6 25.6z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircleOutline"]}
\ No newline at end of file
diff --git a/lib/StopCircleSharp.js b/lib/StopCircleSharp.js
index d50b80172..d953b1e95 100644
--- a/lib/StopCircleSharp.js
+++ b/lib/StopCircleSharp.js
@@ -47,7 +47,7 @@ var StopCircleSharp = function StopCircleSharp(props) {
 StopCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopCircleSharp.js.map b/lib/StopCircleSharp.js.map
index 6b8e581f3..de1013944 100644
--- a/lib/StopCircleSharp.js.map
+++ b/lib/StopCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopCircleSharp.js"],"names":["StopCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StopCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288H176V176h160z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopCircleSharp.js"],"names":["StopCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StopCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288H176V176h160z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopCircleSharp"]}
\ No newline at end of file
diff --git a/lib/StopOutline.js b/lib/StopOutline.js
index ae518e7cb..41e2490a3 100644
--- a/lib/StopOutline.js
+++ b/lib/StopOutline.js
@@ -47,7 +47,7 @@ var StopOutline = function StopOutline(props) {
 StopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopOutline.js.map b/lib/StopOutline.js.map
index 77531ea98..e9bdf9c42 100644
--- a/lib/StopOutline.js.map
+++ b/lib/StopOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopOutline.js"],"names":["StopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"StopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"96\" width=\"320\" height=\"320\" rx=\"24\" ry=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopOutline.js"],"names":["StopOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"StopOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"96\" y=\"96\" width=\"320\" height=\"320\" rx=\"24\" ry=\"24\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopOutline"]}
\ No newline at end of file
diff --git a/lib/StopSharp.js b/lib/StopSharp.js
index 15a5fb96b..333af9f88 100644
--- a/lib/StopSharp.js
+++ b/lib/StopSharp.js
@@ -47,7 +47,7 @@ var StopSharp = function StopSharp(props) {
 StopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopSharp.js.map b/lib/StopSharp.js.map
index 57fd3b198..194c9b944 100644
--- a/lib/StopSharp.js.map
+++ b/lib/StopSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopSharp.js"],"names":["StopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"StopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 80h352v352H80z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopSharp.js"],"names":["StopSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"StopSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M80 80h352v352H80z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopSharp"]}
\ No newline at end of file
diff --git a/lib/Stopwatch.js b/lib/Stopwatch.js
index 996edb78e..7ccb001ff 100644
--- a/lib/Stopwatch.js
+++ b/lib/Stopwatch.js
@@ -48,7 +48,7 @@ var Stopwatch = function Stopwatch(props) {
 Stopwatch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Stopwatch.js.map b/lib/Stopwatch.js.map
index 9e6727eac..97e857aec 100644
--- a/lib/Stopwatch.js.map
+++ b/lib/Stopwatch.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Stopwatch.js"],"names":["Stopwatch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAjK;AAAmM,8CAAM,GAAE,0QAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Stopwatch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Stopwatch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"16\"/><path d=\"M280 81.5V72a24 24 0 00-48 0v9.5a191 191 0 00-84.43 32.13L137 103a24 24 0 00-34 34l8.6 8.6A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V152a16 16 0 0132 0v74.75A48 48 0 01256 320z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatch.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Stopwatch"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Stopwatch.js"],"names":["Stopwatch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,GAAhK;AAAmM,8CAAM,GAAE,0QAAR;AAAnM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Stopwatch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Stopwatch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"272\" r=\"16\" /><path d=\"M280 81.5V72a24 24 0 00-48 0v9.5a191 191 0 00-84.43 32.13L137 103a24 24 0 00-34 34l8.6 8.6A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V152a16 16 0 0132 0v74.75A48 48 0 01256 320z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatch.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Stopwatch"]}
\ No newline at end of file
diff --git a/lib/StopwatchOutline.js b/lib/StopwatchOutline.js
index d7e496976..4880843d7 100644
--- a/lib/StopwatchOutline.js
+++ b/lib/StopwatchOutline.js
@@ -50,7 +50,7 @@ var StopwatchOutline = function StopwatchOutline(props) {
 StopwatchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopwatchOutline.js.map b/lib/StopwatchOutline.js.map
index 0da8ed76a..ad7993b95 100644
--- a/lib/StopwatchOutline.js.map
+++ b/lib/StopwatchOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopwatchOutline.js"],"names":["StopwatchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAjK;AAAyR,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAzR;AAA8Z,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA9Z;AAAygB,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H;AAAzgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"StopwatchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopwatchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 232v-80\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 88V72M132 132l-12-12\"/><circle cx=\"256\" cy=\"272\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 96a176 176 0 10176 176A176 176 0 00256 96z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatchOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopwatchOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopwatchOutline.js"],"names":["StopwatchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAAhK;AAAyR,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2BAAxG,GAAzR;AAA+Z,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,kBAAiB,IAApF,EAAyF,aAAY,IAArG,GAA/Z;AAA2gB,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,EAAsE,QAAO,cAA7E,EAA4F,kBAAiB,IAA7G,EAAkH,aAAY,IAA9H;AAA3gB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"StopwatchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopwatchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 232v-80\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" d=\"M256 88V72M132 132l-12-12\" /><circle cx=\"256\" cy=\"272\" r=\"32\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 96a176 176 0 10176 176A176 176 0 00256 96z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatchOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopwatchOutline"]}
\ No newline at end of file
diff --git a/lib/StopwatchSharp.js b/lib/StopwatchSharp.js
index baf9a2592..63ec7f2b1 100644
--- a/lib/StopwatchSharp.js
+++ b/lib/StopwatchSharp.js
@@ -47,7 +47,7 @@ var StopwatchSharp = function StopwatchSharp(props) {
 StopwatchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StopwatchSharp.js.map b/lib/StopwatchSharp.js.map
index b6ecc5347..88190cb61 100644
--- a/lib/StopwatchSharp.js.map
+++ b/lib/StopwatchSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StopwatchSharp.js"],"names":["StopwatchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4OAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"StopwatchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopwatchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280 81.5V48h-48v33.5a191 191 0 00-84.43 32.13L120 86l-34 34 25.59 25.59A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V136h32v90.75A48 48 0 01256 320z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatchSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopwatchSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StopwatchSharp.js"],"names":["StopwatchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4OAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"StopwatchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StopwatchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M280 81.5V48h-48v33.5a191 191 0 00-84.43 32.13L120 86l-34 34 25.59 25.59A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V136h32v90.75A48 48 0 01256 320z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStopwatchSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStopwatchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StopwatchSharp"]}
\ No newline at end of file
diff --git a/lib/Storefront.js b/lib/Storefront.js
index 80e16d718..b20d09799 100644
--- a/lib/Storefront.js
+++ b/lib/Storefront.js
@@ -47,7 +47,7 @@ var Storefront = function Storefront(props) {
 Storefront.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Storefront.js.map b/lib/Storefront.js.map
index 2e708c75c..999878025 100644
--- a/lib/Storefront.js.map
+++ b/lib/Storefront.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Storefront.js"],"names":["Storefront","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+xCAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Storefront.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Storefront = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 448h-12a4 4 0 01-4-4V273.51a4 4 0 00-5.24-3.86 104.92 104.92 0 01-28.32 4.78c-1.18 0-2.3.05-3.4.05a108.22 108.22 0 01-52.85-13.64 8.23 8.23 0 00-8 0 108.18 108.18 0 01-52.84 13.64 106.11 106.11 0 01-52.46-13.79 8.21 8.21 0 00-8.09 0 108.14 108.14 0 01-53.16 13.8 106.19 106.19 0 01-52.77-14 8.25 8.25 0 00-8.16 0 106.19 106.19 0 01-52.77 14c-1.09 0-2.19 0-3.37-.05h-.06a104.91 104.91 0 01-29.28-5.09 4 4 0 00-5.23 3.8V444a4 4 0 01-4 4H32.5c-8.64 0-16.1 6.64-16.48 15.28A16 16 0 0032 480h447.5c8.64 0 16.1-6.64 16.48-15.28A16 16 0 00480 448zm-256-68a4 4 0 01-4 4h-88a4 4 0 01-4-4v-64a12 12 0 0112-12h72a12 12 0 0112 12zm156 68h-72a4 4 0 01-4-4V316a12 12 0 0112-12h56a12 12 0 0112 12v128a4 4 0 01-4 4zM492.57 170.28l-42.92-98.49C438.41 47.62 412.74 32 384.25 32H127.7c-28.49 0-54.16 15.62-65.4 39.79l-42.92 98.49c-9 19.41 2.89 39.34 2.9 39.35l.28.45c.49.78 1.36 2 1.89 2.78.05.06.09.13.14.2l5 6.05a7.45 7.45 0 00.6.65l5 4.83.42.36a69.65 69.65 0 009.39 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31l.33-.31a7.94 7.94 0 0110.89 0l.33.31a77.3 77.3 0 00104.46 0 8 8 0 0110.87 0 77.31 77.31 0 00104.21.23 7.88 7.88 0 0110.71 0 76.81 76.81 0 0052.31 20.08h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l1.74-2.63q.26-.4.48-.84c1.66-3.38 10.56-20.76 2.35-38.42z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefront.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefront.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Storefront"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Storefront.js"],"names":["Storefront","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+xCAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Storefront.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Storefront = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 448h-12a4 4 0 01-4-4V273.51a4 4 0 00-5.24-3.86 104.92 104.92 0 01-28.32 4.78c-1.18 0-2.3.05-3.4.05a108.22 108.22 0 01-52.85-13.64 8.23 8.23 0 00-8 0 108.18 108.18 0 01-52.84 13.64 106.11 106.11 0 01-52.46-13.79 8.21 8.21 0 00-8.09 0 108.14 108.14 0 01-53.16 13.8 106.19 106.19 0 01-52.77-14 8.25 8.25 0 00-8.16 0 106.19 106.19 0 01-52.77 14c-1.09 0-2.19 0-3.37-.05h-.06a104.91 104.91 0 01-29.28-5.09 4 4 0 00-5.23 3.8V444a4 4 0 01-4 4H32.5c-8.64 0-16.1 6.64-16.48 15.28A16 16 0 0032 480h447.5c8.64 0 16.1-6.64 16.48-15.28A16 16 0 00480 448zm-256-68a4 4 0 01-4 4h-88a4 4 0 01-4-4v-64a12 12 0 0112-12h72a12 12 0 0112 12zm156 68h-72a4 4 0 01-4-4V316a12 12 0 0112-12h56a12 12 0 0112 12v128a4 4 0 01-4 4zM492.57 170.28l-42.92-98.49C438.41 47.62 412.74 32 384.25 32H127.7c-28.49 0-54.16 15.62-65.4 39.79l-42.92 98.49c-9 19.41 2.89 39.34 2.9 39.35l.28.45c.49.78 1.36 2 1.89 2.78.05.06.09.13.14.2l5 6.05a7.45 7.45 0 00.6.65l5 4.83.42.36a69.65 69.65 0 009.39 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31l.33-.31a7.94 7.94 0 0110.89 0l.33.31a77.3 77.3 0 00104.46 0 8 8 0 0110.87 0 77.31 77.31 0 00104.21.23 7.88 7.88 0 0110.71 0 76.81 76.81 0 0052.31 20.08h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l1.74-2.63q.26-.4.48-.84c1.66-3.38 10.56-20.76 2.35-38.42z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefront.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefront.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Storefront"]}
\ No newline at end of file
diff --git a/lib/StorefrontOutline.js b/lib/StorefrontOutline.js
index aa81b6730..fcb10917a 100644
--- a/lib/StorefrontOutline.js
+++ b/lib/StorefrontOutline.js
@@ -47,7 +47,7 @@ var StorefrontOutline = function StorefrontOutline(props) {
 StorefrontOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StorefrontOutline.js.map b/lib/StorefrontOutline.js.map
index 03bfa5ccf..fda2b5601 100644
--- a/lib/StorefrontOutline.js.map
+++ b/lib/StorefrontOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StorefrontOutline.js"],"names":["StorefrontOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oeAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StorefrontOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StorefrontOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 448V240M64 240v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23 0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48zM32 464h448M136 288h80a24 24 0 0124 24v88h0-128 0v-88a24 24 0 0124-24zM288 464V312a24 24 0 0124-24h64a24 24 0 0124 24v152\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefrontOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefrontOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StorefrontOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StorefrontOutline.js"],"names":["StorefrontOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,oeAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"StorefrontOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StorefrontOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 448V240M64 240v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23 0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48zM32 464h448M136 288h80a24 24 0 0124 24v88h0-128 0v-88a24 24 0 0124-24zM288 464V312a24 24 0 0124-24h64a24 24 0 0124 24v152\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefrontOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefrontOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StorefrontOutline"]}
\ No newline at end of file
diff --git a/lib/StorefrontSharp.js b/lib/StorefrontSharp.js
index 946b4f1cc..445e4aacf 100644
--- a/lib/StorefrontSharp.js
+++ b/lib/StorefrontSharp.js
@@ -47,7 +47,7 @@ var StorefrontSharp = function StorefrontSharp(props) {
 StorefrontSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/StorefrontSharp.js.map b/lib/StorefrontSharp.js.map
index 91c621ad7..e3b33c232 100644
--- a/lib/StorefrontSharp.js.map
+++ b/lib/StorefrontSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/StorefrontSharp.js"],"names":["StorefrontSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,g/BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StorefrontSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StorefrontSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 448V267.85a104.76 104.76 0 01-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 01-56.86-16 108 108 0 01-56.85 16 106.16 106.16 0 01-56.51-16.2 107.84 107.84 0 01-57.2 16.2 106.14 106.14 0 01-56.85-16.42 106.14 106.14 0 01-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.66 104.66 0 0148 267.49V448H16v32h480v-32zm-240-64h-96v-76a4 4 0 014-4h88a4 4 0 014 4zm160 64h-80V308a4 4 0 014-4h72a4 4 0 014 4zM492.57 170.28L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37.1.13.19.27.28.4l5.24 6.39 5.31 5.14.42.36a69.65 69.65 0 009.44 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31 72.38 72.38 0 005.77-6 74.18 74.18 0 005.78 6 76.08 76.08 0 0051.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 01.15 0l5.66 5.26a76.09 76.09 0 0051.9 20.31c23.29 0 44.11-10 57.66-25.61 13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefrontSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefrontSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StorefrontSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/StorefrontSharp.js"],"names":["StorefrontSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,g/BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"StorefrontSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst StorefrontSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 448V267.85a104.76 104.76 0 01-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 01-56.86-16 108 108 0 01-56.85 16 106.16 106.16 0 01-56.51-16.2 107.84 107.84 0 01-57.2 16.2 106.14 106.14 0 01-56.85-16.42 106.14 106.14 0 01-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.66 104.66 0 0148 267.49V448H16v32h480v-32zm-240-64h-96v-76a4 4 0 014-4h88a4 4 0 014 4zm160 64h-80V308a4 4 0 014-4h72a4 4 0 014 4zM492.57 170.28L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37.1.13.19.27.28.4l5.24 6.39 5.31 5.14.42.36a69.65 69.65 0 009.44 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31 72.38 72.38 0 005.77-6 74.18 74.18 0 005.78 6 76.08 76.08 0 0051.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 01.15 0l5.66 5.26a76.09 76.09 0 0051.9 20.31c23.29 0 44.11-10 57.66-25.61 13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nStorefrontSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nStorefrontSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default StorefrontSharp"]}
\ No newline at end of file
diff --git a/lib/Subway.js b/lib/Subway.js
index 80da34636..743681232 100644
--- a/lib/Subway.js
+++ b/lib/Subway.js
@@ -47,7 +47,7 @@ var Subway = function Subway(props) {
 Subway.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Subway.js.map b/lib/Subway.js.map
index 59414aa90..44d22747b 100644
--- a/lib/Subway.js.map
+++ b/lib/Subway.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Subway.js"],"names":["Subway","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ifAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Subway.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Subway = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 16H160a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h192a64.07 64.07 0 0064-64V80a64.07 64.07 0 00-64-64zM208 64h96a16 16 0 010 32h-96a16 16 0 010-32zm-32 288a32 32 0 1132-32 32 32 0 01-32 32zm160 0a32 32 0 1132-32 32 32 0 01-32 32zm48-160a16 16 0 01-16 16H144a16 16 0 01-16-16v-32a16 16 0 0116-16h224a16 16 0 0116 16zM347.31 420.69a16 16 0 00-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 00-22.62-22.62l-48 48a16 16 0 1022.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0022.62-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubway.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubway.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Subway"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Subway.js"],"names":["Subway","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ifAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Subway.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Subway = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M352 16H160a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h192a64.07 64.07 0 0064-64V80a64.07 64.07 0 00-64-64zM208 64h96a16 16 0 010 32h-96a16 16 0 010-32zm-32 288a32 32 0 1132-32 32 32 0 01-32 32zm160 0a32 32 0 1132-32 32 32 0 01-32 32zm48-160a16 16 0 01-16 16H144a16 16 0 01-16-16v-32a16 16 0 0116-16h224a16 16 0 0116 16zM347.31 420.69a16 16 0 00-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 00-22.62-22.62l-48 48a16 16 0 1022.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0022.62-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubway.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubway.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Subway"]}
\ No newline at end of file
diff --git a/lib/SubwayOutline.js b/lib/SubwayOutline.js
index 18bbb40d5..3eaa286d1 100644
--- a/lib/SubwayOutline.js
+++ b/lib/SubwayOutline.js
@@ -52,7 +52,7 @@ var SubwayOutline = function SubwayOutline(props) {
 SubwayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SubwayOutline.js.map b/lib/SubwayOutline.js.map
index afec6b8e1..e88315ac4 100644
--- a/lib/SubwayOutline.js.map
+++ b/lib/SubwayOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SubwayOutline.js"],"names":["SubwayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,kBAAiB,IAAjH,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,YAAxG,GAAzS;AAA+Z,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,IAAzC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAA/Z;AAA8jB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAA9jB;AAA0qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAA1qB;AAAsxB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG;AAAtxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SubwayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SubwayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"32\" width=\"288\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 80h96\"/><rect x=\"112\" y=\"128\" width=\"288\" height=\"96\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"176\" cy=\"320\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"336\" cy=\"320\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 464h224M336 432l48 48M176 432l-48 48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubwayOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubwayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SubwayOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SubwayOutline.js"],"names":["SubwayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,IAAhB,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,kBAAiB,IAAjH,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,YAAxG,GAAzS;AAAga,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,IAAzC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,eAAc,OAA9G,EAAsH,gBAAe,OAArI,EAA6I,aAAY,IAAzJ,GAAha;AAAgkB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAAhkB;AAA6qB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,gBAAe,OAAlF,EAA0F,aAAY,IAAtG,GAA7qB;AAA0xB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2CAAxG;AAA1xB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"SubwayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SubwayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"32\" width=\"288\" height=\"352\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 80h96\" /><rect x=\"112\" y=\"128\" width=\"288\" height=\"96\" rx=\"32\" ry=\"32\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"176\" cy=\"320\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"336\" cy=\"320\" r=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M144 464h224M336 432l48 48M176 432l-48 48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubwayOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubwayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SubwayOutline"]}
\ No newline at end of file
diff --git a/lib/SubwaySharp.js b/lib/SubwaySharp.js
index 759ee63b7..60a2d2438 100644
--- a/lib/SubwaySharp.js
+++ b/lib/SubwaySharp.js
@@ -47,7 +47,7 @@ var SubwaySharp = function SubwaySharp(props) {
 SubwaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SubwaySharp.js.map b/lib/SubwaySharp.js.map
index 056d2734e..9a8364e9b 100644
--- a/lib/SubwaySharp.js.map
+++ b/lib/SubwaySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SubwaySharp.js"],"names":["SubwaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qaAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SubwaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SubwaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 16H120a24 24 0 00-24 24v336a24 24 0 0024 24h272a24 24 0 0024-24V40a24 24 0 00-24-24zM208 64h95.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 96h-95.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01208 64zm-28.53 287.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zm160 0a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM384 144v64H128v-64zM298 416l31.37 32H182.63L214 416h-44l-80.57 80h45.2l16-16h210.74l16 16h45.3L343 416h-45z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubwaySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubwaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SubwaySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SubwaySharp.js"],"names":["SubwaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qaAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SubwaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SubwaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M392 16H120a24 24 0 00-24 24v336a24 24 0 0024 24h272a24 24 0 0024-24V40a24 24 0 00-24-24zM208 64h95.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 96h-95.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01208 64zm-28.53 287.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zm160 0a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM384 144v64H128v-64zM298 416l31.37 32H182.63L214 416h-44l-80.57 80h45.2l16-16h210.74l16 16h45.3L343 416h-45z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSubwaySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSubwaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SubwaySharp"]}
\ No newline at end of file
diff --git a/lib/Sunny.js b/lib/Sunny.js
index 812c330d5..e71c270c6 100644
--- a/lib/Sunny.js
+++ b/lib/Sunny.js
@@ -47,7 +47,7 @@ var Sunny = function Sunny(props) {
 Sunny.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Sunny.js.map b/lib/Sunny.js.map
index b530ddffd..ca2a893c9 100644
--- a/lib/Sunny.js.map
+++ b/lib/Sunny.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Sunny.js"],"names":["Sunny","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ytBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Sunny.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sunny = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 118a22 22 0 01-22-22V48a22 22 0 0144 0v48a22 22 0 01-22 22zM256 486a22 22 0 01-22-22v-48a22 22 0 0144 0v48a22 22 0 01-22 22zM369.14 164.86a22 22 0 01-15.56-37.55l33.94-33.94a22 22 0 0131.11 31.11l-33.94 33.94a21.93 21.93 0 01-15.55 6.44zM108.92 425.08a22 22 0 01-15.55-37.56l33.94-33.94a22 22 0 1131.11 31.11l-33.94 33.94a21.94 21.94 0 01-15.56 6.45zM464 278h-48a22 22 0 010-44h48a22 22 0 010 44zM96 278H48a22 22 0 010-44h48a22 22 0 010 44zM403.08 425.08a21.94 21.94 0 01-15.56-6.45l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.55 37.56zM142.86 164.86a21.89 21.89 0 01-15.55-6.44l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.56 37.55zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunny.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunny.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sunny"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Sunny.js"],"names":["Sunny","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ytBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Sunny.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sunny = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 118a22 22 0 01-22-22V48a22 22 0 0144 0v48a22 22 0 01-22 22zM256 486a22 22 0 01-22-22v-48a22 22 0 0144 0v48a22 22 0 01-22 22zM369.14 164.86a22 22 0 01-15.56-37.55l33.94-33.94a22 22 0 0131.11 31.11l-33.94 33.94a21.93 21.93 0 01-15.55 6.44zM108.92 425.08a22 22 0 01-15.55-37.56l33.94-33.94a22 22 0 1131.11 31.11l-33.94 33.94a21.94 21.94 0 01-15.56 6.45zM464 278h-48a22 22 0 010-44h48a22 22 0 010 44zM96 278H48a22 22 0 010-44h48a22 22 0 010 44zM403.08 425.08a21.94 21.94 0 01-15.56-6.45l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.55 37.56zM142.86 164.86a21.89 21.89 0 01-15.55-6.44l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.56 37.55zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunny.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunny.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sunny"]}
\ No newline at end of file
diff --git a/lib/SunnyOutline.js b/lib/SunnyOutline.js
index ebe51af38..96393f9e0 100644
--- a/lib/SunnyOutline.js
+++ b/lib/SunnyOutline.js
@@ -48,7 +48,7 @@ var SunnyOutline = function SunnyOutline(props) {
 SunnyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SunnyOutline.js.map b/lib/SunnyOutline.js.map
index a9231e896..4c60b4ada 100644
--- a/lib/SunnyOutline.js.map
+++ b/lib/SunnyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SunnyOutline.js"],"names":["SunnyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,yJAAvG,GAAjK;AAAma,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H;AAAna;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SunnyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SunnyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94\"/><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunnyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunnyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SunnyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SunnyOutline.js"],"names":["SunnyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,yJAAvG,GAAhK;AAAma,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B,EAAiC,MAAK,MAAtC,EAA6C,QAAO,cAApD,EAAmE,eAAc,OAAjF,EAAyF,kBAAiB,IAA1G,EAA+G,aAAY,IAA3H;AAAna;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SunnyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SunnyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94\" /><circle cx=\"256\" cy=\"256\" r=\"80\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunnyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunnyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SunnyOutline"]}
\ No newline at end of file
diff --git a/lib/SunnySharp.js b/lib/SunnySharp.js
index e7b1b0cce..9536cb803 100644
--- a/lib/SunnySharp.js
+++ b/lib/SunnySharp.js
@@ -47,7 +47,7 @@ var SunnySharp = function SunnySharp(props) {
 SunnySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SunnySharp.js.map b/lib/SunnySharp.js.map
index b3dc565f0..050811236 100644
--- a/lib/SunnySharp.js.map
+++ b/lib/SunnySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SunnySharp.js"],"names":["SunnySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SunnySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SunnySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M234 26h44v92h-44zM234 394h44v92h-44zM338.025 142.857l65.054-65.054 31.113 31.113-65.054 65.054zM77.815 403.074l65.054-65.054 31.113 31.113-65.054 65.054zM394 234h92v44h-92zM26 234h92v44H26zM338.029 369.14l31.112-31.113 65.054 65.054-31.112 31.112zM77.802 108.92l31.113-31.113 65.054 65.054-31.113 31.112zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunnySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunnySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SunnySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SunnySharp.js"],"names":["SunnySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SunnySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SunnySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M234 26h44v92h-44zM234 394h44v92h-44zM338.025 142.857l65.054-65.054 31.113 31.113-65.054 65.054zM77.815 403.074l65.054-65.054 31.113 31.113-65.054 65.054zM394 234h92v44h-92zM26 234h92v44H26zM338.029 369.14l31.112-31.113 65.054 65.054-31.112 31.112zM77.802 108.92l31.113-31.113 65.054 65.054-31.113 31.112zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSunnySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSunnySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SunnySharp"]}
\ No newline at end of file
diff --git a/lib/SwapHorizontal.js b/lib/SwapHorizontal.js
index ed23b0048..0a817f83a 100644
--- a/lib/SwapHorizontal.js
+++ b/lib/SwapHorizontal.js
@@ -47,7 +47,7 @@ var SwapHorizontal = function SwapHorizontal(props) {
 SwapHorizontal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapHorizontal.js.map b/lib/SwapHorizontal.js.map
index de0903079..f00a155cd 100644
--- a/lib/SwapHorizontal.js.map
+++ b/lib/SwapHorizontal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapHorizontal.js"],"names":["SwapHorizontal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"SwapHorizontal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapHorizontal.js"],"names":["SwapHorizontal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"SwapHorizontal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontal"]}
\ No newline at end of file
diff --git a/lib/SwapHorizontalOutline.js b/lib/SwapHorizontalOutline.js
index 4ca2b4cd1..5a38e767b 100644
--- a/lib/SwapHorizontalOutline.js
+++ b/lib/SwapHorizontalOutline.js
@@ -47,7 +47,7 @@ var SwapHorizontalOutline = function SwapHorizontalOutline(props) {
 SwapHorizontalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapHorizontalOutline.js.map b/lib/SwapHorizontalOutline.js.map
index dc9c23e64..5965b55d1 100644
--- a/lib/SwapHorizontalOutline.js.map
+++ b/lib/SwapHorizontalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapHorizontalOutline.js"],"names":["SwapHorizontalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"SwapHorizontalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapHorizontalOutline.js"],"names":["SwapHorizontalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"SwapHorizontalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontalOutline"]}
\ No newline at end of file
diff --git a/lib/SwapHorizontalSharp.js b/lib/SwapHorizontalSharp.js
index fb6ac0679..6724b7166 100644
--- a/lib/SwapHorizontalSharp.js
+++ b/lib/SwapHorizontalSharp.js
@@ -47,7 +47,7 @@ var SwapHorizontalSharp = function SwapHorizontalSharp(props) {
 SwapHorizontalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapHorizontalSharp.js.map b/lib/SwapHorizontalSharp.js.map
index 975002ac3..9cc672725 100644
--- a/lib/SwapHorizontalSharp.js.map
+++ b/lib/SwapHorizontalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapHorizontalSharp.js"],"names":["SwapHorizontalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SwapHorizontalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapHorizontalSharp.js"],"names":["SwapHorizontalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SwapHorizontalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapHorizontalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapHorizontalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapHorizontalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapHorizontalSharp"]}
\ No newline at end of file
diff --git a/lib/SwapVertical.js b/lib/SwapVertical.js
index d4c4529f2..bdcfab2ec 100644
--- a/lib/SwapVertical.js
+++ b/lib/SwapVertical.js
@@ -47,7 +47,7 @@ var SwapVertical = function SwapVertical(props) {
 SwapVertical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapVertical.js.map b/lib/SwapVertical.js.map
index 48eb63eb2..204bc0ee0 100644
--- a/lib/SwapVertical.js.map
+++ b/lib/SwapVertical.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapVertical.js"],"names":["SwapVertical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SwapVertical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVertical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVertical.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVertical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVertical"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapVertical.js"],"names":["SwapVertical","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"SwapVertical.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVertical = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVertical.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVertical.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVertical"]}
\ No newline at end of file
diff --git a/lib/SwapVerticalOutline.js b/lib/SwapVerticalOutline.js
index 4afcb64f0..b63077897 100644
--- a/lib/SwapVerticalOutline.js
+++ b/lib/SwapVerticalOutline.js
@@ -47,7 +47,7 @@ var SwapVerticalOutline = function SwapVerticalOutline(props) {
 SwapVerticalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapVerticalOutline.js.map b/lib/SwapVerticalOutline.js.map
index 5bd425fef..4b84fa014 100644
--- a/lib/SwapVerticalOutline.js.map
+++ b/lib/SwapVerticalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapVerticalOutline.js"],"names":["SwapVerticalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SwapVerticalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVerticalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVerticalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVerticalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVerticalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapVerticalOutline.js"],"names":["SwapVerticalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"SwapVerticalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVerticalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVerticalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVerticalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVerticalOutline"]}
\ No newline at end of file
diff --git a/lib/SwapVerticalSharp.js b/lib/SwapVerticalSharp.js
index f55062208..0c9b21076 100644
--- a/lib/SwapVerticalSharp.js
+++ b/lib/SwapVerticalSharp.js
@@ -47,7 +47,7 @@ var SwapVerticalSharp = function SwapVerticalSharp(props) {
 SwapVerticalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SwapVerticalSharp.js.map b/lib/SwapVerticalSharp.js.map
index 4afb1e814..b38ce2a92 100644
--- a/lib/SwapVerticalSharp.js.map
+++ b/lib/SwapVerticalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SwapVerticalSharp.js"],"names":["SwapVerticalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SwapVerticalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVerticalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVerticalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVerticalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVerticalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SwapVerticalSharp.js"],"names":["SwapVerticalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0EAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SwapVerticalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SwapVerticalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSwapVerticalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSwapVerticalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SwapVerticalSharp"]}
\ No newline at end of file
diff --git a/lib/Sync.js b/lib/Sync.js
index 6a8ed0999..5a63bdc85 100644
--- a/lib/Sync.js
+++ b/lib/Sync.js
@@ -48,7 +48,7 @@ var Sync = function Sync(props) {
 Sync.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Sync.js.map b/lib/Sync.js.map
index 926e25cb5..c825beb1d 100644
--- a/lib/Sync.js.map
+++ b/lib/Sync.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Sync.js"],"names":["Sync","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,OAA/M,EAAuN,gBAAe,OAAtO,EAA8O,aAAY,IAA1P,GAAjK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Sync.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sync = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSync.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSync.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sync"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Sync.js"],"names":["Sync","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,OAA/M,EAAuN,gBAAe,OAAtO,EAA8O,aAAY,IAA1P,GAAhK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Sync.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Sync = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSync.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSync.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Sync"]}
\ No newline at end of file
diff --git a/lib/SyncCircle.js b/lib/SyncCircle.js
index d5ebe2729..ee6040256 100644
--- a/lib/SyncCircle.js
+++ b/lib/SyncCircle.js
@@ -47,7 +47,7 @@ var SyncCircle = function SyncCircle(props) {
 SyncCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SyncCircle.js.map b/lib/SyncCircle.js.map
index 9d1ed8f04..cc79269f5 100644
--- a/lib/SyncCircle.js.map
+++ b/lib/SyncCircle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SyncCircle.js"],"names":["SyncCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8bAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SyncCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm83.69 282.65a112.24 112.24 0 01-195-61.29 16 16 0 01-20.13-24.67l23.6-23.6a16 16 0 0122.37-.25l24.67 23.6a16 16 0 01-18 26 80.25 80.25 0 00138.72 38.83 16 16 0 0123.77 21.41zm47.76-63.34l-23.6 23.6a16 16 0 01-22.37.25l-24.67-23.6a16 16 0 0117.68-26.11A80.17 80.17 0 00196 202.64a16 16 0 11-23.82-21.37 112.17 112.17 0 01194.88 61.57 16 16 0 0120.39 24.47z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SyncCircle.js"],"names":["SyncCircle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8bAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"SyncCircle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm83.69 282.65a112.24 112.24 0 01-195-61.29 16 16 0 01-20.13-24.67l23.6-23.6a16 16 0 0122.37-.25l24.67 23.6a16 16 0 01-18 26 80.25 80.25 0 00138.72 38.83 16 16 0 0123.77 21.41zm47.76-63.34l-23.6 23.6a16 16 0 01-22.37.25l-24.67-23.6a16 16 0 0117.68-26.11A80.17 80.17 0 00196 202.64a16 16 0 11-23.82-21.37 112.17 112.17 0 01194.88 61.57 16 16 0 0120.39 24.47z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircle"]}
\ No newline at end of file
diff --git a/lib/SyncCircleOutline.js b/lib/SyncCircleOutline.js
index 439445722..71d0ea43e 100644
--- a/lib/SyncCircleOutline.js
+++ b/lib/SyncCircleOutline.js
@@ -49,7 +49,7 @@ var SyncCircleOutline = function SyncCircleOutline(props) {
 SyncCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SyncCircleOutline.js.map b/lib/SyncCircleOutline.js.map
index 245eeefc4..5d131b6e5 100644
--- a/lib/SyncCircleOutline.js.map
+++ b/lib/SyncCircleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SyncCircleOutline.js"],"names":["SyncCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAjK;AAAgU,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,eAAc,OAAlJ,EAA0J,gBAAe,OAAzK,EAAiL,aAAY,IAA7L,GAAhU;AAAmgB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qEAAxG;AAAngB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SyncCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M351.82 271.87v-16A96.15 96.15 0 00184.09 192m-24.2 48.17v16A96.22 96.22 0 00327.81 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M135.87 256l23.59-23.6 24.67 23.6M376.13 256l-23.59 23.6-24.67-23.6\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SyncCircleOutline.js"],"names":["SyncCircleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4EAAR,EAAqF,MAAK,MAA1F,EAAiG,QAAO,cAAxG,EAAuH,kBAAiB,IAAxI,EAA6I,aAAY,IAAzJ,GAAhK;AAAgU,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,eAAc,OAAlJ,EAA0J,gBAAe,OAAzK,EAAiL,aAAY,IAA7L,GAAhU;AAAogB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qEAAxG;AAApgB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"SyncCircleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M351.82 271.87v-16A96.15 96.15 0 00184.09 192m-24.2 48.17v16A96.22 96.22 0 00327.81 320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M135.87 256l23.59-23.6 24.67 23.6M376.13 256l-23.59 23.6-24.67-23.6\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircleOutline"]}
\ No newline at end of file
diff --git a/lib/SyncCircleSharp.js b/lib/SyncCircleSharp.js
index d68a28922..5a5ac0c75 100644
--- a/lib/SyncCircleSharp.js
+++ b/lib/SyncCircleSharp.js
@@ -47,7 +47,7 @@ var SyncCircleSharp = function SyncCircleSharp(props) {
 SyncCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SyncCircleSharp.js.map b/lib/SyncCircleSharp.js.map
index 17b8374fd..02857571d 100644
--- a/lib/SyncCircleSharp.js.map
+++ b/lib/SyncCircleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SyncCircleSharp.js"],"names":["SyncCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"SyncCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm0 320a112.19 112.19 0 01-111.27-98.23l-8.86 8.86L113.24 256l46-46 47.55 45.48-22.12 23.12-7.2-6.88a80.26 80.26 0 00138.48 37.5l23.77 21.41A112.82 112.82 0 01256 368zm96.79-66l-47.55-45.5 22.12-23.12 6.86 6.55A80.2 80.2 0 00196 202.64l-23.82-21.37A112.18 112.18 0 01367 242.49l9.11-9.12L398.76 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SyncCircleSharp.js"],"names":["SyncCircleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"SyncCircleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncCircleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm0 320a112.19 112.19 0 01-111.27-98.23l-8.86 8.86L113.24 256l46-46 47.55 45.48-22.12 23.12-7.2-6.88a80.26 80.26 0 00138.48 37.5l23.77 21.41A112.82 112.82 0 01256 368zm96.79-66l-47.55-45.5 22.12-23.12 6.86 6.55A80.2 80.2 0 00196 202.64l-23.82-21.37A112.18 112.18 0 01367 242.49l9.11-9.12L398.76 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncCircleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncCircleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncCircleSharp"]}
\ No newline at end of file
diff --git a/lib/SyncOutline.js b/lib/SyncOutline.js
index ac073decb..a3349ba5b 100644
--- a/lib/SyncOutline.js
+++ b/lib/SyncOutline.js
@@ -48,7 +48,7 @@ var SyncOutline = function SyncOutline(props) {
 SyncOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SyncOutline.js.map b/lib/SyncOutline.js.map
index c08372d69..7d484f355 100644
--- a/lib/SyncOutline.js.map
+++ b/lib/SyncOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SyncOutline.js"],"names":["SyncOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,OAA/M,EAAuN,gBAAe,OAAtO,EAA8O,aAAY,IAA1P,GAAjK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SyncOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SyncOutline.js"],"names":["SyncOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,OAA/M,EAAuN,gBAAe,OAAtO,EAA8O,aAAY,IAA1P,GAAhK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"SyncOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncOutline"]}
\ No newline at end of file
diff --git a/lib/SyncSharp.js b/lib/SyncSharp.js
index 0d92f1db2..37445de7f 100644
--- a/lib/SyncSharp.js
+++ b/lib/SyncSharp.js
@@ -48,7 +48,7 @@ var SyncSharp = function SyncSharp(props) {
 SyncSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/SyncSharp.js.map b/lib/SyncSharp.js.map
index c7bad46b9..b82152600 100644
--- a/lib/SyncSharp.js.map
+++ b/lib/SyncSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/SyncSharp.js"],"names":["SyncSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,QAA/M,EAAwN,kBAAiB,IAAzO,EAA8O,aAAY,IAA1P,GAAjK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SyncSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/SyncSharp.js"],"names":["SyncSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sJAAR,EAA+J,MAAK,MAApK,EAA2K,QAAO,cAAlL,EAAiM,eAAc,QAA/M,EAAwN,kBAAiB,IAAzO,EAA8O,aAAY,IAA1P,GAAhK;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,0CAAxG;AAAja;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"SyncSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst SyncSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M32 256l44-44 46 44M480 256l-44 44-46-44\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nSyncSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nSyncSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default SyncSharp"]}
\ No newline at end of file
diff --git a/lib/TabletLandscape.js b/lib/TabletLandscape.js
index 61668bc86..5e86ca985 100644
--- a/lib/TabletLandscape.js
+++ b/lib/TabletLandscape.js
@@ -48,7 +48,7 @@ var TabletLandscape = function TabletLandscape(props) {
 TabletLandscape.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletLandscape.js.map b/lib/TabletLandscape.js.map
index 523b4ddc9..22b4ee313 100644
--- a/lib/TabletLandscape.js.map
+++ b/lib/TabletLandscape.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletLandscape.js"],"names":["TabletLandscape","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yMAAR,GAAjK;AAAoX,8CAAM,GAAE,kSAAR;AAApX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TabletLandscape.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscape = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M512 128v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64zM32 384a32 32 0 0032 32h384a32 32 0 0032-32V128a32 32 0 00-32-32H64a32 32 0 00-32 32z\"/><path d=\"M0 128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128m480 256V128a32 32 0 00-32-32H64a32 32 0 00-32 32v256a32 32 0 0032 32h384a32 32 0 0032-32m-16 0a16 16 0 01-16 16H64a16 16 0 01-16-16V128a16 16 0 0116-16h384a16 16 0 0116 16v256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscape.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscape.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscape"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletLandscape.js"],"names":["TabletLandscape","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yMAAR,GAAhK;AAAoX,8CAAM,GAAE,kSAAR;AAApX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TabletLandscape.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscape = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M512 128v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64zM32 384a32 32 0 0032 32h384a32 32 0 0032-32V128a32 32 0 00-32-32H64a32 32 0 00-32 32z\" /><path d=\"M0 128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128m480 256V128a32 32 0 00-32-32H64a32 32 0 00-32 32v256a32 32 0 0032 32h384a32 32 0 0032-32m-16 0a16 16 0 01-16 16H64a16 16 0 01-16-16V128a16 16 0 0116-16h384a16 16 0 0116 16v256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscape.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscape.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscape"]}
\ No newline at end of file
diff --git a/lib/TabletLandscapeOutline.js b/lib/TabletLandscapeOutline.js
index c669fdffd..d1d36fd5d 100644
--- a/lib/TabletLandscapeOutline.js
+++ b/lib/TabletLandscapeOutline.js
@@ -47,7 +47,7 @@ var TabletLandscapeOutline = function TabletLandscapeOutline(props) {
 TabletLandscapeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletLandscapeOutline.js.map b/lib/TabletLandscapeOutline.js.map
index 8a51ff65b..bc58371a4 100644
--- a/lib/TabletLandscapeOutline.js.map
+++ b/lib/TabletLandscapeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletLandscapeOutline.js"],"names":["TabletLandscapeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,WAAU,qBAAvE,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"TabletLandscapeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscapeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"352\" height=\"480\" rx=\"48\" ry=\"48\" transform=\"rotate(-90 256 256)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscapeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscapeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscapeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletLandscapeOutline.js"],"names":["TabletLandscapeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,yBAAyB,SAAzBA,sBAAyB,QAAS;AACtC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,WAAU,qBAAvE,EAA6F,MAAK,MAAlG,EAAyG,QAAO,cAAhH,EAA+H,eAAc,OAA7I,EAAqJ,gBAAe,OAApK,EAA4K,aAAY,IAAxL;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,uBAAuBa,YAAvB,GAAsC;AACpC;AACAH,SAAO,EAF6B;AAGpCN,SAAO,SAH6B;AAIpCF,UAAQ,MAJ4B;AAKpCC,SAAO,MAL6B;AAMpCQ,cAAY,EANwB;AAOpCC,SAAO,EAP6B;;AASpC;AACAL,SAAO,KAV6B;AAWpCC,QAAM,KAX8B;AAYpCF,UAAQ;AAZ4B,CAAtC;;AAgBAN,uBAAuBc,SAAvB,GAAmC;AACjC;AACAJ,SAAOK,oBAAUC,MAFgB;AAGjCZ,SAAOW,oBAAUE,MAHgB;AAIjCf,UAAQa,oBAAUE,MAJe;AAKjCd,SAAOY,oBAAUE,MALgB;AAMjCN,cAAYI,oBAAUE,MANW;AAOjCL,SAAOG,oBAAUE,MAPgB;;AASjC;AACAV,SAAOQ,oBAAUG,IAVgB;AAWjCV,QAAMO,oBAAUG,IAXiB;AAYjCZ,UAAQS,oBAAUG,IAZe;;AAcjC;AACAb,WAASU,oBAAUI;AAfc,CAAnC;;kBAmBenB,sB","file":"TabletLandscapeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscapeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"352\" height=\"480\" rx=\"48\" ry=\"48\" transform=\"rotate(-90 256 256)\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscapeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscapeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscapeOutline"]}
\ No newline at end of file
diff --git a/lib/TabletLandscapeSharp.js b/lib/TabletLandscapeSharp.js
index 8975a2d07..574d12b73 100644
--- a/lib/TabletLandscapeSharp.js
+++ b/lib/TabletLandscapeSharp.js
@@ -47,7 +47,7 @@ var TabletLandscapeSharp = function TabletLandscapeSharp(props) {
 TabletLandscapeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletLandscapeSharp.js.map b/lib/TabletLandscapeSharp.js.map
index bf45e009f..7b68e8b85 100644
--- a/lib/TabletLandscapeSharp.js.map
+++ b/lib/TabletLandscapeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletLandscapeSharp.js"],"names":["TabletLandscapeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"TabletLandscapeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscapeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 82v348a18 18 0 0018 18h476a18 18 0 0018-18V82a18 18 0 00-18-18H18A18 18 0 000 82zm448 330H64V100h384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscapeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscapeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscapeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletLandscapeSharp.js"],"names":["TabletLandscapeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,uBAAuB,SAAvBA,oBAAuB,QAAS;AACpC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,qBAAqBa,YAArB,GAAoC;AAClC;AACAH,SAAO,EAF2B;AAGlCN,SAAO,SAH2B;AAIlCF,UAAQ,MAJ0B;AAKlCC,SAAO,MAL2B;AAMlCQ,cAAY,EANsB;AAOlCC,SAAO,EAP2B;;AASlC;AACAL,SAAO,KAV2B;AAWlCC,QAAM,KAX4B;AAYlCF,UAAQ;AAZ0B,CAApC;;AAgBAN,qBAAqBc,SAArB,GAAiC;AAC/B;AACAJ,SAAOK,oBAAUC,MAFc;AAG/BZ,SAAOW,oBAAUE,MAHc;AAI/Bf,UAAQa,oBAAUE,MAJa;AAK/Bd,SAAOY,oBAAUE,MALc;AAM/BN,cAAYI,oBAAUE,MANS;AAO/BL,SAAOG,oBAAUE,MAPc;;AAS/B;AACAV,SAAOQ,oBAAUG,IAVc;AAW/BV,QAAMO,oBAAUG,IAXe;AAY/BZ,UAAQS,oBAAUG,IAZa;;AAc/B;AACAb,WAASU,oBAAUI;AAfY,CAAjC;;kBAmBenB,oB","file":"TabletLandscapeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletLandscapeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M0 82v348a18 18 0 0018 18h476a18 18 0 0018-18V82a18 18 0 00-18-18H18A18 18 0 000 82zm448 330H64V100h384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletLandscapeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletLandscapeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletLandscapeSharp"]}
\ No newline at end of file
diff --git a/lib/TabletPortrait.js b/lib/TabletPortrait.js
index ccb53d35a..4bf2206bd 100644
--- a/lib/TabletPortrait.js
+++ b/lib/TabletPortrait.js
@@ -48,7 +48,7 @@ var TabletPortrait = function TabletPortrait(props) {
 TabletPortrait.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletPortrait.js.map b/lib/TabletPortrait.js.map
index cb5104e07..36d59c1df 100644
--- a/lib/TabletPortrait.js.map
+++ b/lib/TabletPortrait.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletPortrait.js"],"names":["TabletPortrait","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yMAAR,GAAjK;AAAoX,8CAAM,GAAE,6RAAR;AAApX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TabletPortrait.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortrait = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 512H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64zM128 32a32 32 0 00-32 32v384a32 32 0 0032 32h256a32 32 0 0032-32V64a32 32 0 00-32-32z\"/><path d=\"M384 0a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256M128 480h256a32 32 0 0032-32V64a32 32 0 00-32-32H128a32 32 0 00-32 32v384a32 32 0 0032 32m0-16a16 16 0 01-16-16V64a16 16 0 0116-16h256a16 16 0 0116 16v384a16 16 0 01-16 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortrait.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortrait.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortrait"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletPortrait.js"],"names":["TabletPortrait","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yMAAR,GAAhK;AAAoX,8CAAM,GAAE,6RAAR;AAApX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TabletPortrait.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortrait = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 512H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64zM128 32a32 32 0 00-32 32v384a32 32 0 0032 32h256a32 32 0 0032-32V64a32 32 0 00-32-32z\" /><path d=\"M384 0a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256M128 480h256a32 32 0 0032-32V64a32 32 0 00-32-32H128a32 32 0 00-32 32v384a32 32 0 0032 32m0-16a16 16 0 01-16-16V64a16 16 0 0116-16h256a16 16 0 0116 16v384a16 16 0 01-16 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortrait.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortrait.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortrait"]}
\ No newline at end of file
diff --git a/lib/TabletPortraitOutline.js b/lib/TabletPortraitOutline.js
index bf83c170e..25e53efba 100644
--- a/lib/TabletPortraitOutline.js
+++ b/lib/TabletPortraitOutline.js
@@ -47,7 +47,7 @@ var TabletPortraitOutline = function TabletPortraitOutline(props) {
 TabletPortraitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletPortraitOutline.js.map b/lib/TabletPortraitOutline.js.map
index 9cba08408..c37dc00bc 100644
--- a/lib/TabletPortraitOutline.js.map
+++ b/lib/TabletPortraitOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletPortraitOutline.js"],"names":["TabletPortraitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"TabletPortraitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortraitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"352\" height=\"480\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortraitOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortraitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortraitOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletPortraitOutline.js"],"names":["TabletPortraitOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,wBAAwB,SAAxBA,qBAAwB,QAAS;AACrC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,eAAc,OAA7G,EAAqH,gBAAe,OAApI,EAA4I,aAAY,IAAxJ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,sBAAsBa,YAAtB,GAAqC;AACnC;AACAH,SAAO,EAF4B;AAGnCN,SAAO,SAH4B;AAInCF,UAAQ,MAJ2B;AAKnCC,SAAO,MAL4B;AAMnCQ,cAAY,EANuB;AAOnCC,SAAO,EAP4B;;AASnC;AACAL,SAAO,KAV4B;AAWnCC,QAAM,KAX6B;AAYnCF,UAAQ;AAZ2B,CAArC;;AAgBAN,sBAAsBc,SAAtB,GAAkC;AAChC;AACAJ,SAAOK,oBAAUC,MAFe;AAGhCZ,SAAOW,oBAAUE,MAHe;AAIhCf,UAAQa,oBAAUE,MAJc;AAKhCd,SAAOY,oBAAUE,MALe;AAMhCN,cAAYI,oBAAUE,MANU;AAOhCL,SAAOG,oBAAUE,MAPe;;AAShC;AACAV,SAAOQ,oBAAUG,IAVe;AAWhCV,QAAMO,oBAAUG,IAXgB;AAYhCZ,UAAQS,oBAAUG,IAZc;;AAchC;AACAb,WAASU,oBAAUI;AAfa,CAAlC;;kBAmBenB,qB","file":"TabletPortraitOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortraitOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"80\" y=\"16\" width=\"352\" height=\"480\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortraitOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortraitOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortraitOutline"]}
\ No newline at end of file
diff --git a/lib/TabletPortraitSharp.js b/lib/TabletPortraitSharp.js
index 9251a468f..92fb6ddc6 100644
--- a/lib/TabletPortraitSharp.js
+++ b/lib/TabletPortraitSharp.js
@@ -47,7 +47,7 @@ var TabletPortraitSharp = function TabletPortraitSharp(props) {
 TabletPortraitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TabletPortraitSharp.js.map b/lib/TabletPortraitSharp.js.map
index feecb526e..5e304c070 100644
--- a/lib/TabletPortraitSharp.js.map
+++ b/lib/TabletPortraitSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TabletPortraitSharp.js"],"names":["TabletPortraitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"TabletPortraitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortraitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 0H82a18 18 0 00-18 18v476a18 18 0 0018 18h348a18 18 0 0018-18V18a18 18 0 00-18-18zM100 448V64h312v384z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortraitSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortraitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortraitSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TabletPortraitSharp.js"],"names":["TabletPortraitSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"TabletPortraitSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TabletPortraitSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M430 0H82a18 18 0 00-18 18v476a18 18 0 0018 18h348a18 18 0 0018-18V18a18 18 0 00-18-18zM100 448V64h312v384z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTabletPortraitSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTabletPortraitSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TabletPortraitSharp"]}
\ No newline at end of file
diff --git a/lib/Telescope.js b/lib/Telescope.js
index 3949460d0..866bfd769 100644
--- a/lib/Telescope.js
+++ b/lib/Telescope.js
@@ -48,7 +48,7 @@ var Telescope = function Telescope(props) {
 Telescope.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Telescope.js.map b/lib/Telescope.js.map
index 4cf446be1..45a006861 100644
--- a/lib/Telescope.js.map
+++ b/lib/Telescope.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Telescope.js"],"names":["Telescope","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oKAAR,GAAjK;AAA+U,8CAAM,GAAE,usBAAR;AAA/U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Telescope.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Telescope = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M107.56 250a16 16 0 00-21.85-5.86L36 272.81a39.71 39.71 0 00-18.8 24.91 40.9 40.9 0 004.55 30.35l4.36 7.54a40 40 0 0054.62 14.62l49.67-28.63a16 16 0 005.87-21.86z\"/><path d=\"M382.84 440.8L288.72 254a2 2 0 01.79-2.63l8.3-4.79a16 16 0 005.86-21.86l-47.53-82.33a16 16 0 00-21.86-5.87l-86.38 49.8a39.73 39.73 0 00-18.65 24.28 34.82 34.82 0 00-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28 9.59 16.75 19.24 33.88 26.34 38.15 4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1029.05 13.42l93.68-202.65a7.94 7.94 0 013.26-3.57l19.21-11.08a2 2 0 012.78.84l93.21 185a16 16 0 0028.58-14.4zM490.21 115.74L444.09 36a40.08 40.08 0 00-54.63-14.62l-93.34 53.78a39.69 39.69 0 00-18.65 24.28 32.76 32.76 0 00-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89 13.58 23.73 28.91 50.48 36.93 56.27a40.18 40.18 0 0023.18 7.37 39.77 39.77 0 0019.92-5.34L476 171.07a39.72 39.72 0 0018.79-24.84 41 41 0 00-4.58-30.49z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescope.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescope.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Telescope"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Telescope.js"],"names":["Telescope","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oKAAR,GAAhK;AAA+U,8CAAM,GAAE,usBAAR;AAA/U;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"Telescope.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Telescope = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M107.56 250a16 16 0 00-21.85-5.86L36 272.81a39.71 39.71 0 00-18.8 24.91 40.9 40.9 0 004.55 30.35l4.36 7.54a40 40 0 0054.62 14.62l49.67-28.63a16 16 0 005.87-21.86z\" /><path d=\"M382.84 440.8L288.72 254a2 2 0 01.79-2.63l8.3-4.79a16 16 0 005.86-21.86l-47.53-82.33a16 16 0 00-21.86-5.87l-86.38 49.8a39.73 39.73 0 00-18.65 24.28 34.82 34.82 0 00-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28 9.59 16.75 19.24 33.88 26.34 38.15 4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1029.05 13.42l93.68-202.65a7.94 7.94 0 013.26-3.57l19.21-11.08a2 2 0 012.78.84l93.21 185a16 16 0 0028.58-14.4zM490.21 115.74L444.09 36a40.08 40.08 0 00-54.63-14.62l-93.34 53.78a39.69 39.69 0 00-18.65 24.28 32.76 32.76 0 00-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89 13.58 23.73 28.91 50.48 36.93 56.27a40.18 40.18 0 0023.18 7.37 39.77 39.77 0 0019.92-5.34L476 171.07a39.72 39.72 0 0018.79-24.84 41 41 0 00-4.58-30.49z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescope.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescope.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Telescope"]}
\ No newline at end of file
diff --git a/lib/TelescopeOutline.js b/lib/TelescopeOutline.js
index 12af5a257..e2794e840 100644
--- a/lib/TelescopeOutline.js
+++ b/lib/TelescopeOutline.js
@@ -48,7 +48,7 @@ var TelescopeOutline = function TelescopeOutline(props) {
 TelescopeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TelescopeOutline.js.map b/lib/TelescopeOutline.js.map
index 003019642..149abbd61 100644
--- a/lib/TelescopeOutline.js.map
+++ b/lib/TelescopeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TelescopeOutline.js"],"names":["TelescopeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wJAAxG,GAAjK;AAAma,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qWAAxG;AAAna;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TelescopeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TelescopeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M39.93 327.56l-4.71-8.13A24 24 0 0144 286.64l86.87-50.07a16 16 0 0121.89 5.86l12.71 22a16 16 0 01-5.86 21.85l-86.85 50.07a24.06 24.06 0 01-32.83-8.79z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M170.68 273.72L147.12 233a24 24 0 018.8-32.78l124.46-71.75a16 16 0 0121.89 5.86l31.57 54.59a16 16 0 01-5.84 21.84L203.51 282.5a24 24 0 01-32.83-8.78zM341.85 202.21l-46.51-80.43a24 24 0 018.8-32.78l93.29-53.78A24.07 24.07 0 01430.27 44l46.51 80.43a24 24 0 01-8.8 32.79L374.69 211a24.06 24.06 0 01-32.84-8.79zM127.59 480l96.14-207.99M271.8 256.02L368.55 448\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescopeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescopeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TelescopeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TelescopeOutline.js"],"names":["TelescopeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,wJAAxG,GAAhK;AAAma,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,qWAAxG;AAAna;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TelescopeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TelescopeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M39.93 327.56l-4.71-8.13A24 24 0 0144 286.64l86.87-50.07a16 16 0 0121.89 5.86l12.71 22a16 16 0 01-5.86 21.85l-86.85 50.07a24.06 24.06 0 01-32.83-8.79z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M170.68 273.72L147.12 233a24 24 0 018.8-32.78l124.46-71.75a16 16 0 0121.89 5.86l31.57 54.59a16 16 0 01-5.84 21.84L203.51 282.5a24 24 0 01-32.83-8.78zM341.85 202.21l-46.51-80.43a24 24 0 018.8-32.78l93.29-53.78A24.07 24.07 0 01430.27 44l46.51 80.43a24 24 0 01-8.8 32.79L374.69 211a24.06 24.06 0 01-32.84-8.79zM127.59 480l96.14-207.99M271.8 256.02L368.55 448\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescopeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescopeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TelescopeOutline"]}
\ No newline at end of file
diff --git a/lib/TelescopeSharp.js b/lib/TelescopeSharp.js
index 167b619dd..f85731789 100644
--- a/lib/TelescopeSharp.js
+++ b/lib/TelescopeSharp.js
@@ -48,7 +48,7 @@ var TelescopeSharp = function TelescopeSharp(props) {
 TelescopeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TelescopeSharp.js.map b/lib/TelescopeSharp.js.map
index 62d0c9593..663ada03f 100644
--- a/lib/TelescopeSharp.js.map
+++ b/lib/TelescopeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TelescopeSharp.js"],"names":["TelescopeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6DAAR,GAAjK;AAAwO,8CAAM,GAAE,wOAAR;AAAxO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TelescopeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TelescopeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M1.41 292.9l44.82 76.97 98.14-56.38-44.73-77.37L1.41 292.9z\"/><path d=\"M287.87 252.34l23.67-13.81-63.42-110-132.92 77C133.75 237.51 176 310 176 310l15.53-8.32c.24-.13.55 0 .83 0L102.65 496h35.16l99.05-214.25 23.24-13.4L358 464h36zM262.08 96c24.81 42.23 60.25 104.25 86.4 148.76L510.79 151 424.07 1.41z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescopeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescopeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TelescopeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TelescopeSharp.js"],"names":["TelescopeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6DAAR,GAAhK;AAAwO,8CAAM,GAAE,wOAAR;AAAxO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TelescopeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TelescopeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M1.41 292.9l44.82 76.97 98.14-56.38-44.73-77.37L1.41 292.9z\" /><path d=\"M287.87 252.34l23.67-13.81-63.42-110-132.92 77C133.75 237.51 176 310 176 310l15.53-8.32c.24-.13.55 0 .83 0L102.65 496h35.16l99.05-214.25 23.24-13.4L358 464h36zM262.08 96c24.81 42.23 60.25 104.25 86.4 148.76L510.79 151 424.07 1.41z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTelescopeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTelescopeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TelescopeSharp"]}
\ No newline at end of file
diff --git a/lib/Tennisball.js b/lib/Tennisball.js
index fd73ed18e..59109ebf0 100644
--- a/lib/Tennisball.js
+++ b/lib/Tennisball.js
@@ -48,7 +48,7 @@ var Tennisball = function Tennisball(props) {
 Tennisball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Tennisball.js.map b/lib/Tennisball.js.map
index 1966532aa..d5a7e9680 100644
--- a/lib/Tennisball.js.map
+++ b/lib/Tennisball.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Tennisball.js"],"names":["Tennisball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+PAAR,GAAjK;AAA0a,8CAAM,GAAE,ySAAR;AAA1a;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Tennisball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Tennisball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256a192.55 192.55 0 0032-2.68A224 224 0 00258.68 32 192.55 192.55 0 00256 64c0 105.87 86.13 192 192 192zM253.35 480c.94-5.67 1.65-11.4 2.09-17.18.37-4.88.56-9.86.56-14.79 0-105.87-86.13-192-192-192a192.55 192.55 0 00-32 2.68A224 224 0 00253.35 480z\"/><path d=\"M289.61 222.39A222.53 222.53 0 01224 64a226.07 226.07 0 012-30A224.1 224.1 0 0034 226a226.07 226.07 0 0130-2 222.53 222.53 0 01158.39 65.61A222.53 222.53 0 01288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 00478 286a226.07 226.07 0 01-30 2 222.53 222.53 0 01-158.39-65.61z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisball.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Tennisball"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Tennisball.js"],"names":["Tennisball","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+PAAR,GAAhK;AAA0a,8CAAM,GAAE,ySAAR;AAA1a;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"Tennisball.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Tennisball = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M448 256a192.55 192.55 0 0032-2.68A224 224 0 00258.68 32 192.55 192.55 0 00256 64c0 105.87 86.13 192 192 192zM253.35 480c.94-5.67 1.65-11.4 2.09-17.18.37-4.88.56-9.86.56-14.79 0-105.87-86.13-192-192-192a192.55 192.55 0 00-32 2.68A224 224 0 00253.35 480z\" /><path d=\"M289.61 222.39A222.53 222.53 0 01224 64a226.07 226.07 0 012-30A224.1 224.1 0 0034 226a226.07 226.07 0 0130-2 222.53 222.53 0 01158.39 65.61A222.53 222.53 0 01288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 00478 286a226.07 226.07 0 01-30 2 222.53 222.53 0 01-158.39-65.61z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisball.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisball.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Tennisball"]}
\ No newline at end of file
diff --git a/lib/TennisballOutline.js b/lib/TennisballOutline.js
index 2ba19ad04..5206ae3a6 100644
--- a/lib/TennisballOutline.js
+++ b/lib/TennisballOutline.js
@@ -48,7 +48,7 @@ var TennisballOutline = function TennisballOutline(props) {
 TennisballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TennisballOutline.js.map b/lib/TennisballOutline.js.map
index 02f317590..65daff817 100644
--- a/lib/TennisballOutline.js.map
+++ b/lib/TennisballOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TennisballOutline.js"],"names":["TennisballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,GAAE,sKAAR,EAA+K,MAAK,MAApL,EAA2L,QAAO,cAAlM,EAAiN,eAAc,OAA/N,EAAuO,gBAAe,OAAtP,EAA8P,aAAY,IAA1Q;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TennisballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TennisballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M461.43 271.44c-5.09.37-8.24.56-13.43.56-114.88 0-208-93.12-208-208 0-5.37.2-8.69.6-14M49.65 240.56S58.84 240 64 240c114.88 0 208 93.12 208 208 0 5.38-.61 14-.61 14\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisballOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TennisballOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TennisballOutline.js"],"names":["TennisballOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,GAAE,sKAAR,EAA+K,MAAK,MAApL,EAA2L,QAAO,cAAlM,EAAiN,eAAc,OAA/N,EAAuO,gBAAe,OAAtP,EAA8P,aAAY,IAA1Q;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TennisballOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TennisballOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"208\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M461.43 271.44c-5.09.37-8.24.56-13.43.56-114.88 0-208-93.12-208-208 0-5.37.2-8.69.6-14M49.65 240.56S58.84 240 64 240c114.88 0 208 93.12 208 208 0 5.38-.61 14-.61 14\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisballOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisballOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TennisballOutline"]}
\ No newline at end of file
diff --git a/lib/TennisballSharp.js b/lib/TennisballSharp.js
index 7bdc10dcf..7dbab6b3e 100644
--- a/lib/TennisballSharp.js
+++ b/lib/TennisballSharp.js
@@ -49,7 +49,7 @@ var TennisballSharp = function TennisballSharp(props) {
 TennisballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TennisballSharp.js.map b/lib/TennisballSharp.js.map
index 2c4ef307b..495c74d7f 100644
--- a/lib/TennisballSharp.js.map
+++ b/lib/TennisballSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TennisballSharp.js"],"names":["TennisballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR,GAAjK;AAA6T,8CAAM,GAAE,6UAAR,GAA7T;AAAopB,8CAAM,GAAE,yIAAR;AAAppB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TennisballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TennisballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M246.4 480a181 181 0 003.22-22.86c.35-4.61.53-9.31.53-14 0-100-81.34-181.32-181.32-181.32A181.72 181.72 0 0032 265.61 224.2 224.2 0 00246.4 480z\"/><path d=\"M284.63 227.37A222.73 222.73 0 01219 68.83a227.09 227.09 0 012.62-34.42A224.41 224.41 0 0034.41 221.58 227.09 227.09 0 0168.83 219a222.73 222.73 0 01158.54 65.67A222.73 222.73 0 01293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 00187.24-187.18 227.09 227.09 0 01-34.42 2.58 222.73 222.73 0 01-158.54-65.63z\"/><path d=\"M443.17 250.15a181.72 181.72 0 0036.83-3.76A224.2 224.2 0 00265.61 32a181.72 181.72 0 00-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisballSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TennisballSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TennisballSharp.js"],"names":["TennisballSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR,GAAhK;AAA6T,8CAAM,GAAE,6UAAR,GAA7T;AAAqpB,8CAAM,GAAE,yIAAR;AAArpB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TennisballSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TennisballSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M246.4 480a181 181 0 003.22-22.86c.35-4.61.53-9.31.53-14 0-100-81.34-181.32-181.32-181.32A181.72 181.72 0 0032 265.61 224.2 224.2 0 00246.4 480z\" /><path d=\"M284.63 227.37A222.73 222.73 0 01219 68.83a227.09 227.09 0 012.62-34.42A224.41 224.41 0 0034.41 221.58 227.09 227.09 0 0168.83 219a222.73 222.73 0 01158.54 65.67A222.73 222.73 0 01293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 00187.24-187.18 227.09 227.09 0 01-34.42 2.58 222.73 222.73 0 01-158.54-65.63z\" /><path d=\"M443.17 250.15a181.72 181.72 0 0036.83-3.76A224.2 224.2 0 00265.61 32a181.72 181.72 0 00-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTennisballSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTennisballSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TennisballSharp"]}
\ No newline at end of file
diff --git a/lib/Terminal.js b/lib/Terminal.js
index c8ab79232..5f61c7c45 100644
--- a/lib/Terminal.js
+++ b/lib/Terminal.js
@@ -47,7 +47,7 @@ var Terminal = function Terminal(props) {
 Terminal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Terminal.js.map b/lib/Terminal.js.map
index 26c4eb2fb..c96f450b6 100644
--- a/lib/Terminal.js.map
+++ b/lib/Terminal.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Terminal.js"],"names":["Terminal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4QAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Terminal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Terminal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 32H80a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h352a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM96 256a16 16 0 01-10-28.49L150.39 176 86 124.49a16 16 0 1120-25l80 64a16 16 0 010 25l-80 64A16 16 0 0196 256zm160 0h-64a16 16 0 010-32h64a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminal.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Terminal"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Terminal.js"],"names":["Terminal","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4QAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Terminal.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Terminal = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 32H80a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h352a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM96 256a16 16 0 01-10-28.49L150.39 176 86 124.49a16 16 0 1120-25l80 64a16 16 0 010 25l-80 64A16 16 0 0196 256zm160 0h-64a16 16 0 010-32h64a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminal.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminal.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Terminal"]}
\ No newline at end of file
diff --git a/lib/TerminalOutline.js b/lib/TerminalOutline.js
index 38d2344c9..ab1bf210c 100644
--- a/lib/TerminalOutline.js
+++ b/lib/TerminalOutline.js
@@ -48,7 +48,7 @@ var TerminalOutline = function TerminalOutline(props) {
 TerminalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TerminalOutline.js.map b/lib/TerminalOutline.js.map
index db978bc43..b289cba9c 100644
--- a/lib/TerminalOutline.js.map
+++ b/lib/TerminalOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TerminalOutline.js"],"names":["TerminalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAjK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gCAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TerminalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TerminalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 112l80 64-80 64M192 240h64\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminalOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TerminalOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TerminalOutline.js"],"names":["TerminalOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,IAAhD,EAAqD,IAAG,IAAxD,EAA6D,MAAK,MAAlE,EAAyE,QAAO,cAAhF,EAA+F,gBAAe,OAA9G,EAAsH,aAAY,IAAlI,GAAhK;AAAyS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gCAAxG;AAAzS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TerminalOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TerminalOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"416\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M96 112l80 64-80 64M192 240h64\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminalOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminalOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TerminalOutline"]}
\ No newline at end of file
diff --git a/lib/TerminalSharp.js b/lib/TerminalSharp.js
index 731d8a758..af7153ce6 100644
--- a/lib/TerminalSharp.js
+++ b/lib/TerminalSharp.js
@@ -47,7 +47,7 @@ var TerminalSharp = function TerminalSharp(props) {
 TerminalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TerminalSharp.js.map b/lib/TerminalSharp.js.map
index f6d34ef61..b19998b1a 100644
--- a/lib/TerminalSharp.js.map
+++ b/lib/TerminalSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TerminalSharp.js"],"names":["TerminalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TerminalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TerminalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 44v424a12 12 0 0012 12h456a12 12 0 0012-12V44a12 12 0 00-12-12H28a12 12 0 00-12 12zm57.51 193.5l76.88-61.5-76.88-61.5 20-25 108.1 86.5L93.5 262.49zM272 256h-96v-32h96z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminalSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TerminalSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TerminalSharp.js"],"names":["TerminalSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TerminalSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TerminalSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M16 44v424a12 12 0 0012 12h456a12 12 0 0012-12V44a12 12 0 00-12-12H28a12 12 0 00-12 12zm57.51 193.5l76.88-61.5-76.88-61.5 20-25 108.1 86.5L93.5 262.49zM272 256h-96v-32h96z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTerminalSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTerminalSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TerminalSharp"]}
\ No newline at end of file
diff --git a/lib/Text.js b/lib/Text.js
index 823299aa2..07c8a91e4 100644
--- a/lib/Text.js
+++ b/lib/Text.js
@@ -47,7 +47,7 @@ var Text = function Text(props) {
 Text.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Text.js.map b/lib/Text.js.map
index ad0d2ae23..e80c20820 100644
--- a/lib/Text.js.map
+++ b/lib/Text.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Text.js"],"names":["Text","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6xBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Text.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Text = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M292.6 407.78l-120-320a22 22 0 00-41.2 0l-120 320a22 22 0 0041.2 15.44l36.16-96.42a2 2 0 011.87-1.3h122.74a2 2 0 011.87 1.3l36.16 96.42a22 22 0 0041.2-15.44zm-185.84-129l43.37-115.65a2 2 0 013.74 0l43.37 115.67a2 2 0 01-1.87 2.7h-86.74a2 2 0 01-1.87-2.7zM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0040.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6 32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 01-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8-54.75 6.44-87.43 36.29-87.43 79.85 0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1044 .19v-143c0-56.18-45-102.56-101.23-102.97zM380 394.5c-17.53 0-38-9.43-38-36 0-10.67 3.83-18.14 12.43-24.23 8.37-5.93 21.2-10.16 36.14-11.92 21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 012 2.1C455 370.1 429.46 394.5 380 394.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nText.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nText.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Text"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Text.js"],"names":["Text","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6xBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Text.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Text = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M292.6 407.78l-120-320a22 22 0 00-41.2 0l-120 320a22 22 0 0041.2 15.44l36.16-96.42a2 2 0 011.87-1.3h122.74a2 2 0 011.87 1.3l36.16 96.42a22 22 0 0041.2-15.44zm-185.84-129l43.37-115.65a2 2 0 013.74 0l43.37 115.67a2 2 0 01-1.87 2.7h-86.74a2 2 0 01-1.87-2.7zM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0040.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6 32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 01-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8-54.75 6.44-87.43 36.29-87.43 79.85 0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1044 .19v-143c0-56.18-45-102.56-101.23-102.97zM380 394.5c-17.53 0-38-9.43-38-36 0-10.67 3.83-18.14 12.43-24.23 8.37-5.93 21.2-10.16 36.14-11.92 21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 012 2.1C455 370.1 429.46 394.5 380 394.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nText.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nText.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Text"]}
\ No newline at end of file
diff --git a/lib/TextOutline.js b/lib/TextOutline.js
index 75cf307c3..36f5e392a 100644
--- a/lib/TextOutline.js
+++ b/lib/TextOutline.js
@@ -48,7 +48,7 @@ var TextOutline = function TextOutline(props) {
 TextOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TextOutline.js.map b/lib/TextOutline.js.map
index aa65e9e3a..67d409173 100644
--- a/lib/TextOutline.js.map
+++ b/lib/TextOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TextOutline.js"],"names":["TextOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iGAAxG,GAAjK;AAA4W,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM;AAA5W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TextOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TextOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 415.5l120-320 120 320M230 303.5H74M326 239.5c12.19-28.69 41-48 74-48h0c46 0 80 32 80 80v144\"/><path d=\"M320 358.5c0 36 26.86 58 60 58 54 0 100-27 100-106v-15c-20 0-58 1-92 5-32.77 3.86-68 19-68 58z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTextOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTextOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TextOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TextOutline.js"],"names":["TextOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iGAAxG,GAAhK;AAA4W,8CAAM,GAAE,gGAAR,EAAyG,MAAK,MAA9G,EAAqH,QAAO,cAA5H,EAA2I,eAAc,OAAzJ,EAAiK,gBAAe,OAAhL,EAAwL,aAAY,IAApM;AAA5W;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TextOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TextOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M32 415.5l120-320 120 320M230 303.5H74M326 239.5c12.19-28.69 41-48 74-48h0c46 0 80 32 80 80v144\" /><path d=\"M320 358.5c0 36 26.86 58 60 58 54 0 100-27 100-106v-15c-20 0-58 1-92 5-32.77 3.86-68 19-68 58z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTextOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTextOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TextOutline"]}
\ No newline at end of file
diff --git a/lib/TextSharp.js b/lib/TextSharp.js
index c9e08002e..e579f797b 100644
--- a/lib/TextSharp.js
+++ b/lib/TextSharp.js
@@ -47,7 +47,7 @@ var TextSharp = function TextSharp(props) {
 TextSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TextSharp.js.map b/lib/TextSharp.js.map
index d273268b0..ee9a30f47 100644
--- a/lib/TextSharp.js.map
+++ b/lib/TextSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TextSharp.js"],"names":["TextSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,imBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TextSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TextSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18 6.56-15.22c8.9-21 29.91-34.55 53.53-34.55 34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84-54.52 6.43-87.06 36.23-87.06 79.72 0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170zm-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37 0-10.65 3.82-18.11 12.38-24.19 8.34-5.92 21.12-10.15 36-11.9 21.78-2.57 46.31-3.95 67-4.52-2.16 51.49-27.57 76.98-77.53 76.98zM93.25 325.87h125.5L260.94 438H308L155 48 4 438h47.06zM156 160.71L202.25 282h-92.5z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTextSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTextSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TextSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TextSharp.js"],"names":["TextSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,imBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TextSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TextSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18 6.56-15.22c8.9-21 29.91-34.55 53.53-34.55 34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84-54.52 6.43-87.06 36.23-87.06 79.72 0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170zm-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37 0-10.65 3.82-18.11 12.38-24.19 8.34-5.92 21.12-10.15 36-11.9 21.78-2.57 46.31-3.95 67-4.52-2.16 51.49-27.57 76.98-77.53 76.98zM93.25 325.87h125.5L260.94 438H308L155 48 4 438h47.06zM156 160.71L202.25 282h-92.5z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTextSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTextSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TextSharp"]}
\ No newline at end of file
diff --git a/lib/Thermometer.js b/lib/Thermometer.js
index eb48cbebe..74626a4a7 100644
--- a/lib/Thermometer.js
+++ b/lib/Thermometer.js
@@ -47,7 +47,7 @@ var Thermometer = function Thermometer(props) {
 Thermometer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Thermometer.js.map b/lib/Thermometer.js.map
index 24f9c1ec5..1c6312928 100644
--- a/lib/Thermometer.js.map
+++ b/lib/Thermometer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Thermometer.js"],"names":["Thermometer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0VAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Thermometer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Thermometer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 287.18V81c0-35.12-27.89-64.42-63-64.95a64.08 64.08 0 00-65 64v207.13a8 8 0 01-3.18 6.37A113.48 113.48 0 00144 384a112 112 0 00224 0 113.48 113.48 0 00-44.82-90.45 8 8 0 01-3.18-6.37zM254.07 432a48 48 0 01-22-89.54 16 16 0 008-13.84V112.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 112v216.58a16.18 16.18 0 008.15 13.94A48 48 0 01254.07 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Thermometer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Thermometer.js"],"names":["Thermometer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0VAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Thermometer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Thermometer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 287.18V81c0-35.12-27.89-64.42-63-64.95a64.08 64.08 0 00-65 64v207.13a8 8 0 01-3.18 6.37A113.48 113.48 0 00144 384a112 112 0 00224 0 113.48 113.48 0 00-44.82-90.45 8 8 0 01-3.18-6.37zM254.07 432a48 48 0 01-22-89.54 16 16 0 008-13.84V112.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 112v216.58a16.18 16.18 0 008.15 13.94A48 48 0 01254.07 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Thermometer"]}
\ No newline at end of file
diff --git a/lib/ThermometerOutline.js b/lib/ThermometerOutline.js
index 279116c81..2b4c5bc59 100644
--- a/lib/ThermometerOutline.js
+++ b/lib/ThermometerOutline.js
@@ -48,7 +48,7 @@ var ThermometerOutline = function ThermometerOutline(props) {
 ThermometerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThermometerOutline.js.map b/lib/ThermometerOutline.js.map
index bba54558f..955bf4de0 100644
--- a/lib/ThermometerOutline.js.map
+++ b/lib/ThermometerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThermometerOutline.js"],"names":["ThermometerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6LAAR,EAAsM,MAAK,MAA3M,EAAkN,QAAO,cAAzN,EAAwO,eAAc,OAAtP,EAA8P,kBAAiB,IAA/Q,EAAoR,aAAY,IAAhS,GAAjK;AAAuc,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAvc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ThermometerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThermometerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M307.72 302.27a8 8 0 01-3.72-6.75V80a48 48 0 00-48-48h0a48 48 0 00-48 48v215.52a8 8 0 01-3.71 6.74 97.51 97.51 0 00-44.19 86.07A96 96 0 00352 384a97.49 97.49 0 00-44.28-81.73zM256 112v272\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"384\" r=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThermometerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThermometerOutline.js"],"names":["ThermometerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6LAAR,EAAsM,MAAK,MAA3M,EAAkN,QAAO,cAAzN,EAAwO,eAAc,OAAtP,EAA8P,kBAAiB,IAA/Q,EAAoR,aAAY,IAAhS,GAAhK;AAAuc,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,IAA5B;AAAvc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"ThermometerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThermometerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M307.72 302.27a8 8 0 01-3.72-6.75V80a48 48 0 00-48-48h0a48 48 0 00-48 48v215.52a8 8 0 01-3.71 6.74 97.51 97.51 0 00-44.19 86.07A96 96 0 00352 384a97.49 97.49 0 00-44.28-81.73zM256 112v272\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"384\" r=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThermometerOutline"]}
\ No newline at end of file
diff --git a/lib/ThermometerSharp.js b/lib/ThermometerSharp.js
index 5c432b641..a02b57c35 100644
--- a/lib/ThermometerSharp.js
+++ b/lib/ThermometerSharp.js
@@ -47,7 +47,7 @@ var ThermometerSharp = function ThermometerSharp(props) {
 ThermometerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThermometerSharp.js.map b/lib/ThermometerSharp.js.map
index afe3f94c2..a434b9c6e 100644
--- a/lib/ThermometerSharp.js.map
+++ b/lib/ThermometerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThermometerSharp.js"],"names":["ThermometerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6KAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ThermometerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThermometerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 291.24V80a64 64 0 10-128 0v211.24A113.39 113.39 0 00144 384a112 112 0 00224 0 113.39 113.39 0 00-48-92.76zM256 432a48 48 0 01-16-93.26V96h32v242.74A48 48 0 01256 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThermometerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThermometerSharp.js"],"names":["ThermometerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6KAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"ThermometerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThermometerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 291.24V80a64 64 0 10-128 0v211.24A113.39 113.39 0 00144 384a112 112 0 00224 0 113.39 113.39 0 00-48-92.76zM256 432a48 48 0 01-16-93.26V96h32v242.74A48 48 0 01256 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThermometerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThermometerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThermometerSharp"]}
\ No newline at end of file
diff --git a/lib/ThumbsDown.js b/lib/ThumbsDown.js
index 686a77783..3166f3b3a 100644
--- a/lib/ThumbsDown.js
+++ b/lib/ThumbsDown.js
@@ -50,7 +50,7 @@ var ThumbsDown = function ThumbsDown(props) {
 ThumbsDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsDown.js.map b/lib/ThumbsDown.js.map
index 36f8fa1fe..d2300d32e 100644
--- a/lib/ThumbsDown.js.map
+++ b/lib/ThumbsDown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsDown.js"],"names":["ThumbsDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,ykBAAR,GAAjK;AAAovB,8CAAM,GAAE,6KAAR,EAAsL,MAAK,MAA3L,GAApvB;AAAu7B,8CAAM,GAAE,2EAAR,GAAv7B;AAA4gC,8CAAM,GAAE,8wBAAR;AAA5gC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ThumbsDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88 0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32zm141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54zM90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32zm-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36 0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58z\"/><path d=\"M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z\" fill=\"none\"/><path d=\"M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z\"/><path d=\"M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0014.31-8.85c3-6.06 15.25-24 28.19-42.9 18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.48 16.48 0 015.79-5.23A15.93 15.93 0 01386 272h25.32A84.7 84.7 0 00496 187.3v-38.6A84.7 84.7 0 00411.31 64h-48.79a17.46 17.46 0 01-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 00-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.16 61.16 0 01-5.19 24.77 17.38 17.38 0 000 14.06 63.81 63.81 0 010 50.39 17.32 17.32 0 000 14 62.13 62.13 0 010 49.58 18.13 18.13 0 000 14.68A60.41 60.41 0 01224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 00-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 01.86 11.57c-3 19.35-9.67 36.3-16.74 54.16-3.08 7.78-6.27 15.82-9.22 24.27-6.14 17.56-4.3 35.2 5.05 48.38z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsDown.js"],"names":["ThumbsDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,ykBAAR,GAAhK;AAAovB,8CAAM,GAAE,6KAAR,EAAsL,MAAK,MAA3L,GAApvB;AAAw7B,8CAAM,GAAE,2EAAR,GAAx7B;AAA8gC,8CAAM,GAAE,8wBAAR;AAA9gC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"ThumbsDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88 0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32zm141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54zM90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32zm-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36 0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58z\" /><path d=\"M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z\" fill=\"none\" /><path d=\"M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z\" /><path d=\"M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0014.31-8.85c3-6.06 15.25-24 28.19-42.9 18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.48 16.48 0 015.79-5.23A15.93 15.93 0 01386 272h25.32A84.7 84.7 0 00496 187.3v-38.6A84.7 84.7 0 00411.31 64h-48.79a17.46 17.46 0 01-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 00-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.16 61.16 0 01-5.19 24.77 17.38 17.38 0 000 14.06 63.81 63.81 0 010 50.39 17.32 17.32 0 000 14 62.13 62.13 0 010 49.58 18.13 18.13 0 000 14.68A60.41 60.41 0 01224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 00-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 01.86 11.57c-3 19.35-9.67 36.3-16.74 54.16-3.08 7.78-6.27 15.82-9.22 24.27-6.14 17.56-4.3 35.2 5.05 48.38z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDown"]}
\ No newline at end of file
diff --git a/lib/ThumbsDownOutline.js b/lib/ThumbsDownOutline.js
index dff2bbe1e..71610e056 100644
--- a/lib/ThumbsDownOutline.js
+++ b/lib/ThumbsDownOutline.js
@@ -48,7 +48,7 @@ var ThumbsDownOutline = function ThumbsDownOutline(props) {
 ThumbsDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsDownOutline.js.map b/lib/ThumbsDownOutline.js.map
index 404fbfa25..4a0216473 100644
--- a/lib/ThumbsDownOutline.js.map
+++ b/lib/ThumbsDownOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsDownOutline.js"],"names":["ThumbsDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wOAAR,EAAiP,MAAK,MAAtP,EAA6P,QAAO,cAApQ,EAAmR,eAAc,OAAjS,EAAyS,gBAAe,OAAxT,EAAgU,aAAY,IAA5U,GAAjK;AAAmf,8CAAM,GAAE,4bAAR,EAAqc,MAAK,MAA1c,EAAid,QAAO,cAAxd,EAAue,kBAAiB,IAAxf,EAA6f,aAAY,IAAzgB;AAAnf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ThumbsDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 53.84S208 48 256 48s74 16 96 32h64a64 64 0 0164 64v48a64 64 0 01-64 64h-30a32.34 32.34 0 00-27.37 15.4S350 290.19 324 335.22 248 448 240 464c-29 0-43-22-34-47.71 10.28-29.39 23.71-54.38 27.46-87.09.54-4.78-3.14-12-8-12L96 307\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M96 241l80 2c20 1.84 32 12.4 32 30h0c0 17.6-14 28.84-32 30l-80 4c-17.6 0-32-16.4-32-34v-.17A32 32 0 0196 241zM64 176l112 2c18 .84 32 12.41 32 30h0c0 17.61-14 28.86-32 30l-112 2a32.1 32.1 0 01-32-32h0a32.1 32.1 0 0132-32zM112 48l64 3c21 1.84 32 11.4 32 29h0c0 17.6-14.4 30-32 30l-64 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32zM80 112l96 2c19 .84 32 12.4 32 30h0c0 17.6-13 28.84-32 30l-96 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDownOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsDownOutline.js"],"names":["ThumbsDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wOAAR,EAAiP,MAAK,MAAtP,EAA6P,QAAO,cAApQ,EAAmR,eAAc,OAAjS,EAAyS,gBAAe,OAAxT,EAAgU,aAAY,IAA5U,GAAhK;AAAmf,8CAAM,GAAE,4bAAR,EAAqc,MAAK,MAA1c,EAAid,QAAO,cAAxd,EAAue,kBAAiB,IAAxf,EAA6f,aAAY,IAAzgB;AAAnf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ThumbsDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M192 53.84S208 48 256 48s74 16 96 32h64a64 64 0 0164 64v48a64 64 0 01-64 64h-30a32.34 32.34 0 00-27.37 15.4S350 290.19 324 335.22 248 448 240 464c-29 0-43-22-34-47.71 10.28-29.39 23.71-54.38 27.46-87.09.54-4.78-3.14-12-8-12L96 307\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M96 241l80 2c20 1.84 32 12.4 32 30h0c0 17.6-14 28.84-32 30l-80 4c-17.6 0-32-16.4-32-34v-.17A32 32 0 0196 241zM64 176l112 2c18 .84 32 12.41 32 30h0c0 17.61-14 28.86-32 30l-112 2a32.1 32.1 0 01-32-32h0a32.1 32.1 0 0132-32zM112 48l64 3c21 1.84 32 11.4 32 29h0c0 17.6-14.4 30-32 30l-64 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32zM80 112l96 2c19 .84 32 12.4 32 30h0c0 17.6-13 28.84-32 30l-96 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDownOutline"]}
\ No newline at end of file
diff --git a/lib/ThumbsDownSharp.js b/lib/ThumbsDownSharp.js
index a2a83ee5f..c0ad20792 100644
--- a/lib/ThumbsDownSharp.js
+++ b/lib/ThumbsDownSharp.js
@@ -49,7 +49,7 @@ var ThumbsDownSharp = function ThumbsDownSharp(props) {
 ThumbsDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsDownSharp.js.map b/lib/ThumbsDownSharp.js.map
index 4bd8b8e92..551a8cf02 100644
--- a/lib/ThumbsDownSharp.js.map
+++ b/lib/ThumbsDownSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsDownSharp.js"],"names":["ThumbsDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8PAAR,GAAjK;AAAya,8CAAM,GAAE,6KAAR,EAAsL,MAAK,MAA3L,GAAza;AAA4mB,8CAAM,GAAE,2EAAR;AAA5mB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ThumbsDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M56 320l156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 004.4-1.72l129-202.34a8 8 0 016.81-3.81H496V64H378.39a48 48 0 01-15.18-2.46l-76.3-25.43a80 80 0 00-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z\"/><path d=\"M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z\" fill=\"none\"/><path d=\"M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDownSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsDownSharp.js"],"names":["ThumbsDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8PAAR,GAAhK;AAAya,8CAAM,GAAE,6KAAR,EAAsL,MAAK,MAA3L,GAAza;AAA6mB,8CAAM,GAAE,2EAAR;AAA7mB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ThumbsDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M56 320l156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 004.4-1.72l129-202.34a8 8 0 016.81-3.81H496V64H378.39a48 48 0 01-15.18-2.46l-76.3-25.43a80 80 0 00-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z\" /><path d=\"M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z\" fill=\"none\" /><path d=\"M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsDownSharp"]}
\ No newline at end of file
diff --git a/lib/ThumbsUp.js b/lib/ThumbsUp.js
index 33704e317..5dd720e5c 100644
--- a/lib/ThumbsUp.js
+++ b/lib/ThumbsUp.js
@@ -50,7 +50,7 @@ var ThumbsUp = function ThumbsUp(props) {
 ThumbsUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsUp.js.map b/lib/ThumbsUp.js.map
index 056c243ff..038fa40d9 100644
--- a/lib/ThumbsUp.js.map
+++ b/lib/ThumbsUp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsUp.js"],"names":["ThumbsUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qmBAAR,GAAjK;AAAgxB,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,GAAhxB;AAAu8B,8CAAM,GAAE,0EAAR,GAAv8B;AAA2hC,8CAAM,GAAE,2xBAAR;AAA3hC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"ThumbsUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87 0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32zM330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55zM421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01zm34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37 0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58z\"/><path d=\"M133.55 238.06A15.85 15.85 0 01126 240a15.82 15.82 0 007.51-1.92zM174.14 168.78l.13-.23-.13.23c-20.5 35.51-30.36 54.95-33.82 62 3.47-7.07 13.34-26.51 33.82-62z\" fill=\"none\"/><path d=\"M139.34 232.84l1-2a16.27 16.27 0 01-6.77 7.25 16.35 16.35 0 005.77-5.25z\"/><path d=\"M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 00-14.31 8.84c-3 6.07-15.25 24-28.19 42.91-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 01-5.79 5.22 15.82 15.82 0 01-7.53 2h-25.31A84.69 84.69 0 0016 324.69v38.61a84.69 84.69 0 0084.69 84.7h48.79a17.55 17.55 0 019.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 006.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 015.19-24.77 17.36 17.36 0 000-14.05 63.81 63.81 0 010-50.39 17.32 17.32 0 000-14 62.15 62.15 0 010-49.59 18.13 18.13 0 000-14.68A60.33 60.33 0 01288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 001.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 01-.86-11.58c3-19.34 9.67-36.29 16.74-54.16 3.08-7.78 6.27-15.82 9.22-24.26 6.14-17.57 4.3-35.2-5.05-48.38z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsUp.js"],"names":["ThumbsUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qmBAAR,GAAhK;AAAgxB,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,GAAhxB;AAAw8B,8CAAM,GAAE,0EAAR,GAAx8B;AAA6hC,8CAAM,GAAE,2xBAAR;AAA7hC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"ThumbsUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87 0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32zM330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55zM421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01zm34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37 0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58z\" /><path d=\"M133.55 238.06A15.85 15.85 0 01126 240a15.82 15.82 0 007.51-1.92zM174.14 168.78l.13-.23-.13.23c-20.5 35.51-30.36 54.95-33.82 62 3.47-7.07 13.34-26.51 33.82-62z\" fill=\"none\" /><path d=\"M139.34 232.84l1-2a16.27 16.27 0 01-6.77 7.25 16.35 16.35 0 005.77-5.25z\" /><path d=\"M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 00-14.31 8.84c-3 6.07-15.25 24-28.19 42.91-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 01-5.79 5.22 15.82 15.82 0 01-7.53 2h-25.31A84.69 84.69 0 0016 324.69v38.61a84.69 84.69 0 0084.69 84.7h48.79a17.55 17.55 0 019.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 006.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 015.19-24.77 17.36 17.36 0 000-14.05 63.81 63.81 0 010-50.39 17.32 17.32 0 000-14 62.15 62.15 0 010-49.59 18.13 18.13 0 000-14.68A60.33 60.33 0 01288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 001.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 01-.86-11.58c3-19.34 9.67-36.29 16.74-54.16 3.08-7.78 6.27-15.82 9.22-24.26 6.14-17.57 4.3-35.2-5.05-48.38z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUp"]}
\ No newline at end of file
diff --git a/lib/ThumbsUpOutline.js b/lib/ThumbsUpOutline.js
index 055c44210..94fc09fc0 100644
--- a/lib/ThumbsUpOutline.js
+++ b/lib/ThumbsUpOutline.js
@@ -48,7 +48,7 @@ var ThumbsUpOutline = function ThumbsUpOutline(props) {
 ThumbsUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsUpOutline.js.map b/lib/ThumbsUpOutline.js.map
index 62220da7c..25597504f 100644
--- a/lib/ThumbsUpOutline.js.map
+++ b/lib/ThumbsUpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsUpOutline.js"],"names":["ThumbsUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6OAAR,EAAsP,MAAK,MAA3P,EAAkQ,QAAO,cAAzQ,EAAwR,eAAc,OAAtS,EAA8S,gBAAe,OAA7T,EAAqU,aAAY,IAAjV,GAAjK;AAAwf,8CAAM,GAAE,mcAAR,EAA4c,MAAK,MAAjd,EAAwd,QAAO,cAA/d,EAA8e,kBAAiB,IAA/f,EAAogB,aAAY,IAAhhB;AAAxf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ThumbsUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 458.16S304 464 256 464s-74-16-96-32H96a64 64 0 01-64-64v-48a64 64 0 0164-64h30a32.34 32.34 0 0027.37-15.4S162 221.81 188 176.78 264 64 272 48c29 0 43 22 34 47.71-10.28 29.39-23.71 54.38-27.46 87.09-.54 4.78 3.14 12 7.95 12L416 205\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M416 271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6 14-28.84 32-30l80-4c17.6 0 32 16.4 32 34v.17A32 32 0 01416 271zM448 336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61 14-28.86 32-30l112-2a32.1 32.1 0 0132 32h0a32.1 32.1 0 01-32 32zM400 464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6 14.4-30 32-30l64-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM432 400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6 13-28.84 32-30l96-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsUpOutline.js"],"names":["ThumbsUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6OAAR,EAAsP,MAAK,MAA3P,EAAkQ,QAAO,cAAzQ,EAAwR,eAAc,OAAtS,EAA8S,gBAAe,OAA7T,EAAqU,aAAY,IAAjV,GAAhK;AAAwf,8CAAM,GAAE,mcAAR,EAA4c,MAAK,MAAjd,EAAwd,QAAO,cAA/d,EAA8e,kBAAiB,IAA/f,EAAogB,aAAY,IAAhhB;AAAxf;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"ThumbsUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 458.16S304 464 256 464s-74-16-96-32H96a64 64 0 01-64-64v-48a64 64 0 0164-64h30a32.34 32.34 0 0027.37-15.4S162 221.81 188 176.78 264 64 272 48c29 0 43 22 34 47.71-10.28 29.39-23.71 54.38-27.46 87.09-.54 4.78 3.14 12 7.95 12L416 205\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M416 271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6 14-28.84 32-30l80-4c17.6 0 32 16.4 32 34v.17A32 32 0 01416 271zM448 336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61 14-28.86 32-30l112-2a32.1 32.1 0 0132 32h0a32.1 32.1 0 01-32 32zM400 464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6 14.4-30 32-30l64-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM432 400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6 13-28.84 32-30l96-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUpOutline"]}
\ No newline at end of file
diff --git a/lib/ThumbsUpSharp.js b/lib/ThumbsUpSharp.js
index ea8d141cc..5cbaac0f7 100644
--- a/lib/ThumbsUpSharp.js
+++ b/lib/ThumbsUpSharp.js
@@ -47,7 +47,7 @@ var ThumbsUpSharp = function ThumbsUpSharp(props) {
 ThumbsUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThumbsUpSharp.js.map b/lib/ThumbsUpSharp.js.map
index 38430f8f3..18eb26bbf 100644
--- a/lib/ThumbsUpSharp.js.map
+++ b/lib/ThumbsUpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThumbsUpSharp.js"],"names":["ThumbsUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4PAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ThumbsUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 192l-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 00-4.4 1.72l-129 202.34a8 8 0 01-6.81 3.81H16V448h117.61a48 48 0 0115.18 2.46l76.3 25.43a80 80 0 0025.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThumbsUpSharp.js"],"names":["ThumbsUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4PAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ThumbsUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThumbsUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M456 192l-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 00-4.4 1.72l-129 202.34a8 8 0 01-6.81 3.81H16V448h117.61a48 48 0 0115.18 2.46l76.3 25.43a80 80 0 0025.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThumbsUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThumbsUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThumbsUpSharp"]}
\ No newline at end of file
diff --git a/lib/Thunderstorm.js b/lib/Thunderstorm.js
index 898ae006a..c25120e8b 100644
--- a/lib/Thunderstorm.js
+++ b/lib/Thunderstorm.js
@@ -48,7 +48,7 @@ var Thunderstorm = function Thunderstorm(props) {
 Thunderstorm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Thunderstorm.js.map b/lib/Thunderstorm.js.map
index f39cfd133..98f9a6577 100644
--- a/lib/Thunderstorm.js.map
+++ b/lib/Thunderstorm.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Thunderstorm.js"],"names":["Thunderstorm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gVAAR,GAAjK;AAA2f,8CAAM,GAAE,yQAAR;AAA3f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"Thunderstorm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Thunderstorm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 0196 416zM120 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01120 480zM376 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 01376 416zM400 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01400 480z\"/><path d=\"M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h66.31l-12.89 77.37A16 16 0 00192 416h32v64a16 16 0 0029 9.3l80-112a16 16 0 00-13-25.3h-27.51l8-32h103.84a91.56 91.56 0 001.51-183.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstorm.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstorm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Thunderstorm"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Thunderstorm.js"],"names":["Thunderstorm","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gVAAR,GAAhK;AAA2f,8CAAM,GAAE,yQAAR;AAA3f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"Thunderstorm.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Thunderstorm = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M96 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 0196 416zM120 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01120 480zM376 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 01376 416zM400 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01400 480z\" /><path d=\"M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h66.31l-12.89 77.37A16 16 0 00192 416h32v64a16 16 0 0029 9.3l80-112a16 16 0 00-13-25.3h-27.51l8-32h103.84a91.56 91.56 0 001.51-183.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstorm.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstorm.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Thunderstorm"]}
\ No newline at end of file
diff --git a/lib/ThunderstormOutline.js b/lib/ThunderstormOutline.js
index 1772812ce..81475e0a6 100644
--- a/lib/ThunderstormOutline.js
+++ b/lib/ThunderstormOutline.js
@@ -47,7 +47,7 @@ var ThunderstormOutline = function ThunderstormOutline(props) {
 ThunderstormOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThunderstormOutline.js.map b/lib/ThunderstormOutline.js.map
index 7eb338395..7332525ff 100644
--- a/lib/ThunderstormOutline.js.map
+++ b/lib/ThunderstormOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThunderstormOutline.js"],"names":["ThunderstormOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2TAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ThunderstormOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThunderstormOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M120 352l-24 48M136 432l-16 32M400 352l-24 48M416 432l-16 32M208 304l-16 96h48v80l80-112h-48l16-64M404.33 152.89H392.2C384.71 84.85 326.14 32 256 32a136.39 136.39 0 00-128.63 90.67h-4.57c-49.94 0-90.8 40.8-90.8 90.66h0C32 263.2 72.86 304 122.8 304h281.53C446 304 480 270 480 228.44h0c0-41.55-34-75.55-75.67-75.55z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstormOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstormOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThunderstormOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThunderstormOutline.js"],"names":["ThunderstormOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,2TAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"ThunderstormOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThunderstormOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M120 352l-24 48M136 432l-16 32M400 352l-24 48M416 432l-16 32M208 304l-16 96h48v80l80-112h-48l16-64M404.33 152.89H392.2C384.71 84.85 326.14 32 256 32a136.39 136.39 0 00-128.63 90.67h-4.57c-49.94 0-90.8 40.8-90.8 90.66h0C32 263.2 72.86 304 122.8 304h281.53C446 304 480 270 480 228.44h0c0-41.55-34-75.55-75.67-75.55z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstormOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstormOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThunderstormOutline"]}
\ No newline at end of file
diff --git a/lib/ThunderstormSharp.js b/lib/ThunderstormSharp.js
index 58852d17c..49b45c1e5 100644
--- a/lib/ThunderstormSharp.js
+++ b/lib/ThunderstormSharp.js
@@ -48,7 +48,7 @@ var ThunderstormSharp = function ThunderstormSharp(props) {
 ThunderstormSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ThunderstormSharp.js.map b/lib/ThunderstormSharp.js.map
index 39bda3f78..3accb1248 100644
--- a/lib/ThunderstormSharp.js.map
+++ b/lib/ThunderstormSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ThunderstormSharp.js"],"names":["ThunderstormSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+MAAR,GAAjK;AAA0X,8CAAM,GAAE,gOAAR;AAA1X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ThunderstormSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThunderstormSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h72.31L176 416h48v80l112-144h-43.51l8-32h103.84a91.56 91.56 0 001.51-183.1z\"/><path d=\"M74.53 407.177l38.32-76.622 28.62 14.313-38.32 76.623zM98.52 471.189l30.318-60.622 28.62 14.313-30.317 60.622zM354.541 407.189l38.32-76.623 28.62 14.314-38.32 76.622zM378.542 471.2l30.317-60.622 28.62 14.314-30.317 60.621z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstormSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstormSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThunderstormSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ThunderstormSharp.js"],"names":["ThunderstormSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+MAAR,GAAhK;AAA0X,8CAAM,GAAE,gOAAR;AAA1X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"ThunderstormSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ThunderstormSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h72.31L176 416h48v80l112-144h-43.51l8-32h103.84a91.56 91.56 0 001.51-183.1z\" /><path d=\"M74.53 407.177l38.32-76.622 28.62 14.313-38.32 76.623zM98.52 471.189l30.318-60.622 28.62 14.313-30.317 60.622zM354.541 407.189l38.32-76.623 28.62 14.314-38.32 76.622zM378.542 471.2l30.317-60.622 28.62 14.314-30.317 60.621z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nThunderstormSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nThunderstormSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ThunderstormSharp"]}
\ No newline at end of file
diff --git a/lib/Ticket.js b/lib/Ticket.js
index 137fa2d11..f7b96e01c 100644
--- a/lib/Ticket.js
+++ b/lib/Ticket.js
@@ -47,7 +47,7 @@ var Ticket = function Ticket(props) {
 Ticket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Ticket.js.map b/lib/Ticket.js.map
index 46950eb71..cb4b2a997 100644
--- a/lib/Ticket.js.map
+++ b/lib/Ticket.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Ticket.js"],"names":["Ticket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,y2BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Ticket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ticket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M490.18 181.4l-44.13-44.13a20 20 0 00-27-1 30.81 30.81 0 01-41.68-1.6 30.81 30.81 0 01-1.6-41.67 20 20 0 00-1-27L330.6 21.82a19.91 19.91 0 00-28.13 0l-70.35 70.34a39.87 39.87 0 00-9.57 15.5 7.71 7.71 0 01-4.83 4.83 39.78 39.78 0 00-15.5 9.58l-180.4 180.4a19.91 19.91 0 000 28.13L66 374.73a20 20 0 0027 1 30.69 30.69 0 0143.28 43.28 20 20 0 001 27l44.13 44.13a19.91 19.91 0 0028.13 0l180.4-180.4a39.82 39.82 0 009.58-15.49 7.69 7.69 0 014.84-4.84 39.84 39.84 0 0015.49-9.57l70.34-70.35a19.91 19.91 0 00-.01-28.09zm-228.37-29.65a16 16 0 01-22.63 0l-11.51-11.51a16 16 0 0122.63-22.62l11.51 11.5a16 16 0 010 22.63zm44 44a16 16 0 01-22.62 0l-11-11a16 16 0 1122.63-22.63l11 11a16 16 0 01.01 22.66zm44 44a16 16 0 01-22.63 0l-11-11a16 16 0 0122.63-22.62l11 11a16 16 0 01.05 22.67zm44.43 44.54a16 16 0 01-22.63 0l-11.44-11.5a16 16 0 1122.68-22.57l11.45 11.49a16 16 0 01-.01 22.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicket.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ticket"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Ticket.js"],"names":["Ticket","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,y2BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Ticket.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Ticket = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M490.18 181.4l-44.13-44.13a20 20 0 00-27-1 30.81 30.81 0 01-41.68-1.6 30.81 30.81 0 01-1.6-41.67 20 20 0 00-1-27L330.6 21.82a19.91 19.91 0 00-28.13 0l-70.35 70.34a39.87 39.87 0 00-9.57 15.5 7.71 7.71 0 01-4.83 4.83 39.78 39.78 0 00-15.5 9.58l-180.4 180.4a19.91 19.91 0 000 28.13L66 374.73a20 20 0 0027 1 30.69 30.69 0 0143.28 43.28 20 20 0 001 27l44.13 44.13a19.91 19.91 0 0028.13 0l180.4-180.4a39.82 39.82 0 009.58-15.49 7.69 7.69 0 014.84-4.84 39.84 39.84 0 0015.49-9.57l70.34-70.35a19.91 19.91 0 00-.01-28.09zm-228.37-29.65a16 16 0 01-22.63 0l-11.51-11.51a16 16 0 0122.63-22.62l11.51 11.5a16 16 0 010 22.63zm44 44a16 16 0 01-22.62 0l-11-11a16 16 0 1122.63-22.63l11 11a16 16 0 01.01 22.66zm44 44a16 16 0 01-22.63 0l-11-11a16 16 0 0122.63-22.62l11 11a16 16 0 01.05 22.67zm44.43 44.54a16 16 0 01-22.63 0l-11.44-11.5a16 16 0 1122.68-22.57l11.45 11.49a16 16 0 01-.01 22.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicket.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicket.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Ticket"]}
\ No newline at end of file
diff --git a/lib/TicketOutline.js b/lib/TicketOutline.js
index 7a66bd3d4..f896ff33b 100644
--- a/lib/TicketOutline.js
+++ b/lib/TicketOutline.js
@@ -48,7 +48,7 @@ var TicketOutline = function TicketOutline(props) {
 TicketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TicketOutline.js.map b/lib/TicketOutline.js.map
index c088e1c50..465548d2b 100644
--- a/lib/TicketOutline.js.map
+++ b/lib/TicketOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TicketOutline.js"],"names":["TicketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,khBAAjF,GAAjK;AAAswB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,eAAc,OAA7F,EAAqG,GAAE,uGAAvG;AAAtwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TicketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TicketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M366.05 146a46.7 46.7 0 01-2.42-63.42 3.87 3.87 0 00-.22-5.26l-44.13-44.18a3.89 3.89 0 00-5.5 0l-70.34 70.34a23.62 23.62 0 00-5.71 9.24h0a23.66 23.66 0 01-14.95 15h0a23.7 23.7 0 00-9.25 5.71L33.14 313.78a3.89 3.89 0 000 5.5l44.13 44.13a3.87 3.87 0 005.26.22 46.69 46.69 0 0165.84 65.84 3.87 3.87 0 00.22 5.26l44.13 44.13a3.89 3.89 0 005.5 0l180.4-180.39a23.7 23.7 0 005.71-9.25h0a23.66 23.66 0 0114.95-15h0a23.62 23.62 0 009.24-5.71l70.34-70.34a3.89 3.89 0 000-5.5l-44.13-44.13a3.87 3.87 0 00-5.26-.22 46.7 46.7 0 01-63.42-2.32z\"/><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M250.5 140.44l-16.51-16.51M294.52 184.46l-11.01-11M338.54 228.49l-11-11.01M388.07 278.01l-16.51-16.51\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicketOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TicketOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TicketOutline.js"],"names":["TicketOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,GAAE,khBAAjF,GAAhK;AAAswB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,kBAAiB,IAAzD,EAA8D,aAAY,IAA1E,EAA+E,eAAc,OAA7F,EAAqG,GAAE,uGAAvG;AAAtwB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TicketOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TicketOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M366.05 146a46.7 46.7 0 01-2.42-63.42 3.87 3.87 0 00-.22-5.26l-44.13-44.18a3.89 3.89 0 00-5.5 0l-70.34 70.34a23.62 23.62 0 00-5.71 9.24h0a23.66 23.66 0 01-14.95 15h0a23.7 23.7 0 00-9.25 5.71L33.14 313.78a3.89 3.89 0 000 5.5l44.13 44.13a3.87 3.87 0 005.26.22 46.69 46.69 0 0165.84 65.84 3.87 3.87 0 00.22 5.26l44.13 44.13a3.89 3.89 0 005.5 0l180.4-180.39a23.7 23.7 0 005.71-9.25h0a23.66 23.66 0 0114.95-15h0a23.62 23.62 0 009.24-5.71l70.34-70.34a3.89 3.89 0 000-5.5l-44.13-44.13a3.87 3.87 0 00-5.26-.22 46.7 46.7 0 01-63.42-2.32z\" /><path fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M250.5 140.44l-16.51-16.51M294.52 184.46l-11.01-11M338.54 228.49l-11-11.01M388.07 278.01l-16.51-16.51\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicketOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicketOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TicketOutline"]}
\ No newline at end of file
diff --git a/lib/TicketSharp.js b/lib/TicketSharp.js
index 120e90064..431545812 100644
--- a/lib/TicketSharp.js
+++ b/lib/TicketSharp.js
@@ -47,7 +47,7 @@ var TicketSharp = function TicketSharp(props) {
 TicketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TicketSharp.js.map b/lib/TicketSharp.js.map
index 1c1361d9b..f28bd0211 100644
--- a/lib/TicketSharp.js.map
+++ b/lib/TicketSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TicketSharp.js"],"names":["TicketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kYAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TicketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TicketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426.24 127.72l-10.94 10.94a29.67 29.67 0 01-42-42l10.94-10.94L314.52 16l-88 88-4 12.09-12.09 4L16 314.52l69.76 69.76 10.94-10.94a29.67 29.67 0 0142 42l-10.94 10.94L197.48 496l194.4-194.4 4-12.09 12.09-4 88-88zm-208.56 5.43l21.87-21.87 33 33-21.88 21.87zm43 43l21.88-21.88 32.52 32.52-21.88 21.88zm42.56 42.56l21.88-21.88 32.52 32.52-21.84 21.93zm75.57 75.56l-33-33 21.87-21.88 33 33z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicketSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TicketSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TicketSharp.js"],"names":["TicketSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kYAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TicketSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TicketSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M426.24 127.72l-10.94 10.94a29.67 29.67 0 01-42-42l10.94-10.94L314.52 16l-88 88-4 12.09-12.09 4L16 314.52l69.76 69.76 10.94-10.94a29.67 29.67 0 0142 42l-10.94 10.94L197.48 496l194.4-194.4 4-12.09 12.09-4 88-88zm-208.56 5.43l21.87-21.87 33 33-21.88 21.87zm43 43l21.88-21.88 32.52 32.52-21.88 21.88zm42.56 42.56l21.88-21.88 32.52 32.52-21.84 21.93zm75.57 75.56l-33-33 21.87-21.88 33 33z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTicketSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTicketSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TicketSharp"]}
\ No newline at end of file
diff --git a/lib/Time.js b/lib/Time.js
index c4e25413b..f30adbe27 100644
--- a/lib/Time.js
+++ b/lib/Time.js
@@ -47,7 +47,7 @@ var Time = function Time(props) {
 Time.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Time.js.map b/lib/Time.js.map
index 584ca0bb3..b7248d5d4 100644
--- a/lib/Time.js.map
+++ b/lib/Time.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Time.js"],"names":["Time","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Time.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Time = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 240h-96a16 16 0 01-16-16V128a16 16 0 0132 0v128h80a16 16 0 010 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTime.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTime.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Time"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Time.js"],"names":["Time","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Time.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Time = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 240h-96a16 16 0 01-16-16V128a16 16 0 0132 0v128h80a16 16 0 010 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTime.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTime.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Time"]}
\ No newline at end of file
diff --git a/lib/TimeOutline.js b/lib/TimeOutline.js
index 5151c7d4e..1865528ac 100644
--- a/lib/TimeOutline.js
+++ b/lib/TimeOutline.js
@@ -48,7 +48,7 @@ var TimeOutline = function TimeOutline(props) {
 TimeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TimeOutline.js.map b/lib/TimeOutline.js.map
index c5d9affe7..9b0f94da2 100644
--- a/lib/TimeOutline.js.map
+++ b/lib/TimeOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TimeOutline.js"],"names":["TimeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAjK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TimeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 128v144h96\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimeOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimeOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TimeOutline.js"],"names":["TimeOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,EAAoF,MAAK,MAAzF,EAAgG,QAAO,cAAvG,EAAsH,kBAAiB,IAAvI,EAA4I,aAAY,IAAxJ,GAAhK;AAA+T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,iBAAxG;AAA/T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TimeOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimeOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 128v144h96\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimeOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimeOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimeOutline"]}
\ No newline at end of file
diff --git a/lib/TimeSharp.js b/lib/TimeSharp.js
index 0646bdae8..1bf024a61 100644
--- a/lib/TimeSharp.js
+++ b/lib/TimeSharp.js
@@ -47,7 +47,7 @@ var TimeSharp = function TimeSharp(props) {
 TimeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TimeSharp.js.map b/lib/TimeSharp.js.map
index 207a10628..fa4d98160 100644
--- a/lib/TimeSharp.js.map
+++ b/lib/TimeSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TimeSharp.js"],"names":["TimeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kNAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TimeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256c0 114.69 93.32 208 208 208 114.86 0 208-93.14 208-208 0-114.69-93.31-208-208-208zm108 240H244a4 4 0 01-4-4V116a4 4 0 014-4h24a4 4 0 014 4v140h92a4 4 0 014 4v24a4 4 0 01-4 4z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimeSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimeSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TimeSharp.js"],"names":["TimeSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kNAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TimeSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimeSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.13 48 48 141.13 48 256c0 114.69 93.32 208 208 208 114.86 0 208-93.14 208-208 0-114.69-93.31-208-208-208zm108 240H244a4 4 0 01-4-4V116a4 4 0 014-4h24a4 4 0 014 4v140h92a4 4 0 014 4v24a4 4 0 01-4 4z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimeSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimeSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimeSharp"]}
\ No newline at end of file
diff --git a/lib/Timer.js b/lib/Timer.js
index 75b4c8d19..ec2c183d2 100644
--- a/lib/Timer.js
+++ b/lib/Timer.js
@@ -47,7 +47,7 @@ var Timer = function Timer(props) {
 Timer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Timer.js.map b/lib/Timer.js.map
index 866aa1d5b..920f9eb46 100644
--- a/lib/Timer.js.map
+++ b/lib/Timer.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Timer.js"],"names":["Timer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mfAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Timer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Timer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm-82.33 114.34l105 71a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8-8l-71-105a8.13 8.13 0 0111.32-11.32zM256 432c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72 14.15 14.15 0 1119.64 20.37A146.53 146.53 0 00108.3 256c0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55a14.15 14.15 0 11-28.3 0V94.15A14.15 14.15 0 01256 80c97.05 0 176 79 176 176s-78.95 176-176 176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimer.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Timer"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Timer.js"],"names":["Timer","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mfAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Timer.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Timer = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm-82.33 114.34l105 71a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8-8l-71-105a8.13 8.13 0 0111.32-11.32zM256 432c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72 14.15 14.15 0 1119.64 20.37A146.53 146.53 0 00108.3 256c0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55a14.15 14.15 0 11-28.3 0V94.15A14.15 14.15 0 01256 80c97.05 0 176 79 176 176s-78.95 176-176 176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimer.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimer.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Timer"]}
\ No newline at end of file
diff --git a/lib/TimerOutline.js b/lib/TimerOutline.js
index 567569deb..24b38f50c 100644
--- a/lib/TimerOutline.js
+++ b/lib/TimerOutline.js
@@ -48,7 +48,7 @@ var TimerOutline = function TimerOutline(props) {
 TimerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TimerOutline.js.map b/lib/TimerOutline.js.map
index 08d5ed502..38df8bc9f 100644
--- a/lib/TimerOutline.js.map
+++ b/lib/TimerOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TimerOutline.js"],"names":["TimerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ,GAAjK;AAAwa,8CAAM,GAAE,gHAAR;AAAxa;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TimerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112.91 128A191.85 191.85 0 0064 254c-1.18 106.35 85.65 193.8 192 194 106.2.2 192-85.83 192-192 0-104.54-83.55-189.61-187.5-192a4.36 4.36 0 00-4.5 4.37V152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M233.38 278.63l-79-113a8.13 8.13 0 0111.32-11.32l113 79a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8.07-7.94z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimerOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimerOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TimerOutline.js"],"names":["TimerOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6JAAR,EAAsK,MAAK,MAA3K,EAAkL,QAAO,cAAzL,EAAwM,eAAc,OAAtN,EAA8N,gBAAe,OAA7O,EAAqP,aAAY,IAAjQ,GAAhK;AAAwa,8CAAM,GAAE,gHAAR;AAAxa;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TimerOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimerOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112.91 128A191.85 191.85 0 0064 254c-1.18 106.35 85.65 193.8 192 194 106.2.2 192-85.83 192-192 0-104.54-83.55-189.61-187.5-192a4.36 4.36 0 00-4.5 4.37V152\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M233.38 278.63l-79-113a8.13 8.13 0 0111.32-11.32l113 79a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8.07-7.94z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimerOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimerOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimerOutline"]}
\ No newline at end of file
diff --git a/lib/TimerSharp.js b/lib/TimerSharp.js
index a020a5a5f..d908496fd 100644
--- a/lib/TimerSharp.js
+++ b/lib/TimerSharp.js
@@ -47,7 +47,7 @@ var TimerSharp = function TimerSharp(props) {
 TimerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TimerSharp.js.map b/lib/TimerSharp.js.map
index 4391ef059..d485dae99 100644
--- a/lib/TimerSharp.js.map
+++ b/lib/TimerSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TimerSharp.js"],"names":["TimerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8WAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TimerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm0 384c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72L279 233l-19 30-125-91c-13 23-26.7 46-26.7 84 0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55h-28.3V79.89c4.24.07 8.94.11 14.15.11 97.05 0 176 79 176 176s-78.95 176-176 176z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimerSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimerSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TimerSharp.js"],"names":["TimerSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8WAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TimerSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TimerSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm0 384c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72L279 233l-19 30-125-91c-13 23-26.7 46-26.7 84 0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55h-28.3V79.89c4.24.07 8.94.11 14.15.11 97.05 0 176 79 176 176s-78.95 176-176 176z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTimerSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTimerSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TimerSharp"]}
\ No newline at end of file
diff --git a/lib/Today.js b/lib/Today.js
index 2525cadc1..115197216 100644
--- a/lib/Today.js
+++ b/lib/Today.js
@@ -47,7 +47,7 @@ var Today = function Today(props) {
 Today.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Today.js.map b/lib/Today.js.map
index 0a4af3144..bcd723b91 100644
--- a/lib/Today.js.map
+++ b/lib/Today.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Today.js"],"names":["Today","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iaAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Today.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Today = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4v-12a64 64 0 00-64-64zM477 176H35a3 3 0 00-3 3v237a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3zM224 307.43A28.57 28.57 0 01195.43 336h-70.86A28.57 28.57 0 0196 307.43v-70.86A28.57 28.57 0 01124.57 208h70.86A28.57 28.57 0 01224 236.57z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nToday.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToday.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Today"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Today.js"],"names":["Today","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iaAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Today.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Today = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4v-12a64 64 0 00-64-64zM477 176H35a3 3 0 00-3 3v237a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3zM224 307.43A28.57 28.57 0 01195.43 336h-70.86A28.57 28.57 0 0196 307.43v-70.86A28.57 28.57 0 01124.57 208h70.86A28.57 28.57 0 01224 236.57z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nToday.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToday.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Today"]}
\ No newline at end of file
diff --git a/lib/TodayOutline.js b/lib/TodayOutline.js
index 367f83e7c..c6a8fdb42 100644
--- a/lib/TodayOutline.js
+++ b/lib/TodayOutline.js
@@ -50,7 +50,7 @@ var TodayOutline = function TodayOutline(props) {
 TodayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TodayOutline.js.map b/lib/TodayOutline.js.map
index 7a748a5fc..3ebbd89ca 100644
--- a/lib/TodayOutline.js.map
+++ b/lib/TodayOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TodayOutline.js"],"names":["TodayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAjK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,sBAAxG,GAAjS;AAAia,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,KAAxG,EAA8G,GAAE,KAAhH,EAAsH,OAAM,IAA5H,EAAiI,QAAO,IAAxI,EAA6I,IAAG,IAAhJ,GAAja;AAAujB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,aAAxG;AAAvjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TodayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TodayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32\"/><rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" x=\"112\" y=\"224\" width=\"96\" height=\"96\" rx=\"13\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M464 160H48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTodayOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTodayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TodayOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TodayOutline.js"],"names":["TodayOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,IAAlF,EAAuF,GAAE,IAAzF,EAA8F,OAAM,KAApG,EAA0G,QAAO,KAAjH,EAAuH,IAAG,IAA1H,GAAhK;AAAiS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,sBAAxG,GAAjS;AAAka,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,KAAxG,EAA8G,GAAE,KAAhH,EAAsH,OAAM,IAA5H,EAAiI,QAAO,IAAxI,EAA6I,IAAG,IAAhJ,GAAla;AAAyjB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,eAAc,OAA9F,EAAsG,GAAE,aAAxG;AAAzjB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TodayOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TodayOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" x=\"48\" y=\"80\" width=\"416\" height=\"384\" rx=\"48\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M128 48v32M384 48v32\" /><rect fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" x=\"112\" y=\"224\" width=\"96\" height=\"96\" rx=\"13\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" strokeLinecap=\"round\" d=\"M464 160H48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTodayOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTodayOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TodayOutline"]}
\ No newline at end of file
diff --git a/lib/TodaySharp.js b/lib/TodaySharp.js
index 42f8a0eb6..2dbfe08cb 100644
--- a/lib/TodaySharp.js
+++ b/lib/TodaySharp.js
@@ -47,7 +47,7 @@ var TodaySharp = function TodaySharp(props) {
 TodaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TodaySharp.js.map b/lib/TodaySharp.js.map
index 021b01b17..66117fea3 100644
--- a/lib/TodaySharp.js.map
+++ b/lib/TodaySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TodaySharp.js"],"names":["TodaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,+RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TodaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TodaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm80-238.86a9.14 9.14 0 019.14-9.14h109.72a9.14 9.14 0 019.14 9.14v109.72a9.14 9.14 0 01-9.14 9.14H121.14a9.14 9.14 0 01-9.14-9.14zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTodaySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTodaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TodaySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TodaySharp.js"],"names":["TodaySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,+RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TodaySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TodaySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm80-238.86a9.14 9.14 0 019.14-9.14h109.72a9.14 9.14 0 019.14 9.14v109.72a9.14 9.14 0 01-9.14 9.14H121.14a9.14 9.14 0 01-9.14-9.14zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTodaySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTodaySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TodaySharp"]}
\ No newline at end of file
diff --git a/lib/Toggle.js b/lib/Toggle.js
index 564a314d2..bfb593705 100644
--- a/lib/Toggle.js
+++ b/lib/Toggle.js
@@ -47,7 +47,7 @@ var Toggle = function Toggle(props) {
 Toggle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Toggle.js.map b/lib/Toggle.js.map
index 0bf2cc31f..8ffaccb2a 100644
--- a/lib/Toggle.js.map
+++ b/lib/Toggle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Toggle.js"],"names":["Toggle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2JAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Toggle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Toggle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 112H144C64.6 112 0 176.6 0 256s64.6 144 144 144h224c79.4 0 144-64.6 144-144s-64.6-144-144-144zm0 256a112 112 0 11112-112 112.12 112.12 0 01-112 112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Toggle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Toggle.js"],"names":["Toggle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2JAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Toggle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Toggle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 112H144C64.6 112 0 176.6 0 256s64.6 144 144 144h224c79.4 0 144-64.6 144-144s-64.6-144-144-144zm0 256a112 112 0 11112-112 112.12 112.12 0 01-112 112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Toggle"]}
\ No newline at end of file
diff --git a/lib/ToggleOutline.js b/lib/ToggleOutline.js
index a3dfb7d02..b6d25a140 100644
--- a/lib/ToggleOutline.js
+++ b/lib/ToggleOutline.js
@@ -48,7 +48,7 @@ var ToggleOutline = function ToggleOutline(props) {
 ToggleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ToggleOutline.js.map b/lib/ToggleOutline.js.map
index 828e18d72..5a8a7d4ba 100644
--- a/lib/ToggleOutline.js.map
+++ b/lib/ToggleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ToggleOutline.js"],"names":["ToggleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAjK;AAA8Q,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,KAAjD,EAAuD,IAAG,KAA1D,EAAgE,MAAK,MAArE,EAA4E,QAAO,cAAnF,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ToggleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ToggleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"368\" cy=\"256\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"16\" y=\"128\" width=\"480\" height=\"256\" rx=\"128\" ry=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ToggleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ToggleOutline.js"],"names":["ToggleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,gBAAe,OAAnF,EAA2F,aAAY,IAAvG,GAAhK;AAA8Q,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,KAAjD,EAAuD,IAAG,KAA1D,EAAgE,MAAK,MAArE,EAA4E,QAAO,cAAnF,EAAkG,gBAAe,OAAjH,EAAyH,aAAY,IAArI;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"ToggleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ToggleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"368\" cy=\"256\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"16\" y=\"128\" width=\"480\" height=\"256\" rx=\"128\" ry=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ToggleOutline"]}
\ No newline at end of file
diff --git a/lib/ToggleSharp.js b/lib/ToggleSharp.js
index 90a9f9dc3..d3c977fa9 100644
--- a/lib/ToggleSharp.js
+++ b/lib/ToggleSharp.js
@@ -47,7 +47,7 @@ var ToggleSharp = function ToggleSharp(props) {
 ToggleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/ToggleSharp.js.map b/lib/ToggleSharp.js.map
index 4209a1d28..c34d4049b 100644
--- a/lib/ToggleSharp.js.map
+++ b/lib/ToggleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/ToggleSharp.js"],"names":["ToggleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ToggleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ToggleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 112H144a144 144 0 000 288h224a144 144 0 000-288zm0 230a86 86 0 1186-86 85.88 85.88 0 01-86 86z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ToggleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/ToggleSharp.js"],"names":["ToggleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"ToggleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst ToggleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M368 112H144a144 144 0 000 288h224a144 144 0 000-288zm0 230a86 86 0 1186-86 85.88 85.88 0 01-86 86z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nToggleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nToggleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default ToggleSharp"]}
\ No newline at end of file
diff --git a/lib/TrailSign.js b/lib/TrailSign.js
index 17a2b85b2..ce592e3cb 100644
--- a/lib/TrailSign.js
+++ b/lib/TrailSign.js
@@ -47,7 +47,7 @@ var TrailSign = function TrailSign(props) {
 TrailSign.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrailSign.js.map b/lib/TrailSign.js.map
index 04cf6724b..61074bbd2 100644
--- a/lib/TrailSign.js.map
+++ b/lib/TrailSign.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrailSign.js"],"names":["TrailSign","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TrailSign.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSign = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M491.31 324.69L432 265.37a31.8 31.8 0 00-22.63-9.37H272v-32h144a32 32 0 0032-32V96a32 32 0 00-32-32H272V48a16 16 0 00-32 0v16H102.63A31.8 31.8 0 0080 73.37l-59.31 59.32a16 16 0 000 22.62L80 214.63a31.8 31.8 0 0022.63 9.37H240v32H96a32 32 0 00-32 32v96a32 32 0 0032 32h144v48a16 16 0 0032 0v-48h137.37a31.8 31.8 0 0022.63-9.37l59.31-59.32a16 16 0 000-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSign.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSign.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSign"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrailSign.js"],"names":["TrailSign","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TrailSign.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSign = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M491.31 324.69L432 265.37a31.8 31.8 0 00-22.63-9.37H272v-32h144a32 32 0 0032-32V96a32 32 0 00-32-32H272V48a16 16 0 00-32 0v16H102.63A31.8 31.8 0 0080 73.37l-59.31 59.32a16 16 0 000 22.62L80 214.63a31.8 31.8 0 0022.63 9.37H240v32H96a32 32 0 00-32 32v96a32 32 0 0032 32h144v48a16 16 0 0032 0v-48h137.37a31.8 31.8 0 0022.63-9.37l59.31-59.32a16 16 0 000-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSign.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSign.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSign"]}
\ No newline at end of file
diff --git a/lib/TrailSignOutline.js b/lib/TrailSignOutline.js
index 4e0f333f1..1af5bfb34 100644
--- a/lib/TrailSignOutline.js
+++ b/lib/TrailSignOutline.js
@@ -47,7 +47,7 @@ var TrailSignOutline = function TrailSignOutline(props) {
 TrailSignOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrailSignOutline.js.map b/lib/TrailSignOutline.js.map
index 3375bec4e..845dd98e2 100644
--- a/lib/TrailSignOutline.js.map
+++ b/lib/TrailSignOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrailSignOutline.js"],"names":["TrailSignOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6QAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TrailSignOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSignOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 400v64M256 208v64M256 48v32M416 208H102.63a16 16 0 01-11.32-4.69L32 144l59.31-59.31A16 16 0 01102.63 80H416a16 16 0 0116 16v96a16 16 0 01-16 16zM96 400h313.37a16 16 0 0011.32-4.69L480 336l-59.31-59.31a16 16 0 00-11.32-4.69H96a16 16 0 00-16 16v96a16 16 0 0016 16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSignOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSignOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSignOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrailSignOutline.js"],"names":["TrailSignOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,6QAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TrailSignOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSignOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M256 400v64M256 208v64M256 48v32M416 208H102.63a16 16 0 01-11.32-4.69L32 144l59.31-59.31A16 16 0 01102.63 80H416a16 16 0 0116 16v96a16 16 0 01-16 16zM96 400h313.37a16 16 0 0011.32-4.69L480 336l-59.31-59.31a16 16 0 00-11.32-4.69H96a16 16 0 00-16 16v96a16 16 0 0016 16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSignOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSignOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSignOutline"]}
\ No newline at end of file
diff --git a/lib/TrailSignSharp.js b/lib/TrailSignSharp.js
index b25281ca1..c6a8dbd25 100644
--- a/lib/TrailSignSharp.js
+++ b/lib/TrailSignSharp.js
@@ -47,7 +47,7 @@ var TrailSignSharp = function TrailSignSharp(props) {
 TrailSignSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrailSignSharp.js.map b/lib/TrailSignSharp.js.map
index fbb2413dd..9dcfdc008 100644
--- a/lib/TrailSignSharp.js.map
+++ b/lib/TrailSignSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrailSignSharp.js"],"names":["TrailSignSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wGAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TrailSignSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSignSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M502.63 336l-80-80H278v-32h170V64H278V32h-44v32H89.37l-80 80 80 80H234v32H64v160h170v64h44v-64h144.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSignSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSignSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSignSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrailSignSharp.js"],"names":["TrailSignSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wGAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"TrailSignSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrailSignSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M502.63 336l-80-80H278v-32h170V64H278V32h-44v32H89.37l-80 80 80 80H234v32H64v160h170v64h44v-64h144.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrailSignSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrailSignSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrailSignSharp"]}
\ No newline at end of file
diff --git a/lib/Train.js b/lib/Train.js
index 78b0d9e3b..15a0dab42 100644
--- a/lib/Train.js
+++ b/lib/Train.js
@@ -49,7 +49,7 @@ var Train = function Train(props) {
 Train.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Train.js.map b/lib/Train.js.map
index bf9e058d2..15716d091 100644
--- a/lib/Train.js.map
+++ b/lib/Train.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Train.js"],"names":["Train","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,OAA9B,EAAsC,IAAG,OAAzC,EAAiD,WAAU,yBAA3D,GAAjK;AAAuP,8CAAM,GAAE,4ZAAR,GAAvP;AAA6pB,8CAAM,GAAE,yOAAR;AAA7pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Train.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Train = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"304\" rx=\"32.05\" ry=\"31.94\" transform=\"rotate(-45 256.001 304)\"/><path d=\"M352 32h-15a10 10 0 01-7.87-3.78A31.94 31.94 0 00304 16h-96a32 32 0 00-26.11 13.52A6 6 0 01177 32h-17c-36.81 0-64 28.84-64 64v255c0 23.27 25.6 42.06 83 60.94a753 753 0 0073.77 19.73 16 16 0 006.46 0A753 753 0 00333 411.94c57.4-18.88 83-37.67 83-60.94V96a64 64 0 00-64-64zm-168 96h144a8 8 0 018 8v48a8 8 0 01-8 8H184a8 8 0 01-8-8v-48a8 8 0 018-8zm76.18 239.87a64 64 0 1159.69-59.69 64.07 64.07 0 01-59.69 59.69z\"/><path d=\"M395.31 468.69L347.63 421c-6.09-6.1-16-6.66-22.38-.86a16 16 0 00-.56 23.16l4.68 4.69H182.63l4.36-4.37c6.1-6.09 6.66-16 .86-22.38a16 16 0 00-23.16-.56l-48 48a16 16 0 1022.62 22.62l11.32-11.3h210.74l11.32 11.31a16 16 0 0022.62-22.62z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrain.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrain.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Train"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Train.js"],"names":["Train","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,iDAAS,IAAG,KAAZ,EAAkB,IAAG,KAArB,EAA2B,IAAG,OAA9B,EAAsC,IAAG,OAAzC,EAAiD,WAAU,yBAA3D,GAAhK;AAAuP,8CAAM,GAAE,4ZAAR,GAAvP;AAA8pB,8CAAM,GAAE,yOAAR;AAA9pB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Train.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Train = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<ellipse cx=\"256\" cy=\"304\" rx=\"32.05\" ry=\"31.94\" transform=\"rotate(-45 256.001 304)\" /><path d=\"M352 32h-15a10 10 0 01-7.87-3.78A31.94 31.94 0 00304 16h-96a32 32 0 00-26.11 13.52A6 6 0 01177 32h-17c-36.81 0-64 28.84-64 64v255c0 23.27 25.6 42.06 83 60.94a753 753 0 0073.77 19.73 16 16 0 006.46 0A753 753 0 00333 411.94c57.4-18.88 83-37.67 83-60.94V96a64 64 0 00-64-64zm-168 96h144a8 8 0 018 8v48a8 8 0 01-8 8H184a8 8 0 01-8-8v-48a8 8 0 018-8zm76.18 239.87a64 64 0 1159.69-59.69 64.07 64.07 0 01-59.69 59.69z\" /><path d=\"M395.31 468.69L347.63 421c-6.09-6.1-16-6.66-22.38-.86a16 16 0 00-.56 23.16l4.68 4.69H182.63l4.36-4.37c6.1-6.09 6.66-16 .86-22.38a16 16 0 00-23.16-.56l-48 48a16 16 0 1022.62 22.62l11.32-11.3h210.74l11.32 11.31a16 16 0 0022.62-22.62z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrain.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrain.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Train"]}
\ No newline at end of file
diff --git a/lib/TrainOutline.js b/lib/TrainOutline.js
index 9bcbfefa4..dd4977f03 100644
--- a/lib/TrainOutline.js
+++ b/lib/TrainOutline.js
@@ -47,7 +47,7 @@ var TrainOutline = function TrainOutline(props) {
 TrainOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrainOutline.js.map b/lib/TrainOutline.js.map
index 5f434948a..1500c9730 100644
--- a/lib/TrainOutline.js.map
+++ b/lib/TrainOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrainOutline.js"],"names":["TrainOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sTAAR,EAA+T,MAAK,MAApU,EAA2U,QAAO,cAAlV,EAAiW,eAAc,OAA/W,EAAuX,gBAAe,OAAtY,EAA8Y,aAAY,IAA1Z;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrainOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrainOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 48h-24a16 16 0 00-16-16h-96a16 16 0 00-16 16h-24a56.16 56.16 0 00-56 56v247c0 35.3 144 65 144 65s144-29.7 144-65V104a56 56 0 00-56-56zm-88 304a48 48 0 1148-48 48 48 0 01-48 48zm96-160a16 16 0 01-16 16H176a16 16 0 01-16-16v-64a16 16 0 0116-16h160a16 16 0 0116 16zM144 464h224M336 432l48 48M176 432l-48 48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrainOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrainOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrainOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrainOutline.js"],"names":["TrainOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sTAAR,EAA+T,MAAK,MAApU,EAA2U,QAAO,cAAlV,EAAiW,eAAc,OAA/W,EAAuX,gBAAe,OAAtY,EAA8Y,aAAY,IAA1Z;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrainOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrainOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 48h-24a16 16 0 00-16-16h-96a16 16 0 00-16 16h-24a56.16 56.16 0 00-56 56v247c0 35.3 144 65 144 65s144-29.7 144-65V104a56 56 0 00-56-56zm-88 304a48 48 0 1148-48 48 48 0 01-48 48zm96-160a16 16 0 01-16 16H176a16 16 0 01-16-16v-64a16 16 0 0116-16h160a16 16 0 0116 16zM144 464h224M336 432l48 48M176 432l-48 48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrainOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrainOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrainOutline"]}
\ No newline at end of file
diff --git a/lib/TrainSharp.js b/lib/TrainSharp.js
index 726148bad..f0632b18a 100644
--- a/lib/TrainSharp.js
+++ b/lib/TrainSharp.js
@@ -48,7 +48,7 @@ var TrainSharp = function TrainSharp(props) {
 TrainSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrainSharp.js.map b/lib/TrainSharp.js.map
index 9dabbc9fd..dba31afd7 100644
--- a/lib/TrainSharp.js.map
+++ b/lib/TrainSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrainSharp.js"],"names":["TrainSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0PAAR,GAAjK;AAAqa,8CAAM,GAAE,qGAAR;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrainSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrainSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 32h-64a16 16 0 00-16-16h-96a16 16 0 00-16 16h-64c-16 0-32 16-32 32v288c0 23.92 160 80 160 80s160-56.74 160-80V64c0-16-16-32-32-32zM256 352a48 48 0 1148-48 48 48 0 01-48 48zm112-152a8 8 0 01-8 8H152a8 8 0 01-8-8v-80a8 8 0 018-8h208a8 8 0 018 8z\"/><path d=\"M314 432l15.32 16H182.58L198 432l-32-13-76.62 77h45.2l16-16h210.74l16 16h45.3l-76.36-77.75L314 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrainSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrainSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrainSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrainSharp.js"],"names":["TrainSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0PAAR,GAAhK;AAAqa,8CAAM,GAAE,qGAAR;AAAra;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrainSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrainSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M384 32h-64a16 16 0 00-16-16h-96a16 16 0 00-16 16h-64c-16 0-32 16-32 32v288c0 23.92 160 80 160 80s160-56.74 160-80V64c0-16-16-32-32-32zM256 352a48 48 0 1148-48 48 48 0 01-48 48zm112-152a8 8 0 01-8 8H152a8 8 0 01-8-8v-80a8 8 0 018-8h208a8 8 0 018 8z\" /><path d=\"M314 432l15.32 16H182.58L198 432l-32-13-76.62 77h45.2l16-16h210.74l16 16h45.3l-76.36-77.75L314 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrainSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrainSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrainSharp"]}
\ No newline at end of file
diff --git a/lib/Transgender.js b/lib/Transgender.js
index d30023ea1..45bb1e76d 100644
--- a/lib/Transgender.js
+++ b/lib/Transgender.js
@@ -47,7 +47,7 @@ var Transgender = function Transgender(props) {
 Transgender.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Transgender.js.map b/lib/Transgender.js.map
index 86c7c109c..dd15f675e 100644
--- a/lib/Transgender.js.map
+++ b/lib/Transgender.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Transgender.js"],"names":["Transgender","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yoBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Transgender.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Transgender = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M458 32h-68a22 22 0 000 44h14.89l-59.57 59.57a149.69 149.69 0 00-178.64 0l-7.57-7.57 26.45-26.44a22 22 0 00-31.12-31.12L128 96.89 107.11 76H122a22 22 0 000-44H54a22 22 0 00-22 22v68a22 22 0 0044 0v-14.89L96.89 128l-26.42 26.42a22 22 0 1031.11 31.11L128 159.11l7.57 7.57A149.19 149.19 0 00106 256c0 82.71 67.29 150 150 150a149.2 149.2 0 0089.46-29.67L369 399.9l-26.54 26.54a22 22 0 0031.12 31.12l26.49-26.5 42.37 42.48a22 22 0 0031.16-31.08L431.17 400l26.39-26.39a22 22 0 00-31.12-31.12l-26.35 26.35-23.55-23.62a149.68 149.68 0 00-.11-178.49L436 107.11V122a22 22 0 0044 0V54a22 22 0 00-22-22zM150 256a106 106 0 11106 106 106.12 106.12 0 01-106-106z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgender.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgender.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Transgender"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Transgender.js"],"names":["Transgender","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yoBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"Transgender.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Transgender = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M458 32h-68a22 22 0 000 44h14.89l-59.57 59.57a149.69 149.69 0 00-178.64 0l-7.57-7.57 26.45-26.44a22 22 0 00-31.12-31.12L128 96.89 107.11 76H122a22 22 0 000-44H54a22 22 0 00-22 22v68a22 22 0 0044 0v-14.89L96.89 128l-26.42 26.42a22 22 0 1031.11 31.11L128 159.11l7.57 7.57A149.19 149.19 0 00106 256c0 82.71 67.29 150 150 150a149.2 149.2 0 0089.46-29.67L369 399.9l-26.54 26.54a22 22 0 0031.12 31.12l26.49-26.5 42.37 42.48a22 22 0 0031.16-31.08L431.17 400l26.39-26.39a22 22 0 00-31.12-31.12l-26.35 26.35-23.55-23.62a149.68 149.68 0 00-.11-178.49L436 107.11V122a22 22 0 0044 0V54a22 22 0 00-22-22zM150 256a106 106 0 11106 106 106.12 106.12 0 01-106-106z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgender.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgender.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Transgender"]}
\ No newline at end of file
diff --git a/lib/TransgenderOutline.js b/lib/TransgenderOutline.js
index cce1aa9a8..0b4400f31 100644
--- a/lib/TransgenderOutline.js
+++ b/lib/TransgenderOutline.js
@@ -48,7 +48,7 @@ var TransgenderOutline = function TransgenderOutline(props) {
 TransgenderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TransgenderOutline.js.map b/lib/TransgenderOutline.js.map
index 7344cd235..947783b80 100644
--- a/lib/TransgenderOutline.js.map
+++ b/lib/TransgenderOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TransgenderOutline.js"],"names":["TransgenderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAjK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8HAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"TransgenderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TransgenderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 352l-96 96M176 80l-95.98 95.98M464 128V48h-80M48 128V48h80M464 48L346.5 165.5M48 48l117.49 117.49M464 464L346.65 346.37\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgenderOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgenderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TransgenderOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TransgenderOutline.js"],"names":["TransgenderOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,KAAX,EAAiB,IAAG,KAApB,EAA0B,GAAE,KAA5B,EAAkC,MAAK,MAAvC,EAA8C,QAAO,cAArD,EAAoE,eAAc,OAAlF,EAA0F,gBAAe,OAAzG,EAAiH,aAAY,IAA7H,GAAhK;AAAoS,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8HAAxG;AAApS;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"TransgenderOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TransgenderOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"256\" cy=\"256\" r=\"128\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M448 352l-96 96M176 80l-95.98 95.98M464 128V48h-80M48 128V48h80M464 48L346.5 165.5M48 48l117.49 117.49M464 464L346.65 346.37\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgenderOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgenderOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TransgenderOutline"]}
\ No newline at end of file
diff --git a/lib/TransgenderSharp.js b/lib/TransgenderSharp.js
index c4e43c63d..72536e64c 100644
--- a/lib/TransgenderSharp.js
+++ b/lib/TransgenderSharp.js
@@ -47,7 +47,7 @@ var TransgenderSharp = function TransgenderSharp(props) {
 TransgenderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TransgenderSharp.js.map b/lib/TransgenderSharp.js.map
index 362eb134e..aed63f9e4 100644
--- a/lib/TransgenderSharp.js.map
+++ b/lib/TransgenderSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TransgenderSharp.js"],"names":["TransgenderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,geAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TransgenderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TransgenderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 448.94l-48.94-49.08L464 366.92l-31.1-31.11-32.9 32.9-23.55-23.61a149.64 149.64 0 00-.1-178.45l59.55-59.56V144h44V32h-112v44h36.87l-59.55 59.55a149.65 149.65 0 00-178.59 0l-7.55-7.55 33-33L161 63.88l-33 33L107.09 76H144V32H32v112h44v-36.91L96.87 128l-33 33L95 192.05l33-33 7.56 7.57A149.18 149.18 0 00106 255.94c0 82.69 67.27 150 150 150a149.12 149.12 0 0089.44-29.67l23.51 23.58-33.14 33.05 31.11 31.1 33-33 48.9 49zm-330-193a106 106 0 11106 106 106.09 106.09 0 01-106-106z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgenderSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgenderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TransgenderSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TransgenderSharp.js"],"names":["TransgenderSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,geAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"TransgenderSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TransgenderSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M480 448.94l-48.94-49.08L464 366.92l-31.1-31.11-32.9 32.9-23.55-23.61a149.64 149.64 0 00-.1-178.45l59.55-59.56V144h44V32h-112v44h36.87l-59.55 59.55a149.65 149.65 0 00-178.59 0l-7.55-7.55 33-33L161 63.88l-33 33L107.09 76H144V32H32v112h44v-36.91L96.87 128l-33 33L95 192.05l33-33 7.56 7.57A149.18 149.18 0 00106 255.94c0 82.69 67.27 150 150 150a149.12 149.12 0 0089.44-29.67l23.51 23.58-33.14 33.05 31.11 31.1 33-33 48.9 49zm-330-193a106 106 0 11106 106 106.09 106.09 0 01-106-106z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTransgenderSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTransgenderSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TransgenderSharp"]}
\ No newline at end of file
diff --git a/lib/Trash.js b/lib/Trash.js
index 1628910f6..3a84fa82a 100644
--- a/lib/Trash.js
+++ b/lib/Trash.js
@@ -48,7 +48,7 @@ var Trash = function Trash(props) {
 Trash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Trash.js.map b/lib/Trash.js.map
index 3004baddd..59238f407 100644
--- a/lib/Trash.js.map
+++ b/lib/Trash.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Trash.js"],"names":["Trash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,GAAjK;AAAoP,8CAAM,GAAE,qbAAR;AAApP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Trash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Trash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z\" fill=\"none\"/><path d=\"M432 96h-96V72a40 40 0 00-40-40h-80a40 40 0 00-40 40v24H80a16 16 0 000 32h17l19 304.92c1.42 26.85 22 47.08 48 47.08h184c26.13 0 46.3-19.78 48-47l19-305h17a16 16 0 000-32zM192.57 416H192a16 16 0 01-16-15.43l-8-224a16 16 0 1132-1.14l8 224A16 16 0 01192.57 416zM272 400a16 16 0 01-32 0V176a16 16 0 0132 0zm32-304h-96V72a7.91 7.91 0 018-8h80a7.91 7.91 0 018 8zm32 304.57A16 16 0 01320 416h-.58A16 16 0 01304 399.43l8-224a16 16 0 1132 1.14z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrash.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Trash"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Trash.js"],"names":["Trash","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,GAAhK;AAAoP,8CAAM,GAAE,qbAAR;AAApP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Trash.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Trash = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z\" fill=\"none\" /><path d=\"M432 96h-96V72a40 40 0 00-40-40h-80a40 40 0 00-40 40v24H80a16 16 0 000 32h17l19 304.92c1.42 26.85 22 47.08 48 47.08h184c26.13 0 46.3-19.78 48-47l19-305h17a16 16 0 000-32zM192.57 416H192a16 16 0 01-16-15.43l-8-224a16 16 0 1132-1.14l8 224A16 16 0 01192.57 416zM272 400a16 16 0 01-32 0V176a16 16 0 0132 0zm32-304h-96V72a7.91 7.91 0 018-8h80a7.91 7.91 0 018 8zm32 304.57A16 16 0 01320 416h-.58A16 16 0 01304 399.43l8-224a16 16 0 1132 1.14z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrash.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrash.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Trash"]}
\ No newline at end of file
diff --git a/lib/TrashBin.js b/lib/TrashBin.js
index 46f98c144..131ea1a44 100644
--- a/lib/TrashBin.js
+++ b/lib/TrashBin.js
@@ -48,7 +48,7 @@ var TrashBin = function TrashBin(props) {
 TrashBin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrashBin.js.map b/lib/TrashBin.js.map
index 8b6b21152..83f732ee9 100644
--- a/lib/TrashBin.js.map
+++ b/lib/TrashBin.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrashBin.js"],"names":["TrashBin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,GAAjK;AAA8N,8CAAM,GAAE,2UAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"TrashBin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"32\" ry=\"32\"/><path d=\"M74.45 160a8 8 0 00-8 8.83l26.31 252.56a1.5 1.5 0 000 .22A48 48 0 00140.45 464h231.09a48 48 0 0047.67-42.39v-.21l26.27-252.57a8 8 0 00-8-8.83zm248.86 180.69a16 16 0 11-22.63 22.62L256 318.63l-44.69 44.68a16 16 0 01-22.63-22.62L233.37 296l-44.69-44.69a16 16 0 0122.63-22.62L256 273.37l44.68-44.68a16 16 0 0122.63 22.62L278.62 296z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBin.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBin"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrashBin.js"],"names":["TrashBin","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,GAAhK;AAA8N,8CAAM,GAAE,2UAAR;AAA9N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"TrashBin.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBin = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"32\" ry=\"32\" /><path d=\"M74.45 160a8 8 0 00-8 8.83l26.31 252.56a1.5 1.5 0 000 .22A48 48 0 00140.45 464h231.09a48 48 0 0047.67-42.39v-.21l26.27-252.57a8 8 0 00-8-8.83zm248.86 180.69a16 16 0 11-22.63 22.62L256 318.63l-44.69 44.68a16 16 0 01-22.63-22.62L233.37 296l-44.69-44.69a16 16 0 0122.63-22.62L256 273.37l44.68-44.68a16 16 0 0122.63 22.62L278.62 296z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBin.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBin.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBin"]}
\ No newline at end of file
diff --git a/lib/TrashBinOutline.js b/lib/TrashBinOutline.js
index 84b89e983..52cb91862 100644
--- a/lib/TrashBinOutline.js
+++ b/lib/TrashBinOutline.js
@@ -49,7 +49,7 @@ var TrashBinOutline = function TrashBinOutline(props) {
 TrashBinOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrashBinOutline.js.map b/lib/TrashBinOutline.js.map
index 9d2263ce3..16a81794b 100644
--- a/lib/TrashBinOutline.js.map
+++ b/lib/TrashBinOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrashBinOutline.js"],"names":["TrashBinOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,EAAuG,QAAO,cAA9G,EAA6H,eAAc,OAA3I,EAAmJ,gBAAe,OAAlK,EAA0K,aAAY,IAAtL,GAAjK;AAA6V,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA7V;AAA0f,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAA1f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TrashBinOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBinOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 144l-28.67 275.74A32 32 0 01371.55 448H140.46a32 32 0 01-31.78-28.26L80 144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><rect x=\"32\" y=\"64\" width=\"448\" height=\"80\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M312 240L200 352M312 352L200 240\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBinOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBinOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBinOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrashBinOutline.js"],"names":["TrashBinOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kFAAR,EAA2F,MAAK,MAAhG,EAAuG,QAAO,cAA9G,EAA6H,eAAc,OAA3I,EAAmJ,gBAAe,OAAlK,EAA0K,aAAY,IAAtL,GAAhK;AAA6V,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD,EAA4D,MAAK,MAAjE,EAAwE,QAAO,cAA/E,EAA8F,eAAc,OAA5G,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAA7V;AAA2f,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kCAAxG;AAA3f;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TrashBinOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBinOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M432 144l-28.67 275.74A32 32 0 01371.55 448H140.46a32 32 0 01-31.78-28.26L80 144\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><rect x=\"32\" y=\"64\" width=\"448\" height=\"80\" rx=\"16\" ry=\"16\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M312 240L200 352M312 352L200 240\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBinOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBinOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBinOutline"]}
\ No newline at end of file
diff --git a/lib/TrashBinSharp.js b/lib/TrashBinSharp.js
index d1da3f34a..0ae0b11ad 100644
--- a/lib/TrashBinSharp.js
+++ b/lib/TrashBinSharp.js
@@ -50,7 +50,7 @@ var TrashBinSharp = function TrashBinSharp(props) {
 TrashBinSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrashBinSharp.js.map b/lib/TrashBinSharp.js.map
index 65b139097..a1f746938 100644
--- a/lib/TrashBinSharp.js.map
+++ b/lib/TrashBinSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrashBinSharp.js"],"names":["TrashBinSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,GAAE,4GAApB,GAAjK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,GAAE,4GAApB,GAAnS;AAAqa,8CAAM,GAAE,gLAAR,GAAra;AAA+lB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD;AAA/lB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TrashBinSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBinSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z\"/><path fill=\"none\" d=\"M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z\"/><path d=\"M64 160l29.74 282.51A24 24 0 00117.61 464h276.78a24 24 0 0023.87-21.49L448 160zm248 217.46l-56-56-56 56L174.54 352l56-56-56-56L200 214.54l56 56 56-56L337.46 240l-56 56 56 56z\"/><rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"12\" ry=\"12\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBinSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBinSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBinSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrashBinSharp.js"],"names":["TrashBinSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,GAAE,4GAApB,GAAhK;AAAmS,8CAAM,MAAK,MAAX,EAAkB,GAAE,4GAApB,GAAnS;AAAsa,8CAAM,GAAE,gLAAR,GAAta;AAAimB,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,IAAvC,EAA4C,IAAG,IAA/C,EAAoD,IAAG,IAAvD;AAAjmB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TrashBinSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashBinSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" d=\"M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z\" /><path fill=\"none\" d=\"M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z\" /><path d=\"M64 160l29.74 282.51A24 24 0 00117.61 464h276.78a24 24 0 0023.87-21.49L448 160zm248 217.46l-56-56-56 56L174.54 352l56-56-56-56L200 214.54l56 56 56-56L337.46 240l-56 56 56 56z\" /><rect x=\"32\" y=\"48\" width=\"448\" height=\"80\" rx=\"12\" ry=\"12\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashBinSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashBinSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashBinSharp"]}
\ No newline at end of file
diff --git a/lib/TrashOutline.js b/lib/TrashOutline.js
index 16c2b888e..2b1c2319d 100644
--- a/lib/TrashOutline.js
+++ b/lib/TrashOutline.js
@@ -49,7 +49,7 @@ var TrashOutline = function TrashOutline(props) {
 TrashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrashOutline.js.map b/lib/TrashOutline.js.map
index 6978795f0..d74d720a9 100644
--- a/lib/TrashOutline.js.map
+++ b/lib/TrashOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrashOutline.js"],"names":["TrashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL,GAAjK;AAAyV,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,aAA3F,GAAzV;AAAmc,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M80 112h352\"/><path d=\"M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrashOutline.js"],"names":["TrashOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL,GAAhK;AAAyV,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,aAA3F,GAAzV;AAAoc,8CAAM,GAAE,4GAAR,EAAqH,MAAK,MAA1H,EAAiI,QAAO,cAAxI,EAAuJ,eAAc,OAArK,EAA6K,gBAAe,OAA5L,EAAoM,aAAY,IAAhN;AAApc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrashOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M80 112h352\" /><path d=\"M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashOutline"]}
\ No newline at end of file
diff --git a/lib/TrashSharp.js b/lib/TrashSharp.js
index 449038bf3..a521f994b 100644
--- a/lib/TrashSharp.js
+++ b/lib/TrashSharp.js
@@ -49,7 +49,7 @@ var TrashSharp = function TrashSharp(props) {
 TrashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrashSharp.js.map b/lib/TrashSharp.js.map
index d51ed6fdf..33b5e3f6a 100644
--- a/lib/TrashSharp.js.map
+++ b/lib/TrashSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrashSharp.js"],"names":["TrashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,GAAjK;AAAoP,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,GAApP;AAA2T,8CAAM,GAAE,uPAAR;AAA3T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z\" fill=\"none\"/><path d=\"M292 64h-72a4 4 0 00-4 4v28h80V68a4 4 0 00-4-4z\" fill=\"none\"/><path d=\"M447.55 96H336V48a16 16 0 00-16-16H192a16 16 0 00-16 16v48H64.45L64 136h33l20.09 314A32 32 0 00149 480h214a32 32 0 0031.93-29.95L415 136h33zM176 416l-9-256h33l9 256zm96 0h-32V160h32zm24-320h-80V68a4 4 0 014-4h72a4 4 0 014 4zm40 320h-33l9-256h33z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrashSharp.js"],"names":["TrashSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6DAAR,EAAsE,MAAK,MAA3E,GAAhK;AAAoP,8CAAM,GAAE,iDAAR,EAA0D,MAAK,MAA/D,GAApP;AAA4T,8CAAM,GAAE,uPAAR;AAA5T;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrashSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrashSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z\" fill=\"none\" /><path d=\"M292 64h-72a4 4 0 00-4 4v28h80V68a4 4 0 00-4-4z\" fill=\"none\" /><path d=\"M447.55 96H336V48a16 16 0 00-16-16H192a16 16 0 00-16 16v48H64.45L64 136h33l20.09 314A32 32 0 00149 480h214a32 32 0 0031.93-29.95L415 136h33zM176 416l-9-256h33l9 256zm96 0h-32V160h32zm24-320h-80V68a4 4 0 014-4h72a4 4 0 014 4zm40 320h-33l9-256h33z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrashSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrashSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrashSharp"]}
\ No newline at end of file
diff --git a/lib/TrendingDown.js b/lib/TrendingDown.js
index 29d3dcba5..8bc6a6c9e 100644
--- a/lib/TrendingDown.js
+++ b/lib/TrendingDown.js
@@ -48,7 +48,7 @@ var TrendingDown = function TrendingDown(props) {
 TrendingDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingDown.js.map b/lib/TrendingDown.js.map
index 72843630c..2ee485cf0 100644
--- a/lib/TrendingDown.js.map
+++ b/lib/TrendingDown.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingDown.js"],"names":["TrendingDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrendingDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 368h112V256\"/><path d=\"M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDown.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDown"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingDown.js"],"names":["TrendingDown","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"TrendingDown.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDown = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 368h112V256\" /><path d=\"M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDown.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDown.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDown"]}
\ No newline at end of file
diff --git a/lib/TrendingDownOutline.js b/lib/TrendingDownOutline.js
index ce51ffeb9..4a7629964 100644
--- a/lib/TrendingDownOutline.js
+++ b/lib/TrendingDownOutline.js
@@ -48,7 +48,7 @@ var TrendingDownOutline = function TrendingDownOutline(props) {
 TrendingDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingDownOutline.js.map b/lib/TrendingDownOutline.js.map
index 1f01d3f51..0e5082674 100644
--- a/lib/TrendingDownOutline.js.map
+++ b/lib/TrendingDownOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingDownOutline.js"],"names":["TrendingDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"TrendingDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 368h112V256\"/><path d=\"M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDownOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingDownOutline.js"],"names":["TrendingDownOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"TrendingDownOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDownOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 368h112V256\" /><path d=\"M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDownOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDownOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDownOutline"]}
\ No newline at end of file
diff --git a/lib/TrendingDownSharp.js b/lib/TrendingDownSharp.js
index d30b74682..ad72e0d48 100644
--- a/lib/TrendingDownSharp.js
+++ b/lib/TrendingDownSharp.js
@@ -48,7 +48,7 @@ var TrendingDownSharp = function TrendingDownSharp(props) {
 TrendingDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingDownSharp.js.map b/lib/TrendingDownSharp.js.map
index a3e76f2bb..6027e3380 100644
--- a/lib/TrendingDownSharp.js.map
+++ b/lib/TrendingDownSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingDownSharp.js"],"names":["TrendingDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TrendingDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 368h112V256\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M48 144l144 144 96-96 160 160\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDownSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingDownSharp.js"],"names":["TrendingDownSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TrendingDownSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingDownSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 368h112V256\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M48 144l144 144 96-96 160 160\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingDownSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingDownSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingDownSharp"]}
\ No newline at end of file
diff --git a/lib/TrendingUp.js b/lib/TrendingUp.js
index 0e743b4cd..5d10bc9a0 100644
--- a/lib/TrendingUp.js
+++ b/lib/TrendingUp.js
@@ -48,7 +48,7 @@ var TrendingUp = function TrendingUp(props) {
 TrendingUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingUp.js.map b/lib/TrendingUp.js.map
index 36642912d..41fa4cc78 100644
--- a/lib/TrendingUp.js.map
+++ b/lib/TrendingUp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingUp.js"],"names":["TrendingUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrendingUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 144h112v112\"/><path d=\"M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingUp.js"],"names":["TrendingUp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"TrendingUp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 144h112v112\" /><path d=\"M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUp"]}
\ No newline at end of file
diff --git a/lib/TrendingUpOutline.js b/lib/TrendingUpOutline.js
index c6ad7433c..e70420152 100644
--- a/lib/TrendingUpOutline.js
+++ b/lib/TrendingUpOutline.js
@@ -48,7 +48,7 @@ var TrendingUpOutline = function TrendingUpOutline(props) {
 TrendingUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingUpOutline.js.map b/lib/TrendingUpOutline.js.map
index 56cfa915b..bd4ef6a82 100644
--- a/lib/TrendingUpOutline.js.map
+++ b/lib/TrendingUpOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingUpOutline.js"],"names":["TrendingUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TrendingUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 144h112v112\"/><path d=\"M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUpOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingUpOutline.js"],"names":["TrendingUpOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,GAAE,+EAAR,EAAwF,MAAK,MAA7F,EAAoG,QAAO,cAA3G,EAA0H,eAAc,OAAxI,EAAgJ,gBAAe,OAA/J,EAAuK,aAAY,IAAnL;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"TrendingUpOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUpOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 144h112v112\" /><path d=\"M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUpOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUpOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUpOutline"]}
\ No newline at end of file
diff --git a/lib/TrendingUpSharp.js b/lib/TrendingUpSharp.js
index 63dd852a6..80a46fafd 100644
--- a/lib/TrendingUpSharp.js
+++ b/lib/TrendingUpSharp.js
@@ -48,7 +48,7 @@ var TrendingUpSharp = function TrendingUpSharp(props) {
 TrendingUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrendingUpSharp.js.map b/lib/TrendingUpSharp.js.map
index ebc4e9f56..4a7e7ad1e 100644
--- a/lib/TrendingUpSharp.js.map
+++ b/lib/TrendingUpSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrendingUpSharp.js"],"names":["TrendingUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAjK;AAA6R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TrendingUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 144h112v112\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M48 368l144-144 96 96 160-160\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUpSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrendingUpSharp.js"],"names":["TrendingUpSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,kBAAxG,GAAhK;AAA6R,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,+BAAxG;AAA7R;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TrendingUpSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrendingUpSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M352 144h112v112\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M48 368l144-144 96 96 160-160\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrendingUpSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrendingUpSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrendingUpSharp"]}
\ No newline at end of file
diff --git a/lib/Triangle.js b/lib/Triangle.js
index b0cc83d2a..28b71af6e 100644
--- a/lib/Triangle.js
+++ b/lib/Triangle.js
@@ -47,7 +47,7 @@ var Triangle = function Triangle(props) {
 Triangle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Triangle.js.map b/lib/Triangle.js.map
index bc11e4707..303f65e7c 100644
--- a/lib/Triangle.js.map
+++ b/lib/Triangle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Triangle.js"],"names":["Triangle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yFAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Triangle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Triangle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangle.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Triangle"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Triangle.js"],"names":["Triangle","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yFAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Triangle.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Triangle = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangle.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangle.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Triangle"]}
\ No newline at end of file
diff --git a/lib/TriangleOutline.js b/lib/TriangleOutline.js
index cad460290..0fcb6180d 100644
--- a/lib/TriangleOutline.js
+++ b/lib/TriangleOutline.js
@@ -47,7 +47,7 @@ var TriangleOutline = function TriangleOutline(props) {
 TriangleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TriangleOutline.js.map b/lib/TriangleOutline.js.map
index 46ec38393..14bc4dd8d 100644
--- a/lib/TriangleOutline.js.map
+++ b/lib/TriangleOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TriangleOutline.js"],"names":["TriangleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TriangleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TriangleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 448L256 64l208 384H48z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangleOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TriangleOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TriangleOutline.js"],"names":["TriangleOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,4BAAxG;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"TriangleOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TriangleOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M48 448L256 64l208 384H48z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangleOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangleOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TriangleOutline"]}
\ No newline at end of file
diff --git a/lib/TriangleSharp.js b/lib/TriangleSharp.js
index 238a32598..dccbebe8a 100644
--- a/lib/TriangleSharp.js
+++ b/lib/TriangleSharp.js
@@ -47,7 +47,7 @@ var TriangleSharp = function TriangleSharp(props) {
 TriangleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TriangleSharp.js.map b/lib/TriangleSharp.js.map
index 5c722832c..d23db6389 100644
--- a/lib/TriangleSharp.js.map
+++ b/lib/TriangleSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TriangleSharp.js"],"names":["TriangleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TriangleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TriangleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32L20 464h472L256 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangleSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TriangleSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TriangleSharp.js"],"names":["TriangleSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TriangleSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TriangleSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 32L20 464h472L256 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTriangleSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTriangleSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TriangleSharp"]}
\ No newline at end of file
diff --git a/lib/Trophy.js b/lib/Trophy.js
index cc312d105..dfaa6dca2 100644
--- a/lib/Trophy.js
+++ b/lib/Trophy.js
@@ -47,7 +47,7 @@ var Trophy = function Trophy(props) {
 Trophy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Trophy.js.map b/lib/Trophy.js.map
index 9033aa9a2..fff849c4c 100644
--- a/lib/Trophy.js.map
+++ b/lib/Trophy.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Trophy.js"],"names":["Trophy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,o3BAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Trophy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Trophy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 80h-60.1a4 4 0 01-4-4V63.92a32 32 0 00-32-31.92l-223.79.26a32 32 0 00-31.94 31.93V76a4 4 0 01-4 4H48a16 16 0 00-16 16v16c0 54.53 30 112.45 76.52 125.35a7.82 7.82 0 015.55 5.9c5.77 26.89 23.52 52.5 51.41 73.61 20.91 15.83 45.85 27.5 68.27 32.48a8 8 0 016.25 7.8V444a4 4 0 01-4 4h-59.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 480h159.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 448h-60a4 4 0 01-4-4v-86.86a8 8 0 016.25-7.8c22.42-5 47.36-16.65 68.27-32.48 27.89-21.11 45.64-46.72 51.41-73.61a7.82 7.82 0 015.55-5.9C450 224.45 480 166.53 480 112V96a16 16 0 00-16-16zM112 198.22a4 4 0 01-6 3.45c-10.26-6.11-17.75-15.37-22.14-21.89-11.91-17.69-19-40.67-19.79-63.63a4 4 0 014-4.15h40a4 4 0 014 4c-.02 27.45-.07 58.87-.07 82.22zm316.13-18.44c-4.39 6.52-11.87 15.78-22.13 21.89a4 4 0 01-6-3.46c0-26.51 0-56.63-.05-82.21a4 4 0 014-4h40a4 4 0 014 4.15c-.79 22.96-7.9 45.94-19.81 63.63z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophy.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Trophy"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Trophy.js"],"names":["Trophy","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,o3BAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Trophy.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Trophy = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 80h-60.1a4 4 0 01-4-4V63.92a32 32 0 00-32-31.92l-223.79.26a32 32 0 00-31.94 31.93V76a4 4 0 01-4 4H48a16 16 0 00-16 16v16c0 54.53 30 112.45 76.52 125.35a7.82 7.82 0 015.55 5.9c5.77 26.89 23.52 52.5 51.41 73.61 20.91 15.83 45.85 27.5 68.27 32.48a8 8 0 016.25 7.8V444a4 4 0 01-4 4h-59.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 480h159.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 448h-60a4 4 0 01-4-4v-86.86a8 8 0 016.25-7.8c22.42-5 47.36-16.65 68.27-32.48 27.89-21.11 45.64-46.72 51.41-73.61a7.82 7.82 0 015.55-5.9C450 224.45 480 166.53 480 112V96a16 16 0 00-16-16zM112 198.22a4 4 0 01-6 3.45c-10.26-6.11-17.75-15.37-22.14-21.89-11.91-17.69-19-40.67-19.79-63.63a4 4 0 014-4.15h40a4 4 0 014 4c-.02 27.45-.07 58.87-.07 82.22zm316.13-18.44c-4.39 6.52-11.87 15.78-22.13 21.89a4 4 0 01-6-3.46c0-26.51 0-56.63-.05-82.21a4 4 0 014-4h40a4 4 0 014 4.15c-.79 22.96-7.9 45.94-19.81 63.63z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophy.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophy.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Trophy"]}
\ No newline at end of file
diff --git a/lib/TrophyOutline.js b/lib/TrophyOutline.js
index 5b011c604..9cfbbcb20 100644
--- a/lib/TrophyOutline.js
+++ b/lib/TrophyOutline.js
@@ -48,7 +48,7 @@ var TrophyOutline = function TrophyOutline(props) {
 TrophyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrophyOutline.js.map b/lib/TrophyOutline.js.map
index 5bb0d0645..31bf766ad 100644
--- a/lib/TrophyOutline.js.map
+++ b/lib/TrophyOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrophyOutline.js"],"names":["TrophyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sLAAxG,GAAjK;AAAic,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAjc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TrophyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrophyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 464h160M256 464V336M384 224c0-50.64-.08-134.63-.12-160a16 16 0 00-16-16l-223.79.26a16 16 0 00-16 15.95c0 30.58-.13 129.17-.13 159.79 0 64.28 83 112 128 112S384 288.28 384 224z\"/><path d=\"M128 96H48v16c0 55.22 33.55 112 80 112M384 96h80v16c0 55.22-33.55 112-80 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophyOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrophyOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrophyOutline.js"],"names":["TrophyOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,sLAAxG,GAAhK;AAAic,8CAAM,GAAE,8EAAR,EAAuF,MAAK,MAA5F,EAAmG,QAAO,cAA1G,EAAyH,eAAc,OAAvI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAjc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"TrophyOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrophyOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M176 464h160M256 464V336M384 224c0-50.64-.08-134.63-.12-160a16 16 0 00-16-16l-223.79.26a16 16 0 00-16 15.95c0 30.58-.13 129.17-.13 159.79 0 64.28 83 112 128 112S384 288.28 384 224z\" /><path d=\"M128 96H48v16c0 55.22 33.55 112 80 112M384 96h80v16c0 55.22-33.55 112-80 112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophyOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophyOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrophyOutline"]}
\ No newline at end of file
diff --git a/lib/TrophySharp.js b/lib/TrophySharp.js
index ca0edd3a5..1fffd1427 100644
--- a/lib/TrophySharp.js
+++ b/lib/TrophySharp.js
@@ -47,7 +47,7 @@ var TrophySharp = function TrophySharp(props) {
 TrophySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TrophySharp.js.map b/lib/TrophySharp.js.map
index 6caa094bb..41398abe6 100644
--- a/lib/TrophySharp.js.map
+++ b/lib/TrophySharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TrophySharp.js"],"names":["TrophySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6fAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TrophySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrophySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399.9 80V32H112v48H32v38c0 32 9.5 62.79 26.76 86.61 13.33 18.4 34.17 31.1 52.91 37.21 5.44 29.29 20.2 57.13 50.19 79.83 22 16.66 48.45 28.87 72.14 33.86V436h-74v44h192v-44h-74v-80.49c23.69-5 50.13-17.2 72.14-33.86 30-22.7 44.75-50.54 50.19-79.83 18.74-6.11 39.58-18.81 52.91-37.21C470.5 180.79 480 150 480 118V80zM94.4 178.8c-10.68-14.68-17.17-34.4-18.24-54.8H112v67.37c-3.94-1.14-12.92-6.12-17.6-12.57zm323.2 0c-4.6 6.61-11.6 12.58-17.6 12.58 0-22.4 0-46.29-.05-67.38h35.9c-1.08 20.4-7.85 39.9-18.25 54.8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophySharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrophySharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TrophySharp.js"],"names":["TrophySharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6fAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"TrophySharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TrophySharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M399.9 80V32H112v48H32v38c0 32 9.5 62.79 26.76 86.61 13.33 18.4 34.17 31.1 52.91 37.21 5.44 29.29 20.2 57.13 50.19 79.83 22 16.66 48.45 28.87 72.14 33.86V436h-74v44h192v-44h-74v-80.49c23.69-5 50.13-17.2 72.14-33.86 30-22.7 44.75-50.54 50.19-79.83 18.74-6.11 39.58-18.81 52.91-37.21C470.5 180.79 480 150 480 118V80zM94.4 178.8c-10.68-14.68-17.17-34.4-18.24-54.8H112v67.37c-3.94-1.14-12.92-6.12-17.6-12.57zm323.2 0c-4.6 6.61-11.6 12.58-17.6 12.58 0-22.4 0-46.29-.05-67.38h35.9c-1.08 20.4-7.85 39.9-18.25 54.8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTrophySharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTrophySharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TrophySharp"]}
\ No newline at end of file
diff --git a/lib/Tv.js b/lib/Tv.js
index 045428d12..4f6249532 100644
--- a/lib/Tv.js
+++ b/lib/Tv.js
@@ -48,7 +48,7 @@ var Tv = function Tv(props) {
 Tv.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Tv.js.map b/lib/Tv.js.map
index 598c6143b..11534232a 100644
--- a/lib/Tv.js.map
+++ b/lib/Tv.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Tv.js"],"names":["Tv","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,KAAK,SAALA,EAAK,QAAS;AAClB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0IAAR,GAAjK;AAAqT,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,cAA3F;AAArT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,GAAGa,YAAH,GAAkB;AAChB;AACAH,SAAO,EAFS;AAGhBN,SAAO,SAHS;AAIhBF,UAAQ,MAJQ;AAKhBC,SAAO,MALS;AAMhBQ,cAAY,EANI;AAOhBC,SAAO,EAPS;;AAShB;AACAL,SAAO,KAVS;AAWhBC,QAAM,KAXU;AAYhBF,UAAQ;AAZQ,CAAlB;;AAgBAN,GAAGc,SAAH,GAAe;AACb;AACAJ,SAAOK,oBAAUC,MAFJ;AAGbZ,SAAOW,oBAAUE,MAHJ;AAIbf,UAAQa,oBAAUE,MAJL;AAKbd,SAAOY,oBAAUE,MALJ;AAMbN,cAAYI,oBAAUE,MANT;AAObL,SAAOG,oBAAUE,MAPJ;;AASb;AACAV,SAAOQ,oBAAUG,IAVJ;AAWbV,QAAMO,oBAAUG,IAXH;AAYbZ,UAAQS,oBAAUG,IAZL;;AAcb;AACAb,WAASU,oBAAUI;AAfN,CAAf;;kBAmBenB,E","file":"Tv.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Tv = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.86 384H64.14A48.2 48.2 0 0116 335.86V128.14A48.2 48.2 0 0164.14 80h383.72A48.2 48.2 0 01496 128.14v207.72A48.2 48.2 0 01447.86 384z\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M128 416h256\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTv.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTv.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Tv"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Tv.js"],"names":["Tv","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,KAAK,SAALA,EAAK,QAAS;AAClB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0IAAR,GAAhK;AAAqT,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,cAA3F;AAArT;AAVF,GADF;AAcD,CAfD;;AAkBAZ,GAAGa,YAAH,GAAkB;AAChB;AACAH,SAAO,EAFS;AAGhBN,SAAO,SAHS;AAIhBF,UAAQ,MAJQ;AAKhBC,SAAO,MALS;AAMhBQ,cAAY,EANI;AAOhBC,SAAO,EAPS;;AAShB;AACAL,SAAO,KAVS;AAWhBC,QAAM,KAXU;AAYhBF,UAAQ;AAZQ,CAAlB;;AAgBAN,GAAGc,SAAH,GAAe;AACb;AACAJ,SAAOK,oBAAUC,MAFJ;AAGbZ,SAAOW,oBAAUE,MAHJ;AAIbf,UAAQa,oBAAUE,MAJL;AAKbd,SAAOY,oBAAUE,MALJ;AAMbN,cAAYI,oBAAUE,MANT;AAObL,SAAOG,oBAAUE,MAPJ;;AASb;AACAV,SAAOQ,oBAAUG,IAVJ;AAWbV,QAAMO,oBAAUG,IAXH;AAYbZ,UAAQS,oBAAUG,IAZL;;AAcb;AACAb,WAASU,oBAAUI;AAfN,CAAf;;kBAmBenB,E","file":"Tv.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Tv = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M447.86 384H64.14A48.2 48.2 0 0116 335.86V128.14A48.2 48.2 0 0164.14 80h383.72A48.2 48.2 0 01496 128.14v207.72A48.2 48.2 0 01447.86 384z\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M128 416h256\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTv.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTv.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Tv"]}
\ No newline at end of file
diff --git a/lib/TvOutline.js b/lib/TvOutline.js
index e72c09ec4..43a73e2f3 100644
--- a/lib/TvOutline.js
+++ b/lib/TvOutline.js
@@ -48,7 +48,7 @@ var TvOutline = function TvOutline(props) {
 TvOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TvOutline.js.map b/lib/TvOutline.js.map
index 3ec86c1ab..d19a169a5 100644
--- a/lib/TvOutline.js.map
+++ b/lib/TvOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TvOutline.js"],"names":["TvOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI,GAAjK;AAA+S,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,cAA3F;AAA/S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TvOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TvOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"96\" width=\"448\" height=\"272\" rx=\"32.14\" ry=\"32.14\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M128 416h256\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTvOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTvOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TvOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TvOutline.js"],"names":["TvOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,IAAf,EAAoB,OAAM,KAA1B,EAAgC,QAAO,KAAvC,EAA6C,IAAG,OAAhD,EAAwD,IAAG,OAA3D,EAAmE,MAAK,MAAxE,EAA+E,QAAO,cAAtF,EAAqG,gBAAe,OAApH,EAA4H,aAAY,IAAxI,GAAhK;AAA+S,8CAAM,QAAO,cAAb,EAA4B,eAAc,OAA1C,EAAkD,kBAAiB,IAAnE,EAAwE,aAAY,IAApF,EAAyF,GAAE,cAA3F;AAA/S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"TvOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TvOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"32\" y=\"96\" width=\"448\" height=\"272\" rx=\"32.14\" ry=\"32.14\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M128 416h256\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTvOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTvOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TvOutline"]}
\ No newline at end of file
diff --git a/lib/TvSharp.js b/lib/TvSharp.js
index 4ba6a2340..acc6b0ca8 100644
--- a/lib/TvSharp.js
+++ b/lib/TvSharp.js
@@ -48,7 +48,7 @@ var TvSharp = function TvSharp(props) {
 TvSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/TvSharp.js.map b/lib/TvSharp.js.map
index 651c02aa9..d30e8195f 100644
--- a/lib/TvSharp.js.map
+++ b/lib/TvSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/TvSharp.js"],"names":["TvSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2EAAR,GAAjK;AAAsP,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,IAAzC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD;AAAtP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"TvSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TvSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M488 384H24a8 8 0 01-8-8V88a8 8 0 018-8h464a8 8 0 018 8v288a8 8 0 01-8 8z\"/><rect x=\"112\" y=\"400\" width=\"288\" height=\"32\" rx=\"4\" ry=\"4\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nTvSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTvSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TvSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/TvSharp.js"],"names":["TvSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2EAAR,GAAhK;AAAsP,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,IAAzC,EAA8C,IAAG,GAAjD,EAAqD,IAAG,GAAxD;AAAtP;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"TvSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst TvSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M488 384H24a8 8 0 01-8-8V88a8 8 0 018-8h464a8 8 0 018 8v288a8 8 0 01-8 8z\" /><rect x=\"112\" y=\"400\" width=\"288\" height=\"32\" rx=\"4\" ry=\"4\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nTvSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nTvSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default TvSharp"]}
\ No newline at end of file
diff --git a/lib/Umbrella.js b/lib/Umbrella.js
index ebcac81e4..cb7b4af4f 100644
--- a/lib/Umbrella.js
+++ b/lib/Umbrella.js
@@ -47,7 +47,7 @@ var Umbrella = function Umbrella(props) {
 Umbrella.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Umbrella.js.map b/lib/Umbrella.js.map
index 7a4776b7f..4c4ff3424 100644
--- a/lib/Umbrella.js.map
+++ b/lib/Umbrella.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Umbrella.js"],"names":["Umbrella","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,onBAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Umbrella.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Umbrella = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 113.61a222.26 222.26 0 00-136.33-64.54 8.09 8.09 0 01-6.88-5.62 15.79 15.79 0 00-30.36 0 8.09 8.09 0 01-6.88 5.62A224 224 0 0032 271.52a16.41 16.41 0 007.24 13.87 16 16 0 0020.07-2.08 51.89 51.89 0 0173.31-.06 15.94 15.94 0 0022.6.15 62.59 62.59 0 0181.49-5.87 8.24 8.24 0 013.29 6.59v147.42c0 8.6-6.6 16-15.19 16.44A16 16 0 01208 432a16 16 0 00-16.29-16c-9 .16-15.9 8.11-15.7 17.1a48.06 48.06 0 0047.37 46.9c26.88.34 48.62-21.93 48.62-48.81V284.12a8.24 8.24 0 013.29-6.59 62.59 62.59 0 0181.4 5.78 16 16 0 0022.62 0 51.91 51.91 0 0173.38 0 16 16 0 0019.54 2.41 16.4 16.4 0 007.77-14.21 222.54 222.54 0 00-65.61-157.9z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrella.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrella.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Umbrella"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Umbrella.js"],"names":["Umbrella","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,onBAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Umbrella.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Umbrella = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.39 113.61a222.26 222.26 0 00-136.33-64.54 8.09 8.09 0 01-6.88-5.62 15.79 15.79 0 00-30.36 0 8.09 8.09 0 01-6.88 5.62A224 224 0 0032 271.52a16.41 16.41 0 007.24 13.87 16 16 0 0020.07-2.08 51.89 51.89 0 0173.31-.06 15.94 15.94 0 0022.6.15 62.59 62.59 0 0181.49-5.87 8.24 8.24 0 013.29 6.59v147.42c0 8.6-6.6 16-15.19 16.44A16 16 0 01208 432a16 16 0 00-16.29-16c-9 .16-15.9 8.11-15.7 17.1a48.06 48.06 0 0047.37 46.9c26.88.34 48.62-21.93 48.62-48.81V284.12a8.24 8.24 0 013.29-6.59 62.59 62.59 0 0181.4 5.78 16 16 0 0022.62 0 51.91 51.91 0 0173.38 0 16 16 0 0019.54 2.41 16.4 16.4 0 007.77-14.21 222.54 222.54 0 00-65.61-157.9z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrella.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrella.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Umbrella"]}
\ No newline at end of file
diff --git a/lib/UmbrellaOutline.js b/lib/UmbrellaOutline.js
index 94f7e0e2f..eb6a98463 100644
--- a/lib/UmbrellaOutline.js
+++ b/lib/UmbrellaOutline.js
@@ -47,7 +47,7 @@ var UmbrellaOutline = function UmbrellaOutline(props) {
 UmbrellaOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/UmbrellaOutline.js.map b/lib/UmbrellaOutline.js.map
index fba515a75..c09f9559d 100644
--- a/lib/UmbrellaOutline.js.map
+++ b/lib/UmbrellaOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/UmbrellaOutline.js"],"names":["UmbrellaOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,eAAc,OAAhS,EAAwS,gBAAe,OAAvT,EAA+T,aAAY,IAA3U;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"UmbrellaOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UmbrellaOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 272v160a32 32 0 01-32 32h0a32 32 0 01-32-32M464 272c0-114.88-93.12-208-208-208S48 157.12 48 272h0a67.88 67.88 0 0196 0h0a78.28 78.28 0 01102.31-7.27L256 272l9.69-7.27A78.28 78.28 0 01368 272h0a67.88 67.88 0 0196 0zM256 64V48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrellaOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrellaOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UmbrellaOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/UmbrellaOutline.js"],"names":["UmbrellaOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uOAAR,EAAgP,MAAK,MAArP,EAA4P,QAAO,cAAnQ,EAAkR,eAAc,OAAhS,EAAwS,gBAAe,OAAvT,EAA+T,aAAY,IAA3U;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"UmbrellaOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UmbrellaOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 272v160a32 32 0 01-32 32h0a32 32 0 01-32-32M464 272c0-114.88-93.12-208-208-208S48 157.12 48 272h0a67.88 67.88 0 0196 0h0a78.28 78.28 0 01102.31-7.27L256 272l9.69-7.27A78.28 78.28 0 01368 272h0a67.88 67.88 0 0196 0zM256 64V48\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrellaOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrellaOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UmbrellaOutline"]}
\ No newline at end of file
diff --git a/lib/UmbrellaSharp.js b/lib/UmbrellaSharp.js
index 7957260fc..d294e0498 100644
--- a/lib/UmbrellaSharp.js
+++ b/lib/UmbrellaSharp.js
@@ -48,7 +48,7 @@ var UmbrellaSharp = function UmbrellaSharp(props) {
 UmbrellaSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/UmbrellaSharp.js.map b/lib/UmbrellaSharp.js.map
index 31b4ea5c3..4db185408 100644
--- a/lib/UmbrellaSharp.js.map
+++ b/lib/UmbrellaSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/UmbrellaSharp.js"],"names":["UmbrellaSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mGAAR,GAAjK;AAA8Q,8CAAM,GAAE,8dAAR;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"UmbrellaSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UmbrellaSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128.93 280l-.26-.3c-.9-.74-1.83-1.43-2.77-2.1zM383.08 280l2.62-2.12c-.79.58-1.57 1.17-2.34 1.79z\"/><path d=\"M463.14 186.44A224.55 224.55 0 00272 48.57V32h-32v16.57A223.58 223.58 0 0032 272v22.52l12.25-11.21a62.63 62.63 0 0181.43-5.88l.22.17c.94.67 1.87 1.36 2.77 2.1q2.09 1.69 4 3.61L144 294.63l11.31-11.32a62.59 62.59 0 0181.4-5.78L240 280v152a16 16 0 01-32 0v-16h-32v16a48 48 0 0096 0V280l3.29-2.47a62.59 62.59 0 0181.4 5.78L368 294.63l11.31-11.32q1.95-1.94 4.05-3.64c.77-.62 1.55-1.21 2.34-1.79l.26-.21c24.63-18.47 60-16.13 81.81 5.64l12.23 11.2V272a223.62 223.62 0 00-16.86-85.56z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrellaSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrellaSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UmbrellaSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/UmbrellaSharp.js"],"names":["UmbrellaSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mGAAR,GAAhK;AAA8Q,8CAAM,GAAE,8dAAR;AAA9Q;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"UmbrellaSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UmbrellaSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M128.93 280l-.26-.3c-.9-.74-1.83-1.43-2.77-2.1zM383.08 280l2.62-2.12c-.79.58-1.57 1.17-2.34 1.79z\" /><path d=\"M463.14 186.44A224.55 224.55 0 00272 48.57V32h-32v16.57A223.58 223.58 0 0032 272v22.52l12.25-11.21a62.63 62.63 0 0181.43-5.88l.22.17c.94.67 1.87 1.36 2.77 2.1q2.09 1.69 4 3.61L144 294.63l11.31-11.32a62.59 62.59 0 0181.4-5.78L240 280v152a16 16 0 01-32 0v-16h-32v16a48 48 0 0096 0V280l3.29-2.47a62.59 62.59 0 0181.4 5.78L368 294.63l11.31-11.32q1.95-1.94 4.05-3.64c.77-.62 1.55-1.21 2.34-1.79l.26-.21c24.63-18.47 60-16.13 81.81 5.64l12.23 11.2V272a223.62 223.62 0 00-16.86-85.56z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUmbrellaSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUmbrellaSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UmbrellaSharp"]}
\ No newline at end of file
diff --git a/lib/Unlink.js b/lib/Unlink.js
index d2091bcef..8b9bc23c8 100644
--- a/lib/Unlink.js
+++ b/lib/Unlink.js
@@ -47,7 +47,7 @@ var Unlink = function Unlink(props) {
 Unlink.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Unlink.js.map b/lib/Unlink.js.map
index 87f29edeb..2ef4572d0 100644
--- a/lib/Unlink.js.map
+++ b/lib/Unlink.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Unlink.js"],"names":["Unlink","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6EAAR,EAAsF,MAAK,MAA3F,EAAkG,QAAO,cAAzG,EAAwH,eAAc,OAAtI,EAA8I,gBAAe,OAA7J,EAAqK,aAAY,IAAjL;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Unlink.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Unlink = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlink.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlink.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Unlink"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Unlink.js"],"names":["Unlink","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6EAAR,EAAsF,MAAK,MAA3F,EAAkG,QAAO,cAAzG,EAAwH,eAAc,OAAtI,EAA8I,gBAAe,OAA7J,EAAqK,aAAY,IAAjL;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Unlink.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Unlink = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlink.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlink.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Unlink"]}
\ No newline at end of file
diff --git a/lib/UnlinkOutline.js b/lib/UnlinkOutline.js
index 824ed3b62..dacb2b0a0 100644
--- a/lib/UnlinkOutline.js
+++ b/lib/UnlinkOutline.js
@@ -47,7 +47,7 @@ var UnlinkOutline = function UnlinkOutline(props) {
 UnlinkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/UnlinkOutline.js.map b/lib/UnlinkOutline.js.map
index aad26243e..023259904 100644
--- a/lib/UnlinkOutline.js.map
+++ b/lib/UnlinkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/UnlinkOutline.js"],"names":["UnlinkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,eAAc,OAAzH,EAAiI,gBAAe,OAAhJ,EAAwJ,aAAY,IAApK;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"UnlinkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UnlinkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"36\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlinkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlinkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UnlinkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/UnlinkOutline.js"],"names":["UnlinkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gEAAR,EAAyE,MAAK,MAA9E,EAAqF,QAAO,cAA5F,EAA2G,eAAc,OAAzH,EAAiI,gBAAe,OAAhJ,EAAwJ,aAAY,IAApK;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"UnlinkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UnlinkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"36\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlinkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlinkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UnlinkOutline"]}
\ No newline at end of file
diff --git a/lib/UnlinkSharp.js b/lib/UnlinkSharp.js
index 72cfc8e0f..d8a8cdf3d 100644
--- a/lib/UnlinkSharp.js
+++ b/lib/UnlinkSharp.js
@@ -47,7 +47,7 @@ var UnlinkSharp = function UnlinkSharp(props) {
 UnlinkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/UnlinkSharp.js.map b/lib/UnlinkSharp.js.map
index 0d2652c66..e7e0fb66e 100644
--- a/lib/UnlinkSharp.js.map
+++ b/lib/UnlinkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/UnlinkSharp.js"],"names":["UnlinkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6EAAR,EAAsF,MAAK,MAA3F,EAAkG,QAAO,cAAzG,EAAwH,eAAc,QAAtI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"UnlinkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UnlinkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlinkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlinkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UnlinkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/UnlinkSharp.js"],"names":["UnlinkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6EAAR,EAAsF,MAAK,MAA3F,EAAkG,QAAO,cAAzG,EAAwH,eAAc,QAAtI,EAA+I,gBAAe,OAA9J,EAAsK,aAAY,IAAlL;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"UnlinkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst UnlinkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"48\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nUnlinkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nUnlinkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default UnlinkSharp"]}
\ No newline at end of file
diff --git a/lib/Videocam.js b/lib/Videocam.js
index 9509c4f45..570e68a90 100644
--- a/lib/Videocam.js
+++ b/lib/Videocam.js
@@ -47,7 +47,7 @@ var Videocam = function Videocam(props) {
 Videocam.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Videocam.js.map b/lib/Videocam.js.map
index cbec98374..824d3dae4 100644
--- a/lib/Videocam.js.map
+++ b/lib/Videocam.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Videocam.js"],"names":["Videocam","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kUAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Videocam.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Videocam = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocam.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocam.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Videocam"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Videocam.js"],"names":["Videocam","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,WAAW,SAAXA,QAAW,QAAS;AACxB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kUAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,SAASa,YAAT,GAAwB;AACtB;AACAH,SAAO,EAFe;AAGtBN,SAAO,SAHe;AAItBF,UAAQ,MAJc;AAKtBC,SAAO,MALe;AAMtBQ,cAAY,EANU;AAOtBC,SAAO,EAPe;;AAStB;AACAL,SAAO,KAVe;AAWtBC,QAAM,KAXgB;AAYtBF,UAAQ;AAZc,CAAxB;;AAgBAN,SAASc,SAAT,GAAqB;AACnB;AACAJ,SAAOK,oBAAUC,MAFE;AAGnBZ,SAAOW,oBAAUE,MAHE;AAInBf,UAAQa,oBAAUE,MAJC;AAKnBd,SAAOY,oBAAUE,MALE;AAMnBN,cAAYI,oBAAUE,MANH;AAOnBL,SAAOG,oBAAUE,MAPE;;AASnB;AACAV,SAAOQ,oBAAUG,IAVE;AAWnBV,QAAMO,oBAAUG,IAXG;AAYnBZ,UAAQS,oBAAUG,IAZC;;AAcnB;AACAb,WAASU,oBAAUI;AAfA,CAArB;;kBAmBenB,Q","file":"Videocam.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Videocam = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocam.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocam.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Videocam"]}
\ No newline at end of file
diff --git a/lib/VideocamOff.js b/lib/VideocamOff.js
index ed48bcc00..bff70052f 100644
--- a/lib/VideocamOff.js
+++ b/lib/VideocamOff.js
@@ -48,7 +48,7 @@ var VideocamOff = function VideocamOff(props) {
 VideocamOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VideocamOff.js.map b/lib/VideocamOff.js.map
index 085281325..b3a33789d 100644
--- a/lib/VideocamOff.js.map
+++ b/lib/VideocamOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VideocamOff.js"],"names":["VideocamOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iaAAR,GAAjK;AAA4kB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAA5kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"VideocamOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 179.52A67.52 67.52 0 00268.48 112h-79.2a4 4 0 00-2.82 6.83l142.71 142.71a4 4 0 006.83-2.82zM16 180v152a68 68 0 0068 68h184a67.66 67.66 0 0042.84-15.24 4 4 0 00.33-6L54.41 122a4 4 0 00-4.87-.62A68 68 0 0016 180zM464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 416L80 80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VideocamOff.js"],"names":["VideocamOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iaAAR,GAAhK;AAA4kB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG;AAA5kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"VideocamOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 179.52A67.52 67.52 0 00268.48 112h-79.2a4 4 0 00-2.82 6.83l142.71 142.71a4 4 0 006.83-2.82zM16 180v152a68 68 0 0068 68h184a67.66 67.66 0 0042.84-15.24 4 4 0 00.33-6L54.41 122a4 4 0 00-4.87-.62A68 68 0 0016 180zM464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 416L80 80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOff"]}
\ No newline at end of file
diff --git a/lib/VideocamOffOutline.js b/lib/VideocamOffOutline.js
index 27a319498..12f5ac4cc 100644
--- a/lib/VideocamOffOutline.js
+++ b/lib/VideocamOffOutline.js
@@ -48,7 +48,7 @@ var VideocamOffOutline = function VideocamOffOutline(props) {
 VideocamOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VideocamOffOutline.js.map b/lib/VideocamOffOutline.js.map
index 3b531f875..feee7fdfd 100644
--- a/lib/VideocamOffOutline.js.map
+++ b/lib/VideocamOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VideocamOffOutline.js"],"names":["VideocamOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,aAAY,IAA1E,EAA+E,gBAAe,OAA9F,EAAsG,GAAE,sIAAxG,GAAjK;AAAiZ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,aAAY,IAA1E,EAA+E,kBAAiB,IAAhG,EAAqG,GAAE,oJAAvG;AAAjZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"VideocamOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"32\" strokeLinejoin=\"round\" d=\"M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"32\" strokeMiterlimit=\"10\" d=\"M50.19 140.57A51.94 51.94 0 0032 180v152a52.15 52.15 0 0052 52h184a51.6 51.6 0 0022-4.9M208 128h60.48A51.68 51.68 0 01320 179.52V248M416 416L80 80\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VideocamOffOutline.js"],"names":["VideocamOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,qBAAqB,SAArBA,kBAAqB,QAAS;AAClC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,aAAY,IAA1E,EAA+E,gBAAe,OAA9F,EAAsG,GAAE,sIAAxG,GAAhK;AAAiZ,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,aAAY,IAA1E,EAA+E,kBAAiB,IAAhG,EAAqG,GAAE,oJAAvG;AAAjZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,mBAAmBa,YAAnB,GAAkC;AAChC;AACAH,SAAO,EAFyB;AAGhCN,SAAO,SAHyB;AAIhCF,UAAQ,MAJwB;AAKhCC,SAAO,MALyB;AAMhCQ,cAAY,EANoB;AAOhCC,SAAO,EAPyB;;AAShC;AACAL,SAAO,KAVyB;AAWhCC,QAAM,KAX0B;AAYhCF,UAAQ;AAZwB,CAAlC;;AAgBAN,mBAAmBc,SAAnB,GAA+B;AAC7B;AACAJ,SAAOK,oBAAUC,MAFY;AAG7BZ,SAAOW,oBAAUE,MAHY;AAI7Bf,UAAQa,oBAAUE,MAJW;AAK7Bd,SAAOY,oBAAUE,MALY;AAM7BN,cAAYI,oBAAUE,MANO;AAO7BL,SAAOG,oBAAUE,MAPY;;AAS7B;AACAV,SAAOQ,oBAAUG,IAVY;AAW7BV,QAAMO,oBAAUG,IAXa;AAY7BZ,UAAQS,oBAAUG,IAZW;;AAc7B;AACAb,WAASU,oBAAUI;AAfU,CAA/B;;kBAmBenB,kB","file":"VideocamOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"32\" strokeLinejoin=\"round\" d=\"M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"32\" strokeMiterlimit=\"10\" d=\"M50.19 140.57A51.94 51.94 0 0032 180v152a52.15 52.15 0 0052 52h184a51.6 51.6 0 0022-4.9M208 128h60.48A51.68 51.68 0 01320 179.52V248M416 416L80 80\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOffOutline"]}
\ No newline at end of file
diff --git a/lib/VideocamOffSharp.js b/lib/VideocamOffSharp.js
index e1b15e89b..16e594db5 100644
--- a/lib/VideocamOffSharp.js
+++ b/lib/VideocamOffSharp.js
@@ -47,7 +47,7 @@ var VideocamOffSharp = function VideocamOffSharp(props) {
 VideocamOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VideocamOffSharp.js.map b/lib/VideocamOffSharp.js.map
index 1423c1d1c..bb9bea67a 100644
--- a/lib/VideocamOffSharp.js.map
+++ b/lib/VideocamOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VideocamOffSharp.js"],"names":["VideocamOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2MAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VideocamOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M57.376 79.998l22.627-22.627 358.63 358.63-22.627 22.628zM32 112a16 16 0 00-16 16v256a16 16 0 0016 16h288a15.89 15.89 0 009.34-3l-285-285zM336 208v-80a16 16 0 00-16-16H179.63l245.44 245.44L496 400V112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VideocamOffSharp.js"],"names":["VideocamOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2MAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VideocamOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M57.376 79.998l22.627-22.627 358.63 358.63-22.627 22.628zM32 112a16 16 0 00-16 16v256a16 16 0 0016 16h288a15.89 15.89 0 009.34-3l-285-285zM336 208v-80a16 16 0 00-16-16H179.63l245.44 245.44L496 400V112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOffSharp"]}
\ No newline at end of file
diff --git a/lib/VideocamOutline.js b/lib/VideocamOutline.js
index f9d335edc..a95c64add 100644
--- a/lib/VideocamOutline.js
+++ b/lib/VideocamOutline.js
@@ -48,7 +48,7 @@ var VideocamOutline = function VideocamOutline(props) {
 VideocamOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VideocamOutline.js.map b/lib/VideocamOutline.js.map
index dbe7836c6..f264a4d9f 100644
--- a/lib/VideocamOutline.js.map
+++ b/lib/VideocamOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VideocamOutline.js"],"names":["VideocamOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O,GAAjK;AAAiZ,8CAAM,GAAE,4HAAR,EAAqI,MAAK,MAA1I,EAAiJ,QAAO,cAAxJ,EAAuK,kBAAiB,IAAxL,EAA6L,aAAY,IAAzM;AAAjZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VideocamOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M268 384H84a52.15 52.15 0 01-52-52V180a52.15 52.15 0 0152-52h184.48A51.68 51.68 0 01320 179.52V332a52.15 52.15 0 01-52 52z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VideocamOutline.js"],"names":["VideocamOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sIAAR,EAA+I,MAAK,MAApJ,EAA2J,QAAO,cAAlK,EAAiL,eAAc,OAA/L,EAAuM,gBAAe,OAAtN,EAA8N,aAAY,IAA1O,GAAhK;AAAiZ,8CAAM,GAAE,4HAAR,EAAqI,MAAK,MAA1I,EAAiJ,QAAO,cAAxJ,EAAuK,kBAAiB,IAAxL,EAA6L,aAAY,IAAzM;AAAjZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VideocamOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M268 384H84a52.15 52.15 0 01-52-52V180a52.15 52.15 0 0152-52h184.48A51.68 51.68 0 01320 179.52V332a52.15 52.15 0 01-52 52z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamOutline"]}
\ No newline at end of file
diff --git a/lib/VideocamSharp.js b/lib/VideocamSharp.js
index 9c0640619..dc43cba26 100644
--- a/lib/VideocamSharp.js
+++ b/lib/VideocamSharp.js
@@ -47,7 +47,7 @@ var VideocamSharp = function VideocamSharp(props) {
 VideocamSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VideocamSharp.js.map b/lib/VideocamSharp.js.map
index ce52877e9..9ba3f5125 100644
--- a/lib/VideocamSharp.js.map
+++ b/lib/VideocamSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VideocamSharp.js"],"names":["VideocamSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,2GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"VideocamSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 208v-80a16 16 0 00-16-16H32a16 16 0 00-16 16v256a16 16 0 0016 16h288a16 16 0 0016-16v-80l160 96V112z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VideocamSharp.js"],"names":["VideocamSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,2GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"VideocamSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VideocamSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M336 208v-80a16 16 0 00-16-16H32a16 16 0 00-16 16v256a16 16 0 0016 16h288a16 16 0 0016-16v-80l160 96V112z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVideocamSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVideocamSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VideocamSharp"]}
\ No newline at end of file
diff --git a/lib/VolumeHigh.js b/lib/VolumeHigh.js
index e69c59c62..e6b2ef501 100644
--- a/lib/VolumeHigh.js
+++ b/lib/VolumeHigh.js
@@ -49,7 +49,7 @@ var VolumeHigh = function VolumeHigh(props) {
 VolumeHigh.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeHigh.js.map b/lib/VolumeHigh.js.map
index 95cd86617..35f32d876 100644
--- a/lib/VolumeHigh.js.map
+++ b/lib/VolumeHigh.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeHigh.js"],"names":["VolumeHigh","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wZAAR,GAAjK;AAAmkB,8CAAM,GAAE,yMAAR,GAAnkB;AAAsxB,8CAAM,GAAE,2MAAR;AAAtxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"VolumeHigh.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHigh = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z\"/><path d=\"M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z\"/><path d=\"M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHigh.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHigh.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHigh"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeHigh.js"],"names":["VolumeHigh","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wZAAR,GAAhK;AAAmkB,8CAAM,GAAE,yMAAR,GAAnkB;AAAuxB,8CAAM,GAAE,2MAAR;AAAvxB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"VolumeHigh.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHigh = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z\" /><path d=\"M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z\" /><path d=\"M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHigh.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHigh.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHigh"]}
\ No newline at end of file
diff --git a/lib/VolumeHighOutline.js b/lib/VolumeHighOutline.js
index d162c9b6d..40d028db0 100644
--- a/lib/VolumeHighOutline.js
+++ b/lib/VolumeHighOutline.js
@@ -47,7 +47,7 @@ var VolumeHighOutline = function VolumeHighOutline(props) {
 VolumeHighOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeHighOutline.js.map b/lib/VolumeHighOutline.js.map
index 4157587da..8cdf57b56 100644
--- a/lib/VolumeHighOutline.js.map
+++ b/lib/VolumeHighOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeHighOutline.js"],"names":["VolumeHighOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yTAAR,EAAkU,MAAK,MAAvU,EAA8U,QAAO,cAArV,EAAoW,eAAc,OAAlX,EAA0X,gBAAe,OAAzY,EAAiZ,aAAY,IAA7Z;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeHighOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHighOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126 192H56a8 8 0 00-8 8v112a8 8 0 008 8h69.65a15.93 15.93 0 0110.14 3.54l91.47 74.89A8 8 0 00240 392V120a8 8 0 00-12.74-6.43l-91.47 74.89A15 15 0 01126 192zM320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHighOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHighOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHighOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeHighOutline.js"],"names":["VolumeHighOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yTAAR,EAAkU,MAAK,MAAvU,EAA8U,QAAO,cAArV,EAAoW,eAAc,OAAlX,EAA0X,gBAAe,OAAzY,EAAiZ,aAAY,IAA7Z;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeHighOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHighOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M126 192H56a8 8 0 00-8 8v112a8 8 0 008 8h69.65a15.93 15.93 0 0110.14 3.54l91.47 74.89A8 8 0 00240 392V120a8 8 0 00-12.74-6.43l-91.47 74.89A15 15 0 01126 192zM320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHighOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHighOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHighOutline"]}
\ No newline at end of file
diff --git a/lib/VolumeHighSharp.js b/lib/VolumeHighSharp.js
index cfc672e27..bd6f61835 100644
--- a/lib/VolumeHighSharp.js
+++ b/lib/VolumeHighSharp.js
@@ -48,7 +48,7 @@ var VolumeHighSharp = function VolumeHighSharp(props) {
 VolumeHighSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeHighSharp.js.map b/lib/VolumeHighSharp.js.map
index f2ddc144c..0809faefe 100644
--- a/lib/VolumeHighSharp.js.map
+++ b/lib/VolumeHighSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeHighSharp.js"],"names":["VolumeHighSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4JAAR,EAAqK,MAAK,MAA1K,EAAiL,QAAO,cAAxL,EAAuM,eAAc,QAArN,EAA8N,kBAAiB,IAA/O,EAAoP,aAAY,IAAhQ,GAAjK;AAAua,8CAAM,GAAE,uDAAR;AAAva;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VolumeHighSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHighSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M125.65 176.1H32v159.8h93.65L256 440V72L125.65 176.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHighSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHighSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHighSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeHighSharp.js"],"names":["VolumeHighSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4JAAR,EAAqK,MAAK,MAA1K,EAAiL,QAAO,cAAxL,EAAuM,eAAc,QAArN,EAA8N,kBAAiB,IAA/O,EAAoP,aAAY,IAAhQ,GAAhK;AAAua,8CAAM,GAAE,uDAAR;AAAva;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VolumeHighSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeHighSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M125.65 176.1H32v159.8h93.65L256 440V72L125.65 176.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeHighSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeHighSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeHighSharp"]}
\ No newline at end of file
diff --git a/lib/VolumeLow.js b/lib/VolumeLow.js
index 23744a6ba..12c316044 100644
--- a/lib/VolumeLow.js
+++ b/lib/VolumeLow.js
@@ -47,7 +47,7 @@ var VolumeLow = function VolumeLow(props) {
 VolumeLow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeLow.js.map b/lib/VolumeLow.js.map
index 41b76e9e3..932c63e92 100644
--- a/lib/VolumeLow.js.map
+++ b/lib/VolumeLow.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeLow.js"],"names":["VolumeLow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uWAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"VolumeLow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01320 119.83v272.34a24 24 0 01-24 24zM384 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01384 336z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLow.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLow"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeLow.js"],"names":["VolumeLow","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uWAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"VolumeLow.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLow = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M296 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01320 119.83v272.34a24 24 0 01-24 24zM384 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01384 336z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLow.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLow.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLow"]}
\ No newline at end of file
diff --git a/lib/VolumeLowOutline.js b/lib/VolumeLowOutline.js
index df0a8ddc1..067f0fc7b 100644
--- a/lib/VolumeLowOutline.js
+++ b/lib/VolumeLowOutline.js
@@ -47,7 +47,7 @@ var VolumeLowOutline = function VolumeLowOutline(props) {
 VolumeLowOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeLowOutline.js.map b/lib/VolumeLowOutline.js.map
index 9e73e4f7b..9df9fb666 100644
--- a/lib/VolumeLowOutline.js.map
+++ b/lib/VolumeLowOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeLowOutline.js"],"names":["VolumeLowOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wNAAR,EAAiO,MAAK,MAAtO,EAA6O,QAAO,cAApP,EAAmQ,eAAc,OAAjR,EAAyR,gBAAe,OAAxS,EAAgT,aAAY,IAA5T;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VolumeLowOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLowOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M189.65 192H120a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM384 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLowOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLowOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLowOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeLowOutline.js"],"names":["VolumeLowOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wNAAR,EAAiO,MAAK,MAAtO,EAA6O,QAAO,cAApP,EAAmQ,eAAc,OAAjR,EAAyR,gBAAe,OAAxS,EAAgT,aAAY,IAA5T;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VolumeLowOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLowOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M189.65 192H120a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM384 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLowOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLowOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLowOutline"]}
\ No newline at end of file
diff --git a/lib/VolumeLowSharp.js b/lib/VolumeLowSharp.js
index 7148cb63b..a4cd1eff6 100644
--- a/lib/VolumeLowSharp.js
+++ b/lib/VolumeLowSharp.js
@@ -47,7 +47,7 @@ var VolumeLowSharp = function VolumeLowSharp(props) {
 VolumeLowSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeLowSharp.js.map b/lib/VolumeLowSharp.js.map
index 109632c46..1fced7f5b 100644
--- a/lib/VolumeLowSharp.js.map
+++ b/lib/VolumeLowSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeLowSharp.js"],"names":["VolumeLowSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oPAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"VolumeLowSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLowSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M391.12 341.48l-28.6-14.36 7.18-14.3c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73L362.48 185 391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18zM189.65 176.1H96v159.8h93.65L320 440V72L189.65 176.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLowSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLowSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLowSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeLowSharp.js"],"names":["VolumeLowSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oPAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"VolumeLowSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeLowSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M391.12 341.48l-28.6-14.36 7.18-14.3c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73L362.48 185 391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18zM189.65 176.1H96v159.8h93.65L320 440V72L189.65 176.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeLowSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeLowSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeLowSharp"]}
\ No newline at end of file
diff --git a/lib/VolumeMedium.js b/lib/VolumeMedium.js
index 2d316b934..cf5b1e7ac 100644
--- a/lib/VolumeMedium.js
+++ b/lib/VolumeMedium.js
@@ -48,7 +48,7 @@ var VolumeMedium = function VolumeMedium(props) {
 VolumeMedium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMedium.js.map b/lib/VolumeMedium.js.map
index d9358a80b..48bca892e 100644
--- a/lib/VolumeMedium.js.map
+++ b/lib/VolumeMedium.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMedium.js"],"names":["VolumeMedium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sWAAR,GAAjK;AAAihB,8CAAM,GAAE,qMAAR;AAAjhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"VolumeMedium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMedium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M264 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01288 119.83v272.34a24 24 0 01-24 24zM352 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01352 336z\"/><path d=\"M400 384a16 16 0 01-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 01413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 01-13.88 8z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMedium.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMedium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMedium"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMedium.js"],"names":["VolumeMedium","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sWAAR,GAAhK;AAAihB,8CAAM,GAAE,qMAAR;AAAjhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"VolumeMedium.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMedium = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M264 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01288 119.83v272.34a24 24 0 01-24 24zM352 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01352 336z\" /><path d=\"M400 384a16 16 0 01-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 01413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 01-13.88 8z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMedium.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMedium.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMedium"]}
\ No newline at end of file
diff --git a/lib/VolumeMediumOutline.js b/lib/VolumeMediumOutline.js
index 206a60edd..e7343cba4 100644
--- a/lib/VolumeMediumOutline.js
+++ b/lib/VolumeMediumOutline.js
@@ -47,7 +47,7 @@ var VolumeMediumOutline = function VolumeMediumOutline(props) {
 VolumeMediumOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMediumOutline.js.map b/lib/VolumeMediumOutline.js.map
index c70fbc285..ae46c5030 100644
--- a/lib/VolumeMediumOutline.js.map
+++ b/lib/VolumeMediumOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMediumOutline.js"],"names":["VolumeMediumOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,qQAAR,EAA8Q,MAAK,MAAnR,EAA0R,QAAO,cAAjS,EAAgT,eAAc,OAA9T,EAAsU,gBAAe,OAArV,EAA6V,aAAY,IAAzW;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"VolumeMediumOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMediumOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M157.65 192H88a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMediumOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMediumOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMediumOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMediumOutline.js"],"names":["VolumeMediumOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,sBAAsB,SAAtBA,mBAAsB,QAAS;AACnC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,qQAAR,EAA8Q,MAAK,MAAnR,EAA0R,QAAO,cAAjS,EAAgT,eAAc,OAA9T,EAAsU,gBAAe,OAArV,EAA6V,aAAY,IAAzW;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,oBAAoBa,YAApB,GAAmC;AACjC;AACAH,SAAO,EAF0B;AAGjCN,SAAO,SAH0B;AAIjCF,UAAQ,MAJyB;AAKjCC,SAAO,MAL0B;AAMjCQ,cAAY,EANqB;AAOjCC,SAAO,EAP0B;;AASjC;AACAL,SAAO,KAV0B;AAWjCC,QAAM,KAX2B;AAYjCF,UAAQ;AAZyB,CAAnC;;AAgBAN,oBAAoBc,SAApB,GAAgC;AAC9B;AACAJ,SAAOK,oBAAUC,MAFa;AAG9BZ,SAAOW,oBAAUE,MAHa;AAI9Bf,UAAQa,oBAAUE,MAJY;AAK9Bd,SAAOY,oBAAUE,MALa;AAM9BN,cAAYI,oBAAUE,MANQ;AAO9BL,SAAOG,oBAAUE,MAPa;;AAS9B;AACAV,SAAOQ,oBAAUG,IAVa;AAW9BV,QAAMO,oBAAUG,IAXc;AAY9BZ,UAAQS,oBAAUG,IAZY;;AAc9B;AACAb,WAASU,oBAAUI;AAfW,CAAhC;;kBAmBenB,mB","file":"VolumeMediumOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMediumOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M157.65 192H88a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMediumOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMediumOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMediumOutline"]}
\ No newline at end of file
diff --git a/lib/VolumeMediumSharp.js b/lib/VolumeMediumSharp.js
index e8debd668..4c9f203c0 100644
--- a/lib/VolumeMediumSharp.js
+++ b/lib/VolumeMediumSharp.js
@@ -48,7 +48,7 @@ var VolumeMediumSharp = function VolumeMediumSharp(props) {
 VolumeMediumSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMediumSharp.js.map b/lib/VolumeMediumSharp.js.map
index eac4f3c55..e8e9124dc 100644
--- a/lib/VolumeMediumSharp.js.map
+++ b/lib/VolumeMediumSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMediumSharp.js"],"names":["VolumeMediumSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,uDAAR,GAAjK;AAAkO,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,eAAc,QAAhK,EAAyK,gBAAe,OAAxL,EAAgM,aAAY,IAA5M;AAAlO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeMediumSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMediumSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M157.65 176.1H64v159.8h93.65L288 440V72L157.65 176.1z\"/><path d=\"M352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMediumSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMediumSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMediumSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMediumSharp.js"],"names":["VolumeMediumSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,uDAAR,GAAhK;AAAkO,8CAAM,GAAE,uGAAR,EAAgH,MAAK,MAArH,EAA4H,QAAO,cAAnI,EAAkJ,eAAc,QAAhK,EAAyK,gBAAe,OAAxL,EAAgM,aAAY,IAA5M;AAAlO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeMediumSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMediumSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M157.65 176.1H64v159.8h93.65L288 440V72L157.65 176.1z\" /><path d=\"M352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMediumSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMediumSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMediumSharp"]}
\ No newline at end of file
diff --git a/lib/VolumeMute.js b/lib/VolumeMute.js
index 69290403f..74bd796c6 100644
--- a/lib/VolumeMute.js
+++ b/lib/VolumeMute.js
@@ -49,7 +49,7 @@ var VolumeMute = function VolumeMute(props) {
 VolumeMute.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMute.js.map b/lib/VolumeMute.js.map
index 08798678e..9e7a8cd75 100644
--- a/lib/VolumeMute.js.map
+++ b/lib/VolumeMute.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMute.js"],"names":["VolumeMute","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAjK;AAA0R,8CAAM,GAAE,0sBAAR,GAA1R;AAA8+B,8CAAM,GAAE,2MAAR;AAA9+B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"VolumeMute.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMute = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\"/><path d=\"M243.33 98.86a23.89 23.89 0 00-25.55 1.82l-.66.51-28.52 23.35a8 8 0 00-.59 11.85l54.33 54.33a8 8 0 0013.66-5.66v-64.49a24.51 24.51 0 00-12.67-21.71zM251.33 335.29L96.69 180.69A16 16 0 0085.38 176H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l92 75.31a23.9 23.9 0 0025.87 1.69A24.51 24.51 0 00256 391.45v-44.86a16 16 0 00-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 10-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l14.36 14.36a8 8 0 0013.55-4.31A146 146 0 00352 256zM416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26L389 337.4a8 8 0 0013.13-2.79C411 311.76 416 287.26 416 256z\"/><path d=\"M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 001.59 9l11.92 11.92a8 8 0 0012.92-2.16C471.6 344.9 480 305 480 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMute.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMute.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMute"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMute.js"],"names":["VolumeMute","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAhK;AAA0R,8CAAM,GAAE,0sBAAR,GAA1R;AAA++B,8CAAM,GAAE,2MAAR;AAA/+B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"VolumeMute.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMute = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\" /><path d=\"M243.33 98.86a23.89 23.89 0 00-25.55 1.82l-.66.51-28.52 23.35a8 8 0 00-.59 11.85l54.33 54.33a8 8 0 0013.66-5.66v-64.49a24.51 24.51 0 00-12.67-21.71zM251.33 335.29L96.69 180.69A16 16 0 0085.38 176H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l92 75.31a23.9 23.9 0 0025.87 1.69A24.51 24.51 0 00256 391.45v-44.86a16 16 0 00-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 10-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l14.36 14.36a8 8 0 0013.55-4.31A146 146 0 00352 256zM416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26L389 337.4a8 8 0 0013.13-2.79C411 311.76 416 287.26 416 256z\" /><path d=\"M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 001.59 9l11.92 11.92a8 8 0 0012.92-2.16C471.6 344.9 480 305 480 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMute.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMute.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMute"]}
\ No newline at end of file
diff --git a/lib/VolumeMuteOutline.js b/lib/VolumeMuteOutline.js
index c4a430f8f..e56c056f2 100644
--- a/lib/VolumeMuteOutline.js
+++ b/lib/VolumeMuteOutline.js
@@ -49,7 +49,7 @@ var VolumeMuteOutline = function VolumeMuteOutline(props) {
 VolumeMuteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMuteOutline.js.map b/lib/VolumeMuteOutline.js.map
index b20366959..812c11a28 100644
--- a/lib/VolumeMuteOutline.js.map
+++ b/lib/VolumeMuteOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMuteOutline.js"],"names":["VolumeMuteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAjK;AAA0R,8CAAM,GAAE,63BAAR,GAA1R;AAAiqC,8CAAM,GAAE,qMAAR;AAAjqC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeMuteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMuteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\"/><path d=\"M224 136.92v33.8a4 4 0 001.17 2.82l24 24a4 4 0 006.83-2.82v-74.15a24.53 24.53 0 00-12.67-21.72 23.91 23.91 0 00-25.55 1.83 8.27 8.27 0 00-.66.51l-31.94 26.15a4 4 0 00-.29 5.92l17.05 17.06a4 4 0 005.37.26zM224 375.08l-78.07-63.92a32 32 0 00-20.28-7.16H64v-96h50.72a4 4 0 002.82-6.83l-24-24a4 4 0 00-2.82-1.17H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l91.36 74.8a8.27 8.27 0 00.66.51 23.93 23.93 0 0025.85 1.69A24.49 24.49 0 00256 391.45v-50.17a4 4 0 00-1.17-2.82l-24-24a4 4 0 00-6.83 2.82zM125.82 336zM352 256c0-24.56-5.81-47.88-17.75-71.27a16 16 0 00-28.5 14.54C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l19.66 19.67a4 4 0 006.75-2A146.89 146.89 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26l16.77 16.76a4 4 0 006.52-1.27C410.09 315.88 416 289.91 416 256z\"/><path d=\"M480 256c0-74.26-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 47.45-8.9 82.12-23.59 113a4 4 0 00.77 4.55L443 391.39a4 4 0 006.4-1C470.88 348.22 480 307 480 256z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMuteOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMuteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMuteOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMuteOutline.js"],"names":["VolumeMuteOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,oBAAoB,SAApBA,iBAAoB,QAAS;AACjC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,kBAAiB,IAA/E,EAAoF,aAAY,IAAhG,EAAqG,GAAE,gBAAvG,GAAhK;AAA0R,8CAAM,GAAE,63BAAR,GAA1R;AAAkqC,8CAAM,GAAE,qMAAR;AAAlqC;AAVF,GADF;AAcD,CAfD;;AAkBAZ,kBAAkBa,YAAlB,GAAiC;AAC/B;AACAH,SAAO,EAFwB;AAG/BN,SAAO,SAHwB;AAI/BF,UAAQ,MAJuB;AAK/BC,SAAO,MALwB;AAM/BQ,cAAY,EANmB;AAO/BC,SAAO,EAPwB;;AAS/B;AACAL,SAAO,KAVwB;AAW/BC,QAAM,KAXyB;AAY/BF,UAAQ;AAZuB,CAAjC;;AAgBAN,kBAAkBc,SAAlB,GAA8B;AAC5B;AACAJ,SAAOK,oBAAUC,MAFW;AAG5BZ,SAAOW,oBAAUE,MAHW;AAI5Bf,UAAQa,oBAAUE,MAJU;AAK5Bd,SAAOY,oBAAUE,MALW;AAM5BN,cAAYI,oBAAUE,MANM;AAO5BL,SAAOG,oBAAUE,MAPW;;AAS5B;AACAV,SAAOQ,oBAAUG,IAVW;AAW5BV,QAAMO,oBAAUG,IAXY;AAY5BZ,UAAQS,oBAAUG,IAZU;;AAc5B;AACAb,WAASU,oBAAUI;AAfS,CAA9B;;kBAmBenB,iB","file":"VolumeMuteOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMuteOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\" /><path d=\"M224 136.92v33.8a4 4 0 001.17 2.82l24 24a4 4 0 006.83-2.82v-74.15a24.53 24.53 0 00-12.67-21.72 23.91 23.91 0 00-25.55 1.83 8.27 8.27 0 00-.66.51l-31.94 26.15a4 4 0 00-.29 5.92l17.05 17.06a4 4 0 005.37.26zM224 375.08l-78.07-63.92a32 32 0 00-20.28-7.16H64v-96h50.72a4 4 0 002.82-6.83l-24-24a4 4 0 00-2.82-1.17H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l91.36 74.8a8.27 8.27 0 00.66.51 23.93 23.93 0 0025.85 1.69A24.49 24.49 0 00256 391.45v-50.17a4 4 0 00-1.17-2.82l-24-24a4 4 0 00-6.83 2.82zM125.82 336zM352 256c0-24.56-5.81-47.88-17.75-71.27a16 16 0 00-28.5 14.54C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l19.66 19.67a4 4 0 006.75-2A146.89 146.89 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26l16.77 16.76a4 4 0 006.52-1.27C410.09 315.88 416 289.91 416 256z\" /><path d=\"M480 256c0-74.26-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 47.45-8.9 82.12-23.59 113a4 4 0 00.77 4.55L443 391.39a4 4 0 006.4-1C470.88 348.22 480 307 480 256z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMuteOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMuteOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMuteOutline"]}
\ No newline at end of file
diff --git a/lib/VolumeMuteSharp.js b/lib/VolumeMuteSharp.js
index 3f2cd8750..2b95c4c2a 100644
--- a/lib/VolumeMuteSharp.js
+++ b/lib/VolumeMuteSharp.js
@@ -49,7 +49,7 @@ var VolumeMuteSharp = function VolumeMuteSharp(props) {
 VolumeMuteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeMuteSharp.js.map b/lib/VolumeMuteSharp.js.map
index 60378debe..b86df0caa 100644
--- a/lib/VolumeMuteSharp.js.map
+++ b/lib/VolumeMuteSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeMuteSharp.js"],"names":["VolumeMuteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gBAAxG,GAAjK;AAA2R,8CAAM,GAAE,mWAAR,GAA3R;AAAwoB,8CAAM,GAAE,uQAAR;AAAxoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VolumeMuteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMuteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\"/><path d=\"M352 256c0-24.56-5.81-47.88-17.75-71.27L327 170.47 298.48 185l7.27 14.25C315.34 218.06 320 236.62 320 256a112.91 112.91 0 01-.63 11.74l27.32 27.32A148.8 148.8 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06l-8.06-13.82-27.64 16.12 8.06 13.82C373.07 184.44 384 211.83 384 256c0 25.93-3.89 46.21-11 65.33l24.5 24.51C409.19 319.68 416 292.42 416 256z\"/><path d=\"M480 256c0-74.26-20.19-121.11-50.51-168.61l-8.61-13.49-27 17.22 8.61 13.49C429.82 147.38 448 189.5 448 256c0 48.76-9.4 84-24.82 115.55l23.7 23.7C470.16 351.39 480 309 480 256zM256 72l-73.6 58.78 73.6 73.59V72zM32 176.1v159.8h93.65L256 440V339.63L92.47 176.1H32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMuteSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMuteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMuteSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeMuteSharp.js"],"names":["VolumeMuteSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,kBAAkB,SAAlBA,eAAkB,QAAS;AAC/B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,kBAAiB,IAAhF,EAAqF,aAAY,IAAjG,EAAsG,GAAE,gBAAxG,GAAhK;AAA2R,8CAAM,GAAE,mWAAR,GAA3R;AAAyoB,8CAAM,GAAE,uQAAR;AAAzoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,gBAAgBa,YAAhB,GAA+B;AAC7B;AACAH,SAAO,EAFsB;AAG7BN,SAAO,SAHsB;AAI7BF,UAAQ,MAJqB;AAK7BC,SAAO,MALsB;AAM7BQ,cAAY,EANiB;AAO7BC,SAAO,EAPsB;;AAS7B;AACAL,SAAO,KAVsB;AAW7BC,QAAM,KAXuB;AAY7BF,UAAQ;AAZqB,CAA/B;;AAgBAN,gBAAgBc,SAAhB,GAA4B;AAC1B;AACAJ,SAAOK,oBAAUC,MAFS;AAG1BZ,SAAOW,oBAAUE,MAHS;AAI1Bf,UAAQa,oBAAUE,MAJQ;AAK1Bd,SAAOY,oBAAUE,MALS;AAM1BN,cAAYI,oBAAUE,MANI;AAO1BL,SAAOG,oBAAUE,MAPS;;AAS1B;AACAV,SAAOQ,oBAAUG,IAVS;AAW1BV,QAAMO,oBAAUG,IAXU;AAY1BZ,UAAQS,oBAAUG,IAZQ;;AAc1B;AACAb,WAASU,oBAAUI;AAfO,CAA5B;;kBAmBenB,e","file":"VolumeMuteSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeMuteSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeMiterlimit=\"10\" strokeWidth=\"32\" d=\"M416 432L64 80\" /><path d=\"M352 256c0-24.56-5.81-47.88-17.75-71.27L327 170.47 298.48 185l7.27 14.25C315.34 218.06 320 236.62 320 256a112.91 112.91 0 01-.63 11.74l27.32 27.32A148.8 148.8 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06l-8.06-13.82-27.64 16.12 8.06 13.82C373.07 184.44 384 211.83 384 256c0 25.93-3.89 46.21-11 65.33l24.5 24.51C409.19 319.68 416 292.42 416 256z\" /><path d=\"M480 256c0-74.26-20.19-121.11-50.51-168.61l-8.61-13.49-27 17.22 8.61 13.49C429.82 147.38 448 189.5 448 256c0 48.76-9.4 84-24.82 115.55l23.7 23.7C470.16 351.39 480 309 480 256zM256 72l-73.6 58.78 73.6 73.59V72zM32 176.1v159.8h93.65L256 440V339.63L92.47 176.1H32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeMuteSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeMuteSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeMuteSharp"]}
\ No newline at end of file
diff --git a/lib/VolumeOff.js b/lib/VolumeOff.js
index ab846f418..60a067ef4 100644
--- a/lib/VolumeOff.js
+++ b/lib/VolumeOff.js
@@ -47,7 +47,7 @@ var VolumeOff = function VolumeOff(props) {
 VolumeOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeOff.js.map b/lib/VolumeOff.js.map
index a1a47bbff..984834b73 100644
--- a/lib/VolumeOff.js.map
+++ b/lib/VolumeOff.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeOff.js"],"names":["VolumeOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sMAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"VolumeOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 416a23.92 23.92 0 01-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 01-24-24V200.07a24 24 0 0124-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 01368 120v272a24 24 0 01-24 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOff.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOff"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeOff.js"],"names":["VolumeOff","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sMAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"VolumeOff.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOff = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M344 416a23.92 23.92 0 01-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 01-24-24V200.07a24 24 0 0124-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 01368 120v272a24 24 0 01-24 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOff.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOff.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOff"]}
\ No newline at end of file
diff --git a/lib/VolumeOffOutline.js b/lib/VolumeOffOutline.js
index 336973733..c72d8e024 100644
--- a/lib/VolumeOffOutline.js
+++ b/lib/VolumeOffOutline.js
@@ -47,7 +47,7 @@ var VolumeOffOutline = function VolumeOffOutline(props) {
 VolumeOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeOffOutline.js.map b/lib/VolumeOffOutline.js.map
index ad9ccb4b3..3730df741 100644
--- a/lib/VolumeOffOutline.js.map
+++ b/lib/VolumeOffOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeOffOutline.js"],"names":["VolumeOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,eAAc,OAA1N,EAAkO,gBAAe,OAAjP,EAAyP,aAAY,IAArQ;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VolumeOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M237.65 192H168a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOffOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeOffOutline.js"],"names":["VolumeOffOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,mBAAmB,SAAnBA,gBAAmB,QAAS;AAChC,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iKAAR,EAA0K,MAAK,MAA/K,EAAsL,QAAO,cAA7L,EAA4M,eAAc,OAA1N,EAAkO,gBAAe,OAAjP,EAAyP,aAAY,IAArQ;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,iBAAiBa,YAAjB,GAAgC;AAC9B;AACAH,SAAO,EAFuB;AAG9BN,SAAO,SAHuB;AAI9BF,UAAQ,MAJsB;AAK9BC,SAAO,MALuB;AAM9BQ,cAAY,EANkB;AAO9BC,SAAO,EAPuB;;AAS9B;AACAL,SAAO,KAVuB;AAW9BC,QAAM,KAXwB;AAY9BF,UAAQ;AAZsB,CAAhC;;AAgBAN,iBAAiBc,SAAjB,GAA6B;AAC3B;AACAJ,SAAOK,oBAAUC,MAFU;AAG3BZ,SAAOW,oBAAUE,MAHU;AAI3Bf,UAAQa,oBAAUE,MAJS;AAK3Bd,SAAOY,oBAAUE,MALU;AAM3BN,cAAYI,oBAAUE,MANK;AAO3BL,SAAOG,oBAAUE,MAPU;;AAS3B;AACAV,SAAOQ,oBAAUG,IAVU;AAW3BV,QAAMO,oBAAUG,IAXW;AAY3BZ,UAAQS,oBAAUG,IAZS;;AAc3B;AACAb,WAASU,oBAAUI;AAfQ,CAA7B;;kBAmBenB,gB","file":"VolumeOffOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOffOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M237.65 192H168a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOffOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOffOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOffOutline"]}
\ No newline at end of file
diff --git a/lib/VolumeOffSharp.js b/lib/VolumeOffSharp.js
index e0dbc551f..1cab6d02f 100644
--- a/lib/VolumeOffSharp.js
+++ b/lib/VolumeOffSharp.js
@@ -47,7 +47,7 @@ var VolumeOffSharp = function VolumeOffSharp(props) {
 VolumeOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/VolumeOffSharp.js.map b/lib/VolumeOffSharp.js.map
index 5d8105542..c279c91ec 100644
--- a/lib/VolumeOffSharp.js.map
+++ b/lib/VolumeOffSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/VolumeOffSharp.js"],"names":["VolumeOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,wDAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"VolumeOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M237.65 176.1H144v159.8h93.65L368 440V72L237.65 176.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOffSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/VolumeOffSharp.js"],"names":["VolumeOffSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,wDAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"VolumeOffSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst VolumeOffSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M237.65 176.1H144v159.8h93.65L368 440V72L237.65 176.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nVolumeOffSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nVolumeOffSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default VolumeOffSharp"]}
\ No newline at end of file
diff --git a/lib/Walk.js b/lib/Walk.js
index e149930ac..b293e12ec 100644
--- a/lib/Walk.js
+++ b/lib/Walk.js
@@ -50,7 +50,7 @@ var Walk = function Walk(props) {
 Walk.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Walk.js.map b/lib/Walk.js.map
index 84c8adc76..ebe4e6764 100644
--- a/lib/Walk.js.map
+++ b/lib/Walk.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Walk.js"],"names":["Walk","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,iGAAR,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL,GAAjK;AAAgW,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ,GAAhW;AAAsf,8CAAM,GAAE,kXAAR,GAAtf;AAAk3B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,OAApB,EAA4B,GAAE,OAA9B,EAAsC,QAAO,cAA7C,EAA4D,eAAc,OAA1E,EAAkF,gBAAe,OAAjG,EAAyG,aAAY,IAArH;AAAl3B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Walk.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Walk = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M312.55 479.9l-56.42-114-44.62-57a72.37 72.37 0 01-10.06-36.9V143.64H217a40 40 0 0140 40v182.21\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M127.38 291.78v-74.07s37-74.07 74.07-74.07\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M368.09 291.78a18.49 18.49 0 01-10.26-3.11L297.7 250a21.18 21.18 0 01-9.7-17.79v-23.7a5.65 5.65 0 018.69-4.77l81.65 54.11a18.52 18.52 0 01-10.29 33.93zM171.91 493.47a18.5 18.5 0 01-14.83-7.41c-6.14-8.18-4-17.18 3.7-25.92l59.95-74.66a7.41 7.41 0 0110.76 2.06c1.56 2.54 3.38 5.65 5.19 9.09 5.24 9.95 6 16.11-1.68 25.7-8 10-52 67.44-52 67.44-2.62 2.98-7.23 3.7-11.09 3.7z\"/><circle cx=\"257\" cy=\"69.56\" r=\"37.04\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalk.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalk.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Walk"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Walk.js"],"names":["Walk","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,iGAAR,EAA0G,QAAO,cAAjH,EAAgI,eAAc,OAA9I,EAAsJ,gBAAe,OAArK,EAA6K,aAAY,IAAzL,GAAhK;AAAgW,8CAAM,GAAE,4CAAR,EAAqD,MAAK,MAA1D,EAAiE,QAAO,cAAxE,EAAuF,eAAc,OAArG,EAA6G,gBAAe,OAA5H,EAAoI,aAAY,IAAhJ,GAAhW;AAAuf,8CAAM,GAAE,kXAAR,GAAvf;AAAo3B,gDAAQ,IAAG,KAAX,EAAiB,IAAG,OAApB,EAA4B,GAAE,OAA9B,EAAsC,QAAO,cAA7C,EAA4D,eAAc,OAA1E,EAAkF,gBAAe,OAAjG,EAAyG,aAAY,IAArH;AAAp3B;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Walk.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Walk = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M312.55 479.9l-56.42-114-44.62-57a72.37 72.37 0 01-10.06-36.9V143.64H217a40 40 0 0140 40v182.21\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M127.38 291.78v-74.07s37-74.07 74.07-74.07\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M368.09 291.78a18.49 18.49 0 01-10.26-3.11L297.7 250a21.18 21.18 0 01-9.7-17.79v-23.7a5.65 5.65 0 018.69-4.77l81.65 54.11a18.52 18.52 0 01-10.29 33.93zM171.91 493.47a18.5 18.5 0 01-14.83-7.41c-6.14-8.18-4-17.18 3.7-25.92l59.95-74.66a7.41 7.41 0 0110.76 2.06c1.56 2.54 3.38 5.65 5.19 9.09 5.24 9.95 6 16.11-1.68 25.7-8 10-52 67.44-52 67.44-2.62 2.98-7.23 3.7-11.09 3.7z\" /><circle cx=\"257\" cy=\"69.56\" r=\"37.04\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"16\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalk.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalk.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Walk"]}
\ No newline at end of file
diff --git a/lib/WalkOutline.js b/lib/WalkOutline.js
index fec983ca0..73db311dc 100644
--- a/lib/WalkOutline.js
+++ b/lib/WalkOutline.js
@@ -48,7 +48,7 @@ var WalkOutline = function WalkOutline(props) {
 WalkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WalkOutline.js.map b/lib/WalkOutline.js.map
index 5181c78b5..5f73ae9ac 100644
--- a/lib/WalkOutline.js.map
+++ b/lib/WalkOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WalkOutline.js"],"names":["WalkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yMAAR,EAAkN,MAAK,MAAvN,EAA8N,QAAO,cAArO,EAAoP,eAAc,OAAlQ,EAA0Q,gBAAe,OAAzR,EAAiS,aAAY,IAA7S,GAAjK;AAAod,gDAAQ,IAAG,QAAX,EAAoB,IAAG,OAAvB,EAA+B,GAAE,OAAjC,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAApd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WalkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314.21 482.32l-56.77-114.74-44.89-57.39a72.82 72.82 0 01-10.13-37.05V144h15.67a40.22 40.22 0 0140.23 40.22v183.36M127.9 293.05v-74.52S165.16 144 202.42 144M370.1 274.42L304 231M170.53 478.36L224 400\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><circle cx=\"258.32\" cy=\"69.48\" r=\"37.26\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalkOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalkOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WalkOutline.js"],"names":["WalkOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yMAAR,EAAkN,MAAK,MAAvN,EAA8N,QAAO,cAArO,EAAoP,eAAc,OAAlQ,EAA0Q,gBAAe,OAAzR,EAAiS,aAAY,IAA7S,GAAhK;AAAod,gDAAQ,IAAG,QAAX,EAAoB,IAAG,OAAvB,EAA+B,GAAE,OAAjC,EAAyC,MAAK,MAA9C,EAAqD,QAAO,cAA5D,EAA2E,eAAc,OAAzF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI;AAApd;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WalkOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalkOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M314.21 482.32l-56.77-114.74-44.89-57.39a72.82 72.82 0 01-10.13-37.05V144h15.67a40.22 40.22 0 0140.23 40.22v183.36M127.9 293.05v-74.52S165.16 144 202.42 144M370.1 274.42L304 231M170.53 478.36L224 400\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><circle cx=\"258.32\" cy=\"69.48\" r=\"37.26\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalkOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalkOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalkOutline"]}
\ No newline at end of file
diff --git a/lib/WalkSharp.js b/lib/WalkSharp.js
index 10faf05ac..1ee335586 100644
--- a/lib/WalkSharp.js
+++ b/lib/WalkSharp.js
@@ -50,7 +50,7 @@ var WalkSharp = function WalkSharp(props) {
 WalkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WalkSharp.js.map b/lib/WalkSharp.js.map
index 7075046b3..6d7990471 100644
--- a/lib/WalkSharp.js.map
+++ b/lib/WalkSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WalkSharp.js"],"names":["WalkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,gHAAR,EAAyH,QAAO,cAAhI,EAA+I,eAAc,QAA7J,EAAsK,gBAAe,OAArL,EAA6L,aAAY,IAAzM,GAAjK;AAAgX,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,iCAAzG,GAAhX;AAA4f,8CAAM,GAAE,8HAAR,GAA5f;AAAooB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,OAAvB,EAA+B,GAAE,OAAjC,EAAyC,QAAO,cAAhD,EAA+D,eAAc,QAA7E,EAAsF,gBAAe,OAArG,EAA6G,aAAY,IAAzH;AAApoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WalkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M315.09 481.38l-56.95-115.12-45-57.56a73.11 73.11 0 01-10.16-37.17V142h15.73A40.36 40.36 0 01259 182.32v162.52\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128.18 291.5v-74.77l64.95-65.1\"/><path d=\"M376.35 295.73l-83.95-56.38v-44.68l104.68 72.95-20.73 28.11zM175.13 498.58l-21.43-26.91 80.33-81.54 15.53 32.07-74.43 76.38z\"/><circle cx=\"259.02\" cy=\"67.21\" r=\"37.38\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"16\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalkSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalkSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WalkSharp.js"],"names":["WalkSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,gHAAR,EAAyH,QAAO,cAAhI,EAA+I,eAAc,QAA7J,EAAsK,gBAAe,OAArL,EAA6L,aAAY,IAAzM,GAAhK;AAAgX,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,QAAtD,EAA+D,gBAAe,OAA9E,EAAsF,aAAY,IAAlG,EAAuG,GAAE,iCAAzG,GAAhX;AAA6f,8CAAM,GAAE,8HAAR,GAA7f;AAAsoB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,OAAvB,EAA+B,GAAE,OAAjC,EAAyC,QAAO,cAAhD,EAA+D,eAAc,QAA7E,EAAsF,gBAAe,OAArG,EAA6G,aAAY,IAAzH;AAAtoB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WalkSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalkSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M315.09 481.38l-56.95-115.12-45-57.56a73.11 73.11 0 01-10.16-37.17V142h15.73A40.36 40.36 0 01259 182.32v162.52\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M128.18 291.5v-74.77l64.95-65.1\" /><path d=\"M376.35 295.73l-83.95-56.38v-44.68l104.68 72.95-20.73 28.11zM175.13 498.58l-21.43-26.91 80.33-81.54 15.53 32.07-74.43 76.38z\" /><circle cx=\"259.02\" cy=\"67.21\" r=\"37.38\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"16\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalkSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalkSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalkSharp"]}
\ No newline at end of file
diff --git a/lib/Wallet.js b/lib/Wallet.js
index d55d026e8..5203d27b0 100644
--- a/lib/Wallet.js
+++ b/lib/Wallet.js
@@ -48,7 +48,7 @@ var Wallet = function Wallet(props) {
 Wallet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Wallet.js.map b/lib/Wallet.js.map
index 44deb08b4..05f898089 100644
--- a/lib/Wallet.js.map
+++ b/lib/Wallet.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Wallet.js"],"names":["Wallet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6RAAR,GAAjK;AAAwc,8CAAM,GAAE,wHAAR;AAAxc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Wallet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wallet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M95.5 104h320a87.73 87.73 0 0111.18.71 66 66 0 00-77.51-55.56L86 94.08h-.3a66 66 0 00-41.07 26.13A87.57 87.57 0 0195.5 104zM415.5 128h-320a64.07 64.07 0 00-64 64v192a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V192a64.07 64.07 0 00-64-64zM368 320a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M32 259.5V160c0-21.67 12-58 53.65-65.87C121 87.5 156 87.5 156 87.5s23 16 4 16-18.5 24.5 0 24.5 0 23.5 0 23.5L85.5 236z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWallet.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWallet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wallet"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Wallet.js"],"names":["Wallet","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,SAAS,SAATA,MAAS,QAAS;AACtB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6RAAR,GAAhK;AAAwc,8CAAM,GAAE,wHAAR;AAAxc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,OAAOa,YAAP,GAAsB;AACpB;AACAH,SAAO,EAFa;AAGpBN,SAAO,SAHa;AAIpBF,UAAQ,MAJY;AAKpBC,SAAO,MALa;AAMpBQ,cAAY,EANQ;AAOpBC,SAAO,EAPa;;AASpB;AACAL,SAAO,KAVa;AAWpBC,QAAM,KAXc;AAYpBF,UAAQ;AAZY,CAAtB;;AAgBAN,OAAOc,SAAP,GAAmB;AACjB;AACAJ,SAAOK,oBAAUC,MAFA;AAGjBZ,SAAOW,oBAAUE,MAHA;AAIjBf,UAAQa,oBAAUE,MAJD;AAKjBd,SAAOY,oBAAUE,MALA;AAMjBN,cAAYI,oBAAUE,MANL;AAOjBL,SAAOG,oBAAUE,MAPA;;AASjB;AACAV,SAAOQ,oBAAUG,IAVA;AAWjBV,QAAMO,oBAAUG,IAXC;AAYjBZ,UAAQS,oBAAUG,IAZD;;AAcjB;AACAb,WAASU,oBAAUI;AAfF,CAAnB;;kBAmBenB,M","file":"Wallet.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wallet = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M95.5 104h320a87.73 87.73 0 0111.18.71 66 66 0 00-77.51-55.56L86 94.08h-.3a66 66 0 00-41.07 26.13A87.57 87.57 0 0195.5 104zM415.5 128h-320a64.07 64.07 0 00-64 64v192a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V192a64.07 64.07 0 00-64-64zM368 320a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M32 259.5V160c0-21.67 12-58 53.65-65.87C121 87.5 156 87.5 156 87.5s23 16 4 16-18.5 24.5 0 24.5 0 23.5 0 23.5L85.5 236z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWallet.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWallet.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wallet"]}
\ No newline at end of file
diff --git a/lib/WalletOutline.js b/lib/WalletOutline.js
index a87b3cdba..28d84a837 100644
--- a/lib/WalletOutline.js
+++ b/lib/WalletOutline.js
@@ -49,7 +49,7 @@ var WalletOutline = function WalletOutline(props) {
 WalletOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WalletOutline.js.map b/lib/WalletOutline.js.map
index 970041a7d..954f2d336 100644
--- a/lib/WalletOutline.js.map
+++ b/lib/WalletOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WalletOutline.js"],"names":["WalletOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAjK;AAA0S,8CAAM,GAAE,qEAAR,EAA8E,MAAK,MAAnF,EAA0F,QAAO,cAAjG,EAAgH,gBAAe,OAA/H,EAAuI,aAAY,IAAnJ,GAA1S;AAAmc,8CAAM,GAAE,4CAAR;AAAnc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"WalletOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalletOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"144\" width=\"416\" height=\"288\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M411.36 144v-30A50 50 0 00352 64.9L88.64 109.85A50 50 0 0048 159v49\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M368 320a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalletOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalletOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalletOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WalletOutline.js"],"names":["WalletOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,SAAhBA,aAAgB,QAAS;AAC7B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,IAAR,EAAa,GAAE,KAAf,EAAqB,OAAM,KAA3B,EAAiC,QAAO,KAAxC,EAA8C,IAAG,IAAjD,EAAsD,IAAG,IAAzD,EAA8D,MAAK,MAAnE,EAA0E,QAAO,cAAjF,EAAgG,gBAAe,OAA/G,EAAuH,aAAY,IAAnI,GAAhK;AAA0S,8CAAM,GAAE,qEAAR,EAA8E,MAAK,MAAnF,EAA0F,QAAO,cAAjG,EAAgH,gBAAe,OAA/H,EAAuI,aAAY,IAAnJ,GAA1S;AAAoc,8CAAM,GAAE,4CAAR;AAApc;AAVF,GADF;AAcD,CAfD;;AAkBAZ,cAAca,YAAd,GAA6B;AAC3B;AACAH,SAAO,EAFoB;AAG3BN,SAAO,SAHoB;AAI3BF,UAAQ,MAJmB;AAK3BC,SAAO,MALoB;AAM3BQ,cAAY,EANe;AAO3BC,SAAO,EAPoB;;AAS3B;AACAL,SAAO,KAVoB;AAW3BC,QAAM,KAXqB;AAY3BF,UAAQ;AAZmB,CAA7B;;AAgBAN,cAAcc,SAAd,GAA0B;AACxB;AACAJ,SAAOK,oBAAUC,MAFO;AAGxBZ,SAAOW,oBAAUE,MAHO;AAIxBf,UAAQa,oBAAUE,MAJM;AAKxBd,SAAOY,oBAAUE,MALO;AAMxBN,cAAYI,oBAAUE,MANE;AAOxBL,SAAOG,oBAAUE,MAPO;;AASxB;AACAV,SAAOQ,oBAAUG,IAVO;AAWxBV,QAAMO,oBAAUG,IAXQ;AAYxBZ,UAAQS,oBAAUG,IAZM;;AAcxB;AACAb,WAASU,oBAAUI;AAfK,CAA1B;;kBAmBenB,a","file":"WalletOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalletOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"48\" y=\"144\" width=\"416\" height=\"288\" rx=\"48\" ry=\"48\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M411.36 144v-30A50 50 0 00352 64.9L88.64 109.85A50 50 0 0048 159v49\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M368 320a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalletOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalletOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalletOutline"]}
\ No newline at end of file
diff --git a/lib/WalletSharp.js b/lib/WalletSharp.js
index 9b1031764..94a9781d4 100644
--- a/lib/WalletSharp.js
+++ b/lib/WalletSharp.js
@@ -48,7 +48,7 @@ var WalletSharp = function WalletSharp(props) {
 WalletSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WalletSharp.js.map b/lib/WalletSharp.js.map
index 1faf9a675..a67da556c 100644
--- a/lib/WalletSharp.js.map
+++ b/lib/WalletSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WalletSharp.js"],"names":["WalletSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6OAAR,GAAjK;AAAwZ,8CAAM,GAAE,4IAAR;AAAxZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WalletSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalletSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M47.5 104H432V51.52a16 16 0 00-19.14-15.69l-368 60.48a16 16 0 00-12 10.47A39.69 39.69 0 0147.5 104zM463.5 128h-416a16 16 0 00-16 16v288a16 16 0 0016 16h416a16 16 0 0016-16V144a16 16 0 00-16-16zM368 320a32 32 0 1132-32 32 32 0 01-32 32z\"/><path d=\"M31.33 259.5V116c0-12.33 5.72-18.48 15.42-20 35.2-5.53 108.58-8.5 108.58-8.5s-8.33 16-27.33 16V128c18.5 0 31.33 23.5 31.33 23.5L84.83 236z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalletSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalletSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalletSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WalletSharp.js"],"names":["WalletSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6OAAR,GAAhK;AAAwZ,8CAAM,GAAE,4IAAR;AAAxZ;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WalletSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WalletSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M47.5 104H432V51.52a16 16 0 00-19.14-15.69l-368 60.48a16 16 0 00-12 10.47A39.69 39.69 0 0147.5 104zM463.5 128h-416a16 16 0 00-16 16v288a16 16 0 0016 16h416a16 16 0 0016-16V144a16 16 0 00-16-16zM368 320a32 32 0 1132-32 32 32 0 01-32 32z\" /><path d=\"M31.33 259.5V116c0-12.33 5.72-18.48 15.42-20 35.2-5.53 108.58-8.5 108.58-8.5s-8.33 16-27.33 16V128c18.5 0 31.33 23.5 31.33 23.5L84.83 236z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWalletSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWalletSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WalletSharp"]}
\ No newline at end of file
diff --git a/lib/Warning.js b/lib/Warning.js
index 3c53f01f7..a64df72ab 100644
--- a/lib/Warning.js
+++ b/lib/Warning.js
@@ -47,7 +47,7 @@ var Warning = function Warning(props) {
 Warning.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Warning.js.map b/lib/Warning.js.map
index 4153b5718..cf6a2d8a3 100644
--- a/lib/Warning.js.map
+++ b/lib/Warning.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Warning.js"],"names":["Warning","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0RAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Warning.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Warning = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarning.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarning.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Warning"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Warning.js"],"names":["Warning","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,UAAU,SAAVA,OAAU,QAAS;AACvB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0RAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,QAAQa,YAAR,GAAuB;AACrB;AACAH,SAAO,EAFc;AAGrBN,SAAO,SAHc;AAIrBF,UAAQ,MAJa;AAKrBC,SAAO,MALc;AAMrBQ,cAAY,EANS;AAOrBC,SAAO,EAPc;;AASrB;AACAL,SAAO,KAVc;AAWrBC,QAAM,KAXe;AAYrBF,UAAQ;AAZa,CAAvB;;AAgBAN,QAAQc,SAAR,GAAoB;AAClB;AACAJ,SAAOK,oBAAUC,MAFC;AAGlBZ,SAAOW,oBAAUE,MAHC;AAIlBf,UAAQa,oBAAUE,MAJA;AAKlBd,SAAOY,oBAAUE,MALC;AAMlBN,cAAYI,oBAAUE,MANJ;AAOlBL,SAAOG,oBAAUE,MAPC;;AASlB;AACAV,SAAOQ,oBAAUG,IAVC;AAWlBV,QAAMO,oBAAUG,IAXE;AAYlBZ,UAAQS,oBAAUG,IAZA;;AAclB;AACAb,WAASU,oBAAUI;AAfD,CAApB;;kBAmBenB,O","file":"Warning.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Warning = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarning.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarning.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Warning"]}
\ No newline at end of file
diff --git a/lib/WarningOutline.js b/lib/WarningOutline.js
index faa6ea970..c0aafbfba 100644
--- a/lib/WarningOutline.js
+++ b/lib/WarningOutline.js
@@ -49,7 +49,7 @@ var WarningOutline = function WarningOutline(props) {
 WarningOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WarningOutline.js.map b/lib/WarningOutline.js.map
index a68846ea2..3e919ea09 100644
--- a/lib/WarningOutline.js.map
+++ b/lib/WarningOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WarningOutline.js"],"names":["WarningOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,6HAAR,EAAsI,MAAK,MAA3I,EAAkJ,QAAO,cAAzJ,EAAwK,eAAc,OAAtL,EAA8L,gBAAe,OAA7M,EAAqN,aAAY,IAAjO,GAAjK;AAAwY,8CAAM,GAAE,uFAAR,EAAgG,MAAK,MAArG,EAA4G,QAAO,cAAnH,EAAkI,eAAc,OAAhJ,EAAwJ,gBAAe,OAAvK,EAA+K,aAAY,IAA3L,GAAxY;AAAykB,8CAAM,GAAE,+CAAR;AAAzkB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"WarningOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WarningOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M85.57 446.25h340.86a32 32 0 0028.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0028.17 47.17z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M250.26 195.39l5.74 122 5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 5.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 397.25a20 20 0 1120-20 20 20 0 01-20 20z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarningOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarningOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WarningOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WarningOutline.js"],"names":["WarningOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,iBAAiB,SAAjBA,cAAiB,QAAS;AAC9B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,6HAAR,EAAsI,MAAK,MAA3I,EAAkJ,QAAO,cAAzJ,EAAwK,eAAc,OAAtL,EAA8L,gBAAe,OAA7M,EAAqN,aAAY,IAAjO,GAAhK;AAAwY,8CAAM,GAAE,uFAAR,EAAgG,MAAK,MAArG,EAA4G,QAAO,cAAnH,EAAkI,eAAc,OAAhJ,EAAwJ,gBAAe,OAAvK,EAA+K,aAAY,IAA3L,GAAxY;AAA0kB,8CAAM,GAAE,+CAAR;AAA1kB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,eAAea,YAAf,GAA8B;AAC5B;AACAH,SAAO,EAFqB;AAG5BN,SAAO,SAHqB;AAI5BF,UAAQ,MAJoB;AAK5BC,SAAO,MALqB;AAM5BQ,cAAY,EANgB;AAO5BC,SAAO,EAPqB;;AAS5B;AACAL,SAAO,KAVqB;AAW5BC,QAAM,KAXsB;AAY5BF,UAAQ;AAZoB,CAA9B;;AAgBAN,eAAec,SAAf,GAA2B;AACzB;AACAJ,SAAOK,oBAAUC,MAFQ;AAGzBZ,SAAOW,oBAAUE,MAHQ;AAIzBf,UAAQa,oBAAUE,MAJO;AAKzBd,SAAOY,oBAAUE,MALQ;AAMzBN,cAAYI,oBAAUE,MANG;AAOzBL,SAAOG,oBAAUE,MAPQ;;AASzB;AACAV,SAAOQ,oBAAUG,IAVQ;AAWzBV,QAAMO,oBAAUG,IAXS;AAYzBZ,UAAQS,oBAAUG,IAZO;;AAczB;AACAb,WAASU,oBAAUI;AAfM,CAA3B;;kBAmBenB,c","file":"WarningOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WarningOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M85.57 446.25h340.86a32 32 0 0028.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0028.17 47.17z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M250.26 195.39l5.74 122 5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 5.95z\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 397.25a20 20 0 1120-20 20 20 0 01-20 20z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarningOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarningOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WarningOutline"]}
\ No newline at end of file
diff --git a/lib/WarningSharp.js b/lib/WarningSharp.js
index 07cc80749..ded7c8a39 100644
--- a/lib/WarningSharp.js
+++ b/lib/WarningSharp.js
@@ -47,7 +47,7 @@ var WarningSharp = function WarningSharp(props) {
 WarningSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WarningSharp.js.map b/lib/WarningSharp.js.map
index 9ec5b9828..a5d666b94 100644
--- a/lib/WarningSharp.js.map
+++ b/lib/WarningSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WarningSharp.js"],"names":["WarningSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,kJAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WarningSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WarningSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479 447.77L268.43 56.64a8 8 0 00-14.09 0L43.73 447.77a8 8 0 007.05 11.79H472a8 8 0 007-11.79zm-197.62-36.29h-40v-40h40zm-4-63.92h-32l-6-160h44z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarningSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarningSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WarningSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WarningSharp.js"],"names":["WarningSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,kJAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WarningSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WarningSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M479 447.77L268.43 56.64a8 8 0 00-14.09 0L43.73 447.77a8 8 0 007.05 11.79H472a8 8 0 007-11.79zm-197.62-36.29h-40v-40h40zm-4-63.92h-32l-6-160h44z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWarningSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWarningSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WarningSharp"]}
\ No newline at end of file
diff --git a/lib/Watch.js b/lib/Watch.js
index 6ea9a3c10..6ba551665 100644
--- a/lib/Watch.js
+++ b/lib/Watch.js
@@ -48,7 +48,7 @@ var Watch = function Watch(props) {
 Watch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Watch.js.map b/lib/Watch.js.map
index a1b698f46..f58b63746 100644
--- a/lib/Watch.js.map
+++ b/lib/Watch.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Watch.js"],"names":["Watch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,GAAjK;AAAiO,8CAAM,GAAE,iTAAR;AAAjO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Watch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Watch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"136\" y=\"136\" width=\"240\" height=\"240\" rx=\"56\" ry=\"56\"/><path d=\"M336 96V32a16 16 0 00-16-16H192a16 16 0 00-16 16v64a80.09 80.09 0 00-80 80v160a80.09 80.09 0 0080 80v64a16 16 0 0016 16h128a16 16 0 0016-16v-64a80.09 80.09 0 0080-80V176a80.09 80.09 0 00-80-80zm56 224a72.08 72.08 0 01-72 72H192a72.08 72.08 0 01-72-72V192a72.08 72.08 0 0172-72h128a72.08 72.08 0 0172 72z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatch.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Watch"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Watch.js"],"names":["Watch","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,GAAhK;AAAiO,8CAAM,GAAE,iTAAR;AAAjO;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Watch.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Watch = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"136\" y=\"136\" width=\"240\" height=\"240\" rx=\"56\" ry=\"56\" /><path d=\"M336 96V32a16 16 0 00-16-16H192a16 16 0 00-16 16v64a80.09 80.09 0 00-80 80v160a80.09 80.09 0 0080 80v64a16 16 0 0016 16h128a16 16 0 0016-16v-64a80.09 80.09 0 0080-80V176a80.09 80.09 0 00-80-80zm56 224a72.08 72.08 0 01-72 72H192a72.08 72.08 0 01-72-72V192a72.08 72.08 0 0172-72h128a72.08 72.08 0 0172 72z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatch.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatch.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Watch"]}
\ No newline at end of file
diff --git a/lib/WatchOutline.js b/lib/WatchOutline.js
index 2cd270071..c4684c4b9 100644
--- a/lib/WatchOutline.js
+++ b/lib/WatchOutline.js
@@ -48,7 +48,7 @@ var WatchOutline = function WatchOutline(props) {
 WatchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WatchOutline.js.map b/lib/WatchOutline.js.map
index 1fac3dbdd..d717794c6 100644
--- a/lib/WatchOutline.js.map
+++ b/lib/WatchOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WatchOutline.js"],"names":["WatchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAjK;AAA2S,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,gBAAe,OAAnJ,EAA2J,aAAY,IAAvK;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WatchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WatchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"112\" width=\"288\" height=\"288\" rx=\"64\" ry=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M176 112V40a8 8 0 018-8h144a8 8 0 018 8v72M336 400v72a8 8 0 01-8 8H184a8 8 0 01-8-8v-72\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatchOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WatchOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WatchOutline.js"],"names":["WatchOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,IAAlD,EAAuD,IAAG,IAA1D,EAA+D,MAAK,MAApE,EAA2E,QAAO,cAAlF,EAAiG,gBAAe,OAAhH,EAAwH,aAAY,IAApI,GAAhK;AAA2S,8CAAM,GAAE,yFAAR,EAAkG,MAAK,MAAvG,EAA8G,QAAO,cAArH,EAAoI,gBAAe,OAAnJ,EAA2J,aAAY,IAAvK;AAA3S;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WatchOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WatchOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"112\" y=\"112\" width=\"288\" height=\"288\" rx=\"64\" ry=\"64\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M176 112V40a8 8 0 018-8h144a8 8 0 018 8v72M336 400v72a8 8 0 01-8 8H184a8 8 0 01-8-8v-72\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatchOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatchOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WatchOutline"]}
\ No newline at end of file
diff --git a/lib/WatchSharp.js b/lib/WatchSharp.js
index b4ded0daf..bb6204b13 100644
--- a/lib/WatchSharp.js
+++ b/lib/WatchSharp.js
@@ -48,7 +48,7 @@ var WatchSharp = function WatchSharp(props) {
 WatchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WatchSharp.js.map b/lib/WatchSharp.js.map
index 55bce314a..3ec24ac26 100644
--- a/lib/WatchSharp.js.map
+++ b/lib/WatchSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WatchSharp.js"],"names":["WatchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAjK;AAA+N,8CAAM,GAAE,4MAAR;AAA/N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WatchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WatchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"136\" y=\"136\" width=\"240\" height=\"240\" rx=\"8\" ry=\"8\"/><path d=\"M384 96h-48V16H176v80h-48a32 32 0 00-32 32v256a32 32 0 0032 32h48v80h160v-80h48a32 32 0 0032-32V128a32 32 0 00-32-32zm8 272a24 24 0 01-24 24H144a24 24 0 01-24-24V144a24 24 0 0124-24h224a24 24 0 0124 24z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatchSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WatchSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WatchSharp.js"],"names":["WatchSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,KAAR,EAAc,GAAE,KAAhB,EAAsB,OAAM,KAA5B,EAAkC,QAAO,KAAzC,EAA+C,IAAG,GAAlD,EAAsD,IAAG,GAAzD,GAAhK;AAA+N,8CAAM,GAAE,4MAAR;AAA/N;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WatchSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WatchSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<rect x=\"136\" y=\"136\" width=\"240\" height=\"240\" rx=\"8\" ry=\"8\" /><path d=\"M384 96h-48V16H176v80h-48a32 32 0 00-32 32v256a32 32 0 0032 32h48v80h160v-80h48a32 32 0 0032-32V128a32 32 0 00-32-32zm8 272a24 24 0 01-24 24H144a24 24 0 01-24-24V144a24 24 0 0124-24h224a24 24 0 0124 24z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWatchSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWatchSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WatchSharp"]}
\ No newline at end of file
diff --git a/lib/Water.js b/lib/Water.js
index 91795a42f..a852b7581 100644
--- a/lib/Water.js
+++ b/lib/Water.js
@@ -47,7 +47,7 @@ var Water = function Water(props) {
 Water.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Water.js.map b/lib/Water.js.map
index 038505769..e2184be04 100644
--- a/lib/Water.js.map
+++ b/lib/Water.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Water.js"],"names":["Water","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oSAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Water.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Water = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M265.12 60.12a12 12 0 00-18.23 0C215.23 97.15 112 225.17 112 320c0 88.37 55.64 144 144 144s144-55.63 144-144c0-94.83-103.23-222.85-134.88-259.88zM272 412a12 12 0 01-11.34-16 11.89 11.89 0 0111.41-8A60.06 60.06 0 00332 328.07a11.89 11.89 0 018-11.41A12 12 0 01356 328a84.09 84.09 0 01-84 84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWater.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWater.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Water"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Water.js"],"names":["Water","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oSAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Water.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Water = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M265.12 60.12a12 12 0 00-18.23 0C215.23 97.15 112 225.17 112 320c0 88.37 55.64 144 144 144s144-55.63 144-144c0-94.83-103.23-222.85-134.88-259.88zM272 412a12 12 0 01-11.34-16 11.89 11.89 0 0111.41-8A60.06 60.06 0 00332 328.07a11.89 11.89 0 018-11.41A12 12 0 01356 328a84.09 84.09 0 01-84 84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWater.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWater.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Water"]}
\ No newline at end of file
diff --git a/lib/WaterOutline.js b/lib/WaterOutline.js
index e67d775f7..f7d6ba7b2 100644
--- a/lib/WaterOutline.js
+++ b/lib/WaterOutline.js
@@ -48,7 +48,7 @@ var WaterOutline = function WaterOutline(props) {
 WaterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WaterOutline.js.map b/lib/WaterOutline.js.map
index ec3a6ce83..9350ce7ca 100644
--- a/lib/WaterOutline.js.map
+++ b/lib/WaterOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WaterOutline.js"],"names":["WaterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,8IAAR,EAAuJ,MAAK,MAA5J,EAAmK,QAAO,cAA1K,EAAyL,kBAAiB,IAA1M,EAA+M,aAAY,IAA3N,GAAjK;AAAkY,8CAAM,GAAE,2BAAR,EAAoC,MAAK,MAAzC,EAAgD,QAAO,cAAvD,EAAsE,eAAc,OAApF,EAA4F,gBAAe,OAA3G,EAAmH,aAAY,IAA/H;AAAlY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WaterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WaterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M344 328a72 72 0 01-72 72\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWaterOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWaterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WaterOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WaterOutline.js"],"names":["WaterOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,8IAAR,EAAuJ,MAAK,MAA5J,EAAmK,QAAO,cAA1K,EAAyL,kBAAiB,IAA1M,EAA+M,aAAY,IAA3N,GAAhK;AAAkY,8CAAM,GAAE,2BAAR,EAAoC,MAAK,MAAzC,EAAgD,QAAO,cAAvD,EAAsE,eAAc,OAApF,EAA4F,gBAAe,OAA3G,EAAmH,aAAY,IAA/H;AAAlY;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WaterOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WaterOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z\" fill=\"none\" stroke=\"currentColor\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M344 328a72 72 0 01-72 72\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWaterOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWaterOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WaterOutline"]}
\ No newline at end of file
diff --git a/lib/WaterSharp.js b/lib/WaterSharp.js
index 3b506a0a7..52671a62c 100644
--- a/lib/WaterSharp.js
+++ b/lib/WaterSharp.js
@@ -47,7 +47,7 @@ var WaterSharp = function WaterSharp(props) {
 WaterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WaterSharp.js.map b/lib/WaterSharp.js.map
index b42565f31..bde440467 100644
--- a/lib/WaterSharp.js.map
+++ b/lib/WaterSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WaterSharp.js"],"names":["WaterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,sKAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WaterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WaterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 43.91s-144 158.3-144 270.3c0 88.36 55.64 144 144 144s144-55.64 144-144c0-112-144-270.3-144-270.3zm16 362.3v-24a60.07 60.07 0 0060-60h24a84.09 84.09 0 01-84 84z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWaterSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWaterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WaterSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WaterSharp.js"],"names":["WaterSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,sKAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WaterSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WaterSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M256 43.91s-144 158.3-144 270.3c0 88.36 55.64 144 144 144s144-55.64 144-144c0-112-144-270.3-144-270.3zm16 362.3v-24a60.07 60.07 0 0060-60h24a84.09 84.09 0 01-84 84z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWaterSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWaterSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WaterSharp"]}
\ No newline at end of file
diff --git a/lib/Wifi.js b/lib/Wifi.js
index 747e636a6..07e37cf6c 100644
--- a/lib/Wifi.js
+++ b/lib/Wifi.js
@@ -50,7 +50,7 @@ var Wifi = function Wifi(props) {
 Wifi.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Wifi.js.map b/lib/Wifi.js.map
index f33622b50..fd845c882 100644
--- a/lib/Wifi.js.map
+++ b/lib/Wifi.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Wifi.js"],"names":["Wifi","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,oGAAR,GAAjK;AAA+Q,8CAAM,GAAE,qJAAR,GAA/Q;AAA8a,8CAAM,GAAE,+FAAR,GAA9a;AAAuhB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,IAAlC;AAAvhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Wifi.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wifi = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M346.65 304.3a136 136 0 00-180.71 0 21 21 0 1027.91 31.38 94 94 0 01124.89 0 21 21 0 0027.91-31.4z\"/><path d=\"M256.28 183.7a221.47 221.47 0 00-151.8 59.92 21 21 0 1028.68 30.67 180.28 180.28 0 01246.24 0 21 21 0 1028.68-30.67 221.47 221.47 0 00-151.8-59.92z\"/><path d=\"M462 175.86a309 309 0 00-411.44 0 21 21 0 1028 31.29 267 267 0 01355.43 0 21 21 0 0028-31.31z\"/><circle cx=\"256.28\" cy=\"393.41\" r=\"32\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifi.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifi.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wifi"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Wifi.js"],"names":["Wifi","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,oGAAR,GAAhK;AAA+Q,8CAAM,GAAE,qJAAR,GAA/Q;AAA+a,8CAAM,GAAE,+FAAR,GAA/a;AAAyhB,gDAAQ,IAAG,QAAX,EAAoB,IAAG,QAAvB,EAAgC,GAAE,IAAlC;AAAzhB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Wifi.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wifi = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M346.65 304.3a136 136 0 00-180.71 0 21 21 0 1027.91 31.38 94 94 0 01124.89 0 21 21 0 0027.91-31.4z\" /><path d=\"M256.28 183.7a221.47 221.47 0 00-151.8 59.92 21 21 0 1028.68 30.67 180.28 180.28 0 01246.24 0 21 21 0 1028.68-30.67 221.47 221.47 0 00-151.8-59.92z\" /><path d=\"M462 175.86a309 309 0 00-411.44 0 21 21 0 1028 31.29 267 267 0 01355.43 0 21 21 0 0028-31.31z\" /><circle cx=\"256.28\" cy=\"393.41\" r=\"32\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifi.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifi.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wifi"]}
\ No newline at end of file
diff --git a/lib/WifiOutline.js b/lib/WifiOutline.js
index 1a68e4309..82baa0063 100644
--- a/lib/WifiOutline.js
+++ b/lib/WifiOutline.js
@@ -48,7 +48,7 @@ var WifiOutline = function WifiOutline(props) {
 WifiOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WifiOutline.js.map b/lib/WifiOutline.js.map
index 317c07a70..b0961a9ae 100644
--- a/lib/WifiOutline.js.map
+++ b/lib/WifiOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WifiOutline.js"],"names":["WifiOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,mHAAR,EAA4H,MAAK,MAAjI,EAAwI,QAAO,cAA/I,EAA8J,eAAc,OAA5K,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAjK;AAA8X,8CAAM,GAAE,4CAAR;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WifiOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WifiOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.41 310.59a115 115 0 00-152.8 0M393.46 249.54a201.26 201.26 0 00-274.92 0M447.72 182.11a288 288 0 00-383.44 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path d=\"M256 416a32 32 0 1132-32 32 32 0 01-32 32z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifiOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifiOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WifiOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WifiOutline.js"],"names":["WifiOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,mHAAR,EAA4H,MAAK,MAAjI,EAAwI,QAAO,cAA/I,EAA8J,eAAc,OAA5K,EAAoL,gBAAe,OAAnM,EAA2M,aAAY,IAAvN,GAAhK;AAA8X,8CAAM,GAAE,4CAAR;AAA9X;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WifiOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WifiOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.41 310.59a115 115 0 00-152.8 0M393.46 249.54a201.26 201.26 0 00-274.92 0M447.72 182.11a288 288 0 00-383.44 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path d=\"M256 416a32 32 0 1132-32 32 32 0 01-32 32z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifiOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifiOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WifiOutline"]}
\ No newline at end of file
diff --git a/lib/WifiSharp.js b/lib/WifiSharp.js
index 74caa14ac..2e19e1dc7 100644
--- a/lib/WifiSharp.js
+++ b/lib/WifiSharp.js
@@ -48,7 +48,7 @@ var WifiSharp = function WifiSharp(props) {
 WifiSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WifiSharp.js.map b/lib/WifiSharp.js.map
index 328f49adc..a9877e347 100644
--- a/lib/WifiSharp.js.map
+++ b/lib/WifiSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WifiSharp.js"],"names":["WifiSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0GAAR,EAAmH,MAAK,MAAxH,EAA+H,QAAO,cAAtI,EAAqJ,eAAc,QAAnK,EAA4K,gBAAe,OAA3L,EAAmM,aAAY,IAA/M,GAAjK;AAAsX,8CAAM,GAAE,wDAAR;AAAtX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WifiSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WifiSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.69 320a115 115 0 00-152.8 0M393.74 259a201.26 201.26 0 00-274.92 0M448 191.52a288 288 0 00-383.44 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"42\"/><path d=\"M300.67 384L256 433l-44.34-49a56.73 56.73 0 0188.92 0z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifiSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifiSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WifiSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WifiSharp.js"],"names":["WifiSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0GAAR,EAAmH,MAAK,MAAxH,EAA+H,QAAO,cAAtI,EAAqJ,eAAc,QAAnK,EAA4K,gBAAe,OAA3L,EAAmM,aAAY,IAA/M,GAAhK;AAAsX,8CAAM,GAAE,wDAAR;AAAtX;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WifiSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WifiSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M332.69 320a115 115 0 00-152.8 0M393.74 259a201.26 201.26 0 00-274.92 0M448 191.52a288 288 0 00-383.44 0\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"square\" strokeLinejoin=\"round\" strokeWidth=\"42\" /><path d=\"M300.67 384L256 433l-44.34-49a56.73 56.73 0 0188.92 0z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWifiSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWifiSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WifiSharp"]}
\ No newline at end of file
diff --git a/lib/Wine.js b/lib/Wine.js
index c2ad810d2..5847266b7 100644
--- a/lib/Wine.js
+++ b/lib/Wine.js
@@ -47,7 +47,7 @@ var Wine = function Wine(props) {
 Wine.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Wine.js.map b/lib/Wine.js.map
index c6d81cfdb..532e8976b 100644
--- a/lib/Wine.js.map
+++ b/lib/Wine.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Wine.js"],"names":["Wine","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0YAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Wine.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wine = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.56 94.92V80a16 16 0 00-16-16H113.44a16 16 0 00-16 16v14.92c-1.46 11.37-9.65 90.74 36.93 144.69 24.87 28.8 60.36 44.85 105.63 47.86V416h-80a16 16 0 000 32h192a16 16 0 000-32h-80V287.47c45.27-3 80.76-19.06 105.63-47.86 46.58-53.95 38.37-133.32 36.93-144.69zm-285.3 3.41a15.14 15.14 0 00.18-2.33h253.12a15.14 15.14 0 00.18 2.33 201.91 201.91 0 010 45.67H129.32a204.29 204.29 0 01-.06-45.67z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWine.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWine.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wine"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Wine.js"],"names":["Wine","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,OAAO,SAAPA,IAAO,QAAS;AACpB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0YAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,KAAKa,YAAL,GAAoB;AAClB;AACAH,SAAO,EAFW;AAGlBN,SAAO,SAHW;AAIlBF,UAAQ,MAJU;AAKlBC,SAAO,MALW;AAMlBQ,cAAY,EANM;AAOlBC,SAAO,EAPW;;AASlB;AACAL,SAAO,KAVW;AAWlBC,QAAM,KAXY;AAYlBF,UAAQ;AAZU,CAApB;;AAgBAN,KAAKc,SAAL,GAAiB;AACf;AACAJ,SAAOK,oBAAUC,MAFF;AAGfZ,SAAOW,oBAAUE,MAHF;AAIff,UAAQa,oBAAUE,MAJH;AAKfd,SAAOY,oBAAUE,MALF;AAMfN,cAAYI,oBAAUE,MANP;AAOfL,SAAOG,oBAAUE,MAPF;;AASf;AACAV,SAAOQ,oBAAUG,IAVF;AAWfV,QAAMO,oBAAUG,IAXD;AAYfZ,UAAQS,oBAAUG,IAZH;;AAcf;AACAb,WAASU,oBAAUI;AAfJ,CAAjB;;kBAmBenB,I","file":"Wine.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Wine = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M414.56 94.92V80a16 16 0 00-16-16H113.44a16 16 0 00-16 16v14.92c-1.46 11.37-9.65 90.74 36.93 144.69 24.87 28.8 60.36 44.85 105.63 47.86V416h-80a16 16 0 000 32h192a16 16 0 000-32h-80V287.47c45.27-3 80.76-19.06 105.63-47.86 46.58-53.95 38.37-133.32 36.93-144.69zm-285.3 3.41a15.14 15.14 0 00.18-2.33h253.12a15.14 15.14 0 00.18 2.33 201.91 201.91 0 010 45.67H129.32a204.29 204.29 0 01-.06-45.67z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWine.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWine.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Wine"]}
\ No newline at end of file
diff --git a/lib/WineOutline.js b/lib/WineOutline.js
index 2256a5da6..cf0901e8c 100644
--- a/lib/WineOutline.js
+++ b/lib/WineOutline.js
@@ -49,7 +49,7 @@ var WineOutline = function WineOutline(props) {
 WineOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WineOutline.js.map b/lib/WineOutline.js.map
index 2ccc80bcc..69600b521 100644
--- a/lib/WineOutline.js.map
+++ b/lib/WineOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WineOutline.js"],"names":["WineOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,yEAAR,EAAkF,MAAK,MAAvF,EAA8F,QAAO,cAArG,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAAjK;AAA8T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAA9T;AAAsb,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,cAAlF;AAAtb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WineOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WineOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M398.57 80H113.43v16S87.51 272 256 272 398.57 96 398.57 96zM256 272v160\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 432H160\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160h288\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWineOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWineOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WineOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WineOutline.js"],"names":["WineOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,cAAc,SAAdA,WAAc,QAAS;AAC3B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,yEAAR,EAAkF,MAAK,MAAvF,EAA8F,QAAO,cAArG,EAAoH,gBAAe,OAAnI,EAA2I,aAAY,IAAvJ,GAAhK;AAA8T,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,cAAxG,GAA9T;AAAub,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,gBAAe,OAAvD,EAA+D,aAAY,IAA3E,EAAgF,GAAE,cAAlF;AAAvb;AAVF,GADF;AAcD,CAfD;;AAkBAZ,YAAYa,YAAZ,GAA2B;AACzB;AACAH,SAAO,EAFkB;AAGzBN,SAAO,SAHkB;AAIzBF,UAAQ,MAJiB;AAKzBC,SAAO,MALkB;AAMzBQ,cAAY,EANa;AAOzBC,SAAO,EAPkB;;AASzB;AACAL,SAAO,KAVkB;AAWzBC,QAAM,KAXmB;AAYzBF,UAAQ;AAZiB,CAA3B;;AAgBAN,YAAYc,SAAZ,GAAwB;AACtB;AACAJ,SAAOK,oBAAUC,MAFK;AAGtBZ,SAAOW,oBAAUE,MAHK;AAItBf,UAAQa,oBAAUE,MAJI;AAKtBd,SAAOY,oBAAUE,MALK;AAMtBN,cAAYI,oBAAUE,MANA;AAOtBL,SAAOG,oBAAUE,MAPK;;AAStB;AACAV,SAAOQ,oBAAUG,IAVK;AAWtBV,QAAMO,oBAAUG,IAXM;AAYtBZ,UAAQS,oBAAUG,IAZI;;AActB;AACAb,WAASU,oBAAUI;AAfG,CAAxB;;kBAmBenB,W","file":"WineOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WineOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M398.57 80H113.43v16S87.51 272 256 272 398.57 96 398.57 96zM256 272v160\" fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M352 432H160\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M112 160h288\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWineOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWineOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WineOutline"]}
\ No newline at end of file
diff --git a/lib/WineSharp.js b/lib/WineSharp.js
index 7f0fcaea1..f8d7eb0a2 100644
--- a/lib/WineSharp.js
+++ b/lib/WineSharp.js
@@ -47,7 +47,7 @@ var WineSharp = function WineSharp(props) {
 WineSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WineSharp.js.map b/lib/WineSharp.js.map
index 8c48af2ab..f086b3873 100644
--- a/lib/WineSharp.js.map
+++ b/lib/WineSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WineSharp.js"],"names":["WineSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,0GAAR;AAAjK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WineSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WineSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M453 112V66.33H60.75V112l175.13 176v118H124.75v42H389v-42H277.88V288zm-336.65-3.67h281l-37.81 38H154.16z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWineSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWineSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WineSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WineSharp.js"],"names":["WineSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,YAAY,SAAZA,SAAY,QAAS;AACzB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,0GAAR;AAAhK;AAVF,GADF;AAcD,CAfD;;AAkBAZ,UAAUa,YAAV,GAAyB;AACvB;AACAH,SAAO,EAFgB;AAGvBN,SAAO,SAHgB;AAIvBF,UAAQ,MAJe;AAKvBC,SAAO,MALgB;AAMvBQ,cAAY,EANW;AAOvBC,SAAO,EAPgB;;AASvB;AACAL,SAAO,KAVgB;AAWvBC,QAAM,KAXiB;AAYvBF,UAAQ;AAZe,CAAzB;;AAgBAN,UAAUc,SAAV,GAAsB;AACpB;AACAJ,SAAOK,oBAAUC,MAFG;AAGpBZ,SAAOW,oBAAUE,MAHG;AAIpBf,UAAQa,oBAAUE,MAJE;AAKpBd,SAAOY,oBAAUE,MALG;AAMpBN,cAAYI,oBAAUE,MANF;AAOpBL,SAAOG,oBAAUE,MAPG;;AASpB;AACAV,SAAOQ,oBAAUG,IAVG;AAWpBV,QAAMO,oBAAUG,IAXI;AAYpBZ,UAAQS,oBAAUG,IAZE;;AAcpB;AACAb,WAASU,oBAAUI;AAfC,CAAtB;;kBAmBenB,S","file":"WineSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WineSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M453 112V66.33H60.75V112l175.13 176v118H124.75v42H389v-42H277.88V288zm-336.65-3.67h281l-37.81 38H154.16z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWineSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWineSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WineSharp"]}
\ No newline at end of file
diff --git a/lib/Woman.js b/lib/Woman.js
index 6b927afcf..1b1bbc4c2 100644
--- a/lib/Woman.js
+++ b/lib/Woman.js
@@ -48,7 +48,7 @@ var Woman = function Woman(props) {
 Woman.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/Woman.js.map b/lib/Woman.js.map
index 37eac422c..5e6ec00f7 100644
--- a/lib/Woman.js.map
+++ b/lib/Woman.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/Woman.js"],"names":["Woman","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,QAAX,EAAoB,IAAG,IAAvB,EAA4B,GAAE,IAA9B,GAAjK;AAAqM,8CAAM,GAAE,wlBAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Woman.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Woman = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"255.75\" cy=\"56\" r=\"56\"/><path d=\"M394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 00-43-32.08h-120a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0025.6-13.18l25.58-85.25 2.17-7.23a8 8 0 0115.53 2.62 7.78 7.78 0 01-.17 1.61L155.43 347.4a16 16 0 0015.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0015.33-20.6l-43.74-145.81a7.52 7.52 0 01-.16-1.59 8 8 0 0115.54-2.63l2.17 7.23 25.57 85.25A20 20 0 00382.05 303c10.27-3.44 15.69-14.71 12.58-25.1z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWoman.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWoman.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Woman"]}
\ No newline at end of file
+{"version":3,"sources":["../src/Woman.js"],"names":["Woman","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,QAAQ,SAARA,KAAQ,QAAS;AACrB,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,QAAX,EAAoB,IAAG,IAAvB,EAA4B,GAAE,IAA9B,GAAhK;AAAqM,8CAAM,GAAE,wlBAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,MAAMa,YAAN,GAAqB;AACnB;AACAH,SAAO,EAFY;AAGnBN,SAAO,SAHY;AAInBF,UAAQ,MAJW;AAKnBC,SAAO,MALY;AAMnBQ,cAAY,EANO;AAOnBC,SAAO,EAPY;;AASnB;AACAL,SAAO,KAVY;AAWnBC,QAAM,KAXa;AAYnBF,UAAQ;AAZW,CAArB;;AAgBAN,MAAMc,SAAN,GAAkB;AAChB;AACAJ,SAAOK,oBAAUC,MAFD;AAGhBZ,SAAOW,oBAAUE,MAHD;AAIhBf,UAAQa,oBAAUE,MAJF;AAKhBd,SAAOY,oBAAUE,MALD;AAMhBN,cAAYI,oBAAUE,MANN;AAOhBL,SAAOG,oBAAUE,MAPD;;AAShB;AACAV,SAAOQ,oBAAUG,IAVD;AAWhBV,QAAMO,oBAAUG,IAXA;AAYhBZ,UAAQS,oBAAUG,IAZF;;AAchB;AACAb,WAASU,oBAAUI;AAfH,CAAlB;;kBAmBenB,K","file":"Woman.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst Woman = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"255.75\" cy=\"56\" r=\"56\" /><path d=\"M394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 00-43-32.08h-120a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0025.6-13.18l25.58-85.25 2.17-7.23a8 8 0 0115.53 2.62 7.78 7.78 0 01-.17 1.61L155.43 347.4a16 16 0 0015.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0015.33-20.6l-43.74-145.81a7.52 7.52 0 01-.16-1.59 8 8 0 0115.54-2.63l2.17 7.23 25.57 85.25A20 20 0 00382.05 303c10.27-3.44 15.69-14.71 12.58-25.1z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWoman.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWoman.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default Woman"]}
\ No newline at end of file
diff --git a/lib/WomanOutline.js b/lib/WomanOutline.js
index 9109debfa..dd09ab92f 100644
--- a/lib/WomanOutline.js
+++ b/lib/WomanOutline.js
@@ -50,7 +50,7 @@ var WomanOutline = function WomanOutline(props) {
 WomanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WomanOutline.js.map b/lib/WomanOutline.js.map
index 11fced4d3..383fb64ea 100644
--- a/lib/WomanOutline.js.map
+++ b/lib/WomanOutline.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WomanOutline.js"],"names":["WomanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAjK;AAAsU,8CAAM,GAAE,sQAAR,EAA+Q,MAAK,MAApR,EAA2R,QAAO,cAAlS,EAAiT,eAAc,OAA/T,EAAuU,kBAAiB,IAAxV,EAA6V,aAAY,IAAzW,GAAtU;AAAqrB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,kBAAiB,IAAzG,EAA8G,aAAY,IAA1H,GAArrB;AAAqzB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG;AAArzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WomanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WomanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path d=\"M256 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V368M183 274a23.73 23.73 0 01-29.84 16.18h0a23.72 23.72 0 01-16.17-29.84l25-84.28A44.85 44.85 0 01205 144h102a44.85 44.85 0 0143 32.08l25 84.28a23.72 23.72 0 01-16.17 29.84h0a23.73 23.73 0 01-29.78-16.2\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><circle cx=\"256\" cy=\"56\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\"/><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 192l-48 160h192l-48-160\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWomanOutline.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWomanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WomanOutline"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WomanOutline.js"],"names":["WomanOutline","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,eAAe,SAAfA,YAAe,QAAS;AAC5B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,8CAAM,GAAE,4DAAR,EAAqE,MAAK,MAA1E,EAAiF,QAAO,cAAxF,EAAuG,eAAc,OAArH,EAA6H,kBAAiB,IAA9I,EAAmJ,aAAY,IAA/J,GAAhK;AAAsU,8CAAM,GAAE,sQAAR,EAA+Q,MAAK,MAApR,EAA2R,QAAO,cAAlS,EAAiT,eAAc,OAA/T,EAAuU,kBAAiB,IAAxV,EAA6V,aAAY,IAAzW,GAAtU;AAAsrB,gDAAQ,IAAG,KAAX,EAAiB,IAAG,IAApB,EAAyB,GAAE,IAA3B,EAAgC,MAAK,MAArC,EAA4C,QAAO,cAAnD,EAAkE,eAAc,OAAhF,EAAwF,kBAAiB,IAAzG,EAA8G,aAAY,IAA1H,GAAtrB;AAAuzB,8CAAM,MAAK,MAAX,EAAkB,QAAO,cAAzB,EAAwC,eAAc,OAAtD,EAA8D,gBAAe,OAA7E,EAAqF,aAAY,IAAjG,EAAsG,GAAE,8BAAxG;AAAvzB;AAVF,GADF;AAcD,CAfD;;AAkBAZ,aAAaa,YAAb,GAA4B;AAC1B;AACAH,SAAO,EAFmB;AAG1BN,SAAO,SAHmB;AAI1BF,UAAQ,MAJkB;AAK1BC,SAAO,MALmB;AAM1BQ,cAAY,EANc;AAO1BC,SAAO,EAPmB;;AAS1B;AACAL,SAAO,KAVmB;AAW1BC,QAAM,KAXoB;AAY1BF,UAAQ;AAZkB,CAA5B;;AAgBAN,aAAac,SAAb,GAAyB;AACvB;AACAJ,SAAOK,oBAAUC,MAFM;AAGvBZ,SAAOW,oBAAUE,MAHM;AAIvBf,UAAQa,oBAAUE,MAJK;AAKvBd,SAAOY,oBAAUE,MALM;AAMvBN,cAAYI,oBAAUE,MANC;AAOvBL,SAAOG,oBAAUE,MAPM;;AASvB;AACAV,SAAOQ,oBAAUG,IAVM;AAWvBV,QAAMO,oBAAUG,IAXO;AAYvBZ,UAAQS,oBAAUG,IAZK;;AAcvB;AACAb,WAASU,oBAAUI;AAfI,CAAzB;;kBAmBenB,Y","file":"WomanOutline.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WomanOutline = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<path d=\"M208 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path d=\"M256 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V368M183 274a23.73 23.73 0 01-29.84 16.18h0a23.72 23.72 0 01-16.17-29.84l25-84.28A44.85 44.85 0 01205 144h102a44.85 44.85 0 0143 32.08l25 84.28a23.72 23.72 0 01-16.17 29.84h0a23.73 23.73 0 01-29.78-16.2\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><circle cx=\"256\" cy=\"56\" r=\"40\" fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeMiterlimit=\"10\" strokeWidth=\"32\" /><path fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"32\" d=\"M208 192l-48 160h192l-48-160\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWomanOutline.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWomanOutline.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WomanOutline"]}
\ No newline at end of file
diff --git a/lib/WomanSharp.js b/lib/WomanSharp.js
index ce14a76e9..8889bceab 100644
--- a/lib/WomanSharp.js
+++ b/lib/WomanSharp.js
@@ -48,7 +48,7 @@ var WomanSharp = function WomanSharp(props) {
 WomanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/lib/WomanSharp.js.map b/lib/WomanSharp.js.map
index 12b873211..ba2ff6b19 100644
--- a/lib/WomanSharp.js.map
+++ b/lib/WomanSharp.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/WomanSharp.js"],"names":["WomanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAA0F,SAAQ,aAAlG;AAAiHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA9J;AAAiK,gDAAQ,IAAG,QAAX,EAAoB,IAAG,IAAvB,EAA4B,GAAE,IAA9B,GAAjK;AAAqM,8CAAM,GAAE,iVAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WomanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WomanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"255.75\" cy=\"56\" r=\"56\"/><path d=\"M310.28 191.4h.05l7.66-2.3 36.79 122.6 46-13.8-16.21-54.16c0-.12 0-.24-.07-.36l-16.84-56.12-4.71-15.74-.9-3H362l-2.51-8.45a44.84 44.84 0 00-43-32.08H195.24a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-.9 3-4.71 15.74-16.84 56.12c0 .12 0 .24-.07.36l-16.21 54.16 46 13.8 36.76-122.6 7.54 2.26L148.25 368h51.5v144h52V368h8v144h52V368h51.51z\"/></svg>\n    </SvgContainer>\n  )\n}\n\n\nWomanSharp.defaultProps = {\n  // style\n  style: {},\n  color: '#000000',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWomanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WomanSharp"]}
\ No newline at end of file
+{"version":3,"sources":["../src/WomanSharp.js"],"names":["WomanSharp","props","height","width","color","onClick","rotate","shake","beat","className","style","cssClasses","title","defaultProps","propTypes","PropTypes","object","string","bool","func"],"mappings":";;;;;;AAAA;;;;AACA;;;;AAEA;;;;;;AAEA,IAAMA,aAAa,SAAbA,UAAa,QAAS;AAC1B,SACE;AAAC,0BAAD;AAAA;AACE,cAAQC,MAAMC,MADhB;AAEE,aAAOD,MAAME,KAFf;AAGE,aAAOF,MAAMG,KAHf;AAIE,eAASH,MAAMI,OAJjB;AAKE,cAAQJ,MAAMK,MAAN,GAAe,CAAf,GAAmB,CAL7B;AAME,aAAOL,MAAMM,KAAN,GAAc,CAAd,GAAkB,CAN3B;AAOE,YAAMN,MAAMO,IAAN,GAAa,CAAb,GAAiB,CAPzB;AAQE,iBAAWP,MAAMQ;AARnB;AAUE;AAAA;AAAA,QAAK,OAAOR,MAAMS,KAAlB,EAAyB,WAAWT,MAAMU,UAA1C,EAAsD,OAAM,4BAA5D,EAAyF,SAAQ,aAAjG;AAAgHV,YAAMW,KAAN,GAAc;AAAA;AAAA;AAAQX,cAAMW;AAAd,OAAd,GAA6C,EAA7J;AAAgK,gDAAQ,IAAG,QAAX,EAAoB,IAAG,IAAvB,EAA4B,GAAE,IAA9B,GAAhK;AAAqM,8CAAM,GAAE,iVAAR;AAArM;AAVF,GADF;AAcD,CAfD;;AAkBAZ,WAAWa,YAAX,GAA0B;AACxB;AACAH,SAAO,EAFiB;AAGxBN,SAAO,SAHiB;AAIxBF,UAAQ,MAJgB;AAKxBC,SAAO,MALiB;AAMxBQ,cAAY,EANY;AAOxBC,SAAO,EAPiB;;AASxB;AACAL,SAAO,KAViB;AAWxBC,QAAM,KAXkB;AAYxBF,UAAQ;AAZgB,CAA1B;;AAgBAN,WAAWc,SAAX,GAAuB;AACrB;AACAJ,SAAOK,oBAAUC,MAFI;AAGrBZ,SAAOW,oBAAUE,MAHI;AAIrBf,UAAQa,oBAAUE,MAJG;AAKrBd,SAAOY,oBAAUE,MALI;AAMrBN,cAAYI,oBAAUE,MAND;AAOrBL,SAAOG,oBAAUE,MAPI;;AASrB;AACAV,SAAOQ,oBAAUG,IAVI;AAWrBV,QAAMO,oBAAUG,IAXK;AAYrBZ,UAAQS,oBAAUG,IAZG;;AAcrB;AACAb,WAASU,oBAAUI;AAfE,CAAvB;;kBAmBenB,U","file":"WomanSharp.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport SvgContainer from './SvgContainer'\n\nconst WomanSharp = props => {\n  return (\n    <SvgContainer\n      height={props.height}\n      width={props.width}\n      color={props.color}\n      onClick={props.onClick}\n      rotate={props.rotate ? 1 : 0}\n      shake={props.shake ? 1 : 0}\n      beat={props.beat ? 1 : 0}\n      className={props.className}\n    >\n      <svg style={props.style} className={props.cssClasses} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">{props.title ? <title>{props.title}</title> : ''}<circle cx=\"255.75\" cy=\"56\" r=\"56\" /><path d=\"M310.28 191.4h.05l7.66-2.3 36.79 122.6 46-13.8-16.21-54.16c0-.12 0-.24-.07-.36l-16.84-56.12-4.71-15.74-.9-3H362l-2.51-8.45a44.84 44.84 0 00-43-32.08H195.24a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-.9 3-4.71 15.74-16.84 56.12c0 .12 0 .24-.07.36l-16.21 54.16 46 13.8 36.76-122.6 7.54 2.26L148.25 368h51.5v144h52V368h8v144h52V368h51.51z\" /></svg>\n    </SvgContainer>\n  )\n}\n\n\nWomanSharp.defaultProps = {\n  // style\n  style: {},\n  color: 'inherit',\n  height: '22px',\n  width: '22px',\n  cssClasses: '',\n  title: '',\n\n  // animation\n  shake: false,\n  beat: false,\n  rotate: false,\n}\n\n\nWomanSharp.propTypes = {\n  // style\n  style: PropTypes.object,\n  color: PropTypes.string,\n  height: PropTypes.string,\n  width: PropTypes.string,\n  cssClasses: PropTypes.string,\n  title: PropTypes.string,\n\n  // animation\n  shake: PropTypes.bool,\n  beat: PropTypes.bool,\n  rotate: PropTypes.bool,\n\n  // functions\n  onClick: PropTypes.func\n}\n\n\nexport default WomanSharp"]}
\ No newline at end of file
diff --git a/src/Accessibility.js b/src/Accessibility.js
index 7c3df8853..e8bb0308e 100644
--- a/src/Accessibility.js
+++ b/src/Accessibility.js
@@ -15,7 +15,7 @@ const Accessibility = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z"/><path d="M432 112.8l-.45.12-.42.13c-1 .28-2 .58-3 .89-18.61 5.46-108.93 30.92-172.56 30.92-59.13 0-141.28-22-167.56-29.47a73.79 73.79 0 00-8-2.58c-19-5-32 14.3-32 31.94 0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84 4.13 10.59.83 31.56-.34 38.88l-5.8 45-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82 19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57 42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94 22.52 0 34.38-15.74 32-31.94a57.17 57.17 0 00-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09 1.09 0 00.08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a16.9 16.9 0 001.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z" /><path d="M432 112.8l-.45.12-.42.13c-1 .28-2 .58-3 .89-18.61 5.46-108.93 30.92-172.56 30.92-59.13 0-141.28-22-167.56-29.47a73.79 73.79 0 00-8-2.58c-19-5-32 14.3-32 31.94 0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84 4.13 10.59.83 31.56-.34 38.88l-5.8 45-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82 19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57 42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94 22.52 0 34.38-15.74 32-31.94a57.17 57.17 0 00-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09 1.09 0 00.08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a16.9 16.9 0 001.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Accessibility = props => {
 Accessibility.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AccessibilityOutline.js b/src/AccessibilityOutline.js
index 4d7da8bc6..f6184949a 100644
--- a/src/AccessibilityOutline.js
+++ b/src/AccessibilityOutline.js
@@ -15,7 +15,7 @@ const AccessibilityOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" cx="256" cy="56" r="40"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M204.23 274.44c2.9-18.06 4.2-35.52-.5-47.59-4-10.38-12.7-16.19-23.2-20.15L88 176.76c-12-4-23.21-10.7-24-23.94-1-17 14-28 29-24 0 0 88 31.14 163 31.14s162-31 162-31c18-5 30 9 30 23.79 0 14.21-11 19.21-24 23.94l-88 31.91c-8 3-21 9-26 18.18-6 10.75-5 29.53-2.1 47.59l5.9 29.63 37.41 163.9c2.8 13.15-6.3 25.44-19.4 27.74S308 489 304.12 476.28l-37.56-115.93q-2.71-8.34-4.8-16.87L256 320l-5.3 21.65q-2.52 10.35-5.8 20.48L208 476.18c-4 12.85-14.5 21.75-27.6 19.46s-22.4-15.59-19.46-27.74l37.39-163.83z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" cx="256" cy="56" r="40" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M204.23 274.44c2.9-18.06 4.2-35.52-.5-47.59-4-10.38-12.7-16.19-23.2-20.15L88 176.76c-12-4-23.21-10.7-24-23.94-1-17 14-28 29-24 0 0 88 31.14 163 31.14s162-31 162-31c18-5 30 9 30 23.79 0 14.21-11 19.21-24 23.94l-88 31.91c-8 3-21 9-26 18.18-6 10.75-5 29.53-2.1 47.59l5.9 29.63 37.41 163.9c2.8 13.15-6.3 25.44-19.4 27.74S308 489 304.12 476.28l-37.56-115.93q-2.71-8.34-4.8-16.87L256 320l-5.3 21.65q-2.52 10.35-5.8 20.48L208 476.18c-4 12.85-14.5 21.75-27.6 19.46s-22.4-15.59-19.46-27.74l37.39-163.83z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AccessibilityOutline = props => {
 AccessibilityOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AccessibilitySharp.js b/src/AccessibilitySharp.js
index 6ce1b956f..e82c20f46 100644
--- a/src/AccessibilitySharp.js
+++ b/src/AccessibilitySharp.js
@@ -15,7 +15,7 @@ const AccessibilitySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 112c-66.82 17.92-119.55 32-192 32s-125.18-14.08-192-32l-16 51c48 20.53 96.71 35.16 147.2 53.2L144 496l56.4 16L246 336h20l45.6 176 56.4-16-51.2-279.8C367.26 199.93 416 183.53 464 164zM256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 112c-66.82 17.92-119.55 32-192 32s-125.18-14.08-192-32l-16 51c48 20.53 96.71 35.16 147.2 53.2L144 496l56.4 16L246 336h20l45.6 176 56.4-16-51.2-279.8C367.26 199.93 416 183.53 464 164zM256 112a56 56 0 1156-56 56.06 56.06 0 01-56 56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AccessibilitySharp = props => {
 AccessibilitySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Add.js b/src/Add.js
index 1b377c9e8..11a3ede56 100644
--- a/src/Add.js
+++ b/src/Add.js
@@ -15,7 +15,7 @@ const Add = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Add = props => {
 Add.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AddCircle.js b/src/AddCircle.js
index ddcc951c1..e998e9027 100644
--- a/src/AddCircle.js
+++ b/src/AddCircle.js
@@ -15,7 +15,7 @@ const AddCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AddCircle = props => {
 AddCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AddCircleOutline.js b/src/AddCircleOutline.js
index a456b5554..687e0ca30 100644
--- a/src/AddCircleOutline.js
+++ b/src/AddCircleOutline.js
@@ -15,7 +15,7 @@ const AddCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 176v160M336 256H176"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 176v160M336 256H176" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AddCircleOutline = props => {
 AddCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AddCircleSharp.js b/src/AddCircleSharp.js
index 286a6c718..dc0e34c56 100644
--- a/src/AddCircleSharp.js
+++ b/src/AddCircleSharp.js
@@ -15,7 +15,7 @@ const AddCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224h-80v80h-32v-80h-80v-32h80v-80h32v80h80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224h-80v80h-32v-80h-80v-32h80v-80h32v80h80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AddCircleSharp = props => {
 AddCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AddOutline.js b/src/AddOutline.js
index 754fb0d3d..8711f3bcf 100644
--- a/src/AddOutline.js
+++ b/src/AddOutline.js
@@ -15,7 +15,7 @@ const AddOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AddOutline = props => {
 AddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AddSharp.js b/src/AddSharp.js
index 9fdaa67e6..46e83347d 100644
--- a/src/AddSharp.js
+++ b/src/AddSharp.js
@@ -15,7 +15,7 @@ const AddSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M256 112v288M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AddSharp = props => {
 AddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Airplane.js b/src/Airplane.js
index f70ef645f..713335a99 100644
--- a/src/Airplane.js
+++ b/src/Airplane.js
@@ -15,7 +15,7 @@ const Airplane = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M186.62 464H160a16 16 0 01-14.57-22.6l64.46-142.25L113.1 297l-35.3 42.77C71.07 348.23 65.7 352 52 352H34.08a17.66 17.66 0 01-14.7-7.06c-2.38-3.21-4.72-8.65-2.44-16.41l19.82-71c.15-.53.33-1.06.53-1.58a.38.38 0 000-.15 14.82 14.82 0 01-.53-1.59l-19.84-71.45c-2.15-7.61.2-12.93 2.56-16.06a16.83 16.83 0 0113.6-6.7H52c10.23 0 20.16 4.59 26 12l34.57 42.05 97.32-1.44-64.44-142A16 16 0 01160 48h26.91a25 25 0 0119.35 9.8l125.05 152 57.77-1.52c4.23-.23 15.95-.31 18.66-.31C463 208 496 225.94 496 256c0 9.46-3.78 27-29.07 38.16-14.93 6.6-34.85 9.94-59.21 9.94-2.68 0-14.37-.08-18.66-.31l-57.76-1.54-125.36 152a25 25 0 01-19.32 9.75z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M186.62 464H160a16 16 0 01-14.57-22.6l64.46-142.25L113.1 297l-35.3 42.77C71.07 348.23 65.7 352 52 352H34.08a17.66 17.66 0 01-14.7-7.06c-2.38-3.21-4.72-8.65-2.44-16.41l19.82-71c.15-.53.33-1.06.53-1.58a.38.38 0 000-.15 14.82 14.82 0 01-.53-1.59l-19.84-71.45c-2.15-7.61.2-12.93 2.56-16.06a16.83 16.83 0 0113.6-6.7H52c10.23 0 20.16 4.59 26 12l34.57 42.05 97.32-1.44-64.44-142A16 16 0 01160 48h26.91a25 25 0 0119.35 9.8l125.05 152 57.77-1.52c4.23-.23 15.95-.31 18.66-.31C463 208 496 225.94 496 256c0 9.46-3.78 27-29.07 38.16-14.93 6.6-34.85 9.94-59.21 9.94-2.68 0-14.37-.08-18.66-.31l-57.76-1.54-125.36 152a25 25 0 01-19.32 9.75z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Airplane = props => {
 Airplane.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AirplaneOutline.js b/src/AirplaneOutline.js
index 908523db5..2c0915ae7 100644
--- a/src/AirplaneOutline.js
+++ b/src/AirplaneOutline.js
@@ -15,7 +15,7 @@ const AirplaneOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 01-1.69-.9L193.55 67.56a9 9 0 00-6.66-3.56H160l73 161a2.35 2.35 0 01-2.26 3.35l-121.69 1.8a8.06 8.06 0 01-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 010 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 016.6-3.1l120.68 2.7a2.7 2.7 0 012.43 3.74L160 448h26.64a9 9 0 006.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 01-1.69-.9L193.55 67.56a9 9 0 00-6.66-3.56H160l73 161a2.35 2.35 0 01-2.26 3.35l-121.69 1.8a8.06 8.06 0 01-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 010 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 016.6-3.1l120.68 2.7a2.7 2.7 0 012.43 3.74L160 448h26.64a9 9 0 006.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AirplaneOutline = props => {
 AirplaneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AirplaneSharp.js b/src/AirplaneSharp.js
index eb900175c..032130d5d 100644
--- a/src/AirplaneSharp.js
+++ b/src/AirplaneSharp.js
@@ -15,7 +15,7 @@ const AirplaneSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.72 208c-2.72 0-14.44.08-18.67.31l-57.77 1.52L198.06 48h-62.81l74.59 164.61-97.31 1.44L68.25 160H16.14l20.61 94.18c.15.54.33 1.07.53 1.59a.26.26 0 010 .15 15.42 15.42 0 00-.53 1.58L15.86 352h51.78l45.45-55 96.77 2.17L135.24 464h63l133-161.75 57.77 1.54c4.29.23 16 .31 18.66.31 24.35 0 44.27-3.34 59.21-9.94C492.22 283 496 265.46 496 256c0-30.06-33-48-88.28-48zm-71.29 87.9z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.72 208c-2.72 0-14.44.08-18.67.31l-57.77 1.52L198.06 48h-62.81l74.59 164.61-97.31 1.44L68.25 160H16.14l20.61 94.18c.15.54.33 1.07.53 1.59a.26.26 0 010 .15 15.42 15.42 0 00-.53 1.58L15.86 352h51.78l45.45-55 96.77 2.17L135.24 464h63l133-161.75 57.77 1.54c4.29.23 16 .31 18.66.31 24.35 0 44.27-3.34 59.21-9.94C492.22 283 496 265.46 496 256c0-30.06-33-48-88.28-48zm-71.29 87.9z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AirplaneSharp = props => {
 AirplaneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Alarm.js b/src/Alarm.js
index 0c3d50e21..90f6bcc99 100644
--- a/src/Alarm.js
+++ b/src/Alarm.js
@@ -15,7 +15,7 @@ const Alarm = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M153.59 110.46A21.41 21.41 0 00152.48 79 62.67 62.67 0 00112 64l-3.27.09h-.48C74.4 66.15 48 95.55 48.07 131c0 19 8 29.06 14.32 37.11a20.61 20.61 0 0014.7 7.8c.26 0 .7.05 2 .05a19.06 19.06 0 0013.75-5.89zM403.79 64.11l-3.27-.1H400a62.67 62.67 0 00-40.52 15 21.41 21.41 0 00-1.11 31.44l60.77 59.65a19.06 19.06 0 0013.79 5.9c1.28 0 1.72 0 2-.05a20.61 20.61 0 0014.69-7.8c6.36-8.05 14.28-18.08 14.32-37.11.06-35.49-26.34-64.89-60.15-66.93z"/><path d="M256.07 96c-97 0-176 78.95-176 176a175.23 175.23 0 0040.81 112.56l-36.12 36.13a16 16 0 1022.63 22.62l36.12-36.12a175.63 175.63 0 00225.12 0l36.13 36.12a16 16 0 1022.63-22.62l-36.13-36.13A175.17 175.17 0 00432.07 272c0-97-78.95-176-176-176zm16 176a16 16 0 01-16 16h-80a16 16 0 010-32h64v-96a16 16 0 0132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M153.59 110.46A21.41 21.41 0 00152.48 79 62.67 62.67 0 00112 64l-3.27.09h-.48C74.4 66.15 48 95.55 48.07 131c0 19 8 29.06 14.32 37.11a20.61 20.61 0 0014.7 7.8c.26 0 .7.05 2 .05a19.06 19.06 0 0013.75-5.89zM403.79 64.11l-3.27-.1H400a62.67 62.67 0 00-40.52 15 21.41 21.41 0 00-1.11 31.44l60.77 59.65a19.06 19.06 0 0013.79 5.9c1.28 0 1.72 0 2-.05a20.61 20.61 0 0014.69-7.8c6.36-8.05 14.28-18.08 14.32-37.11.06-35.49-26.34-64.89-60.15-66.93z" /><path d="M256.07 96c-97 0-176 78.95-176 176a175.23 175.23 0 0040.81 112.56l-36.12 36.13a16 16 0 1022.63 22.62l36.12-36.12a175.63 175.63 0 00225.12 0l36.13 36.12a16 16 0 1022.63-22.62l-36.13-36.13A175.17 175.17 0 00432.07 272c0-97-78.95-176-176-176zm16 176a16 16 0 01-16 16h-80a16 16 0 010-32h64v-96a16 16 0 0132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Alarm = props => {
 Alarm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlarmOutline.js b/src/AlarmOutline.js
index ec0a3f86d..c36ce4f61 100644
--- a/src/AlarmOutline.js
+++ b/src/AlarmOutline.js
@@ -15,7 +15,7 @@ const AlarmOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416.07 272a160 160 0 10-160 160 160 160 0 00160-160zM142.12 91.21A46.67 46.67 0 00112 80l-2.79.08C83.66 81.62 64 104 64.07 131c0 13.21 4.66 19.37 10.88 27.23a4.55 4.55 0 003.24 1.77h.88a3.23 3.23 0 002.54-1.31L142.38 99a5.38 5.38 0 001.55-4 5.26 5.26 0 00-1.81-3.79zM369.88 91.21A46.67 46.67 0 01400 80l2.79.08C428.34 81.62 448 104 447.93 131c0 13.21-4.66 19.37-10.88 27.23a4.55 4.55 0 01-3.24 1.76h-.88a3.23 3.23 0 01-2.54-1.31L369.62 99a5.38 5.38 0 01-1.55-4 5.26 5.26 0 011.81-3.79z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256.07 160v112h-80M416.07 432l-40-40M96.07 432l40-40"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416.07 272a160 160 0 10-160 160 160 160 0 00160-160zM142.12 91.21A46.67 46.67 0 00112 80l-2.79.08C83.66 81.62 64 104 64.07 131c0 13.21 4.66 19.37 10.88 27.23a4.55 4.55 0 003.24 1.77h.88a3.23 3.23 0 002.54-1.31L142.38 99a5.38 5.38 0 001.55-4 5.26 5.26 0 00-1.81-3.79zM369.88 91.21A46.67 46.67 0 01400 80l2.79.08C428.34 81.62 448 104 447.93 131c0 13.21-4.66 19.37-10.88 27.23a4.55 4.55 0 01-3.24 1.76h-.88a3.23 3.23 0 01-2.54-1.31L369.62 99a5.38 5.38 0 01-1.55-4 5.26 5.26 0 011.81-3.79z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256.07 160v112h-80M416.07 432l-40-40M96.07 432l40-40" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlarmOutline = props => {
 AlarmOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlarmSharp.js b/src/AlarmSharp.js
index bc4c1eb70..1278384b0 100644
--- a/src/AlarmSharp.js
+++ b/src/AlarmSharp.js
@@ -15,7 +15,7 @@ const AlarmSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.79 64.11l-3.27-.1H400c-14.73 0-28.55 5.91-40.52 15S344 96 344 96l88 86s11.25-5.71 17.61-13.85 14.28-18.08 14.32-37.11c.07-35.49-26.33-64.89-60.14-66.93zM108.21 64.11l3.27-.1h.52c14.73 0 28.55 5.91 40.52 15S168 96 168 96l-88 86s-11.25-5.71-17.61-13.85S48.11 150.07 48.07 131C48 95.55 74.4 66.15 108.21 64.11z"/><path d="M391.3 384.6a.06.06 0 010-.08C425 344 441 288.24 427 229.23c-13.64-57.52-72.67-115.69-130.34-128.66C182 74.79 80.07 161.71 80.07 272a175.15 175.15 0 0040.78 112.52.06.06 0 010 .08L73 432a.06.06 0 000 .08l23 22.51a.06.06 0 00.08 0l47.43-47.37a.06.06 0 01.08 0 175.64 175.64 0 00225.05 0h.07L416 454.59a.06.06 0 00.08 0L440 432zM272.07 288h-112-.07v-31.9l.05-.05h80V144h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.79 64.11l-3.27-.1H400c-14.73 0-28.55 5.91-40.52 15S344 96 344 96l88 86s11.25-5.71 17.61-13.85 14.28-18.08 14.32-37.11c.07-35.49-26.33-64.89-60.14-66.93zM108.21 64.11l3.27-.1h.52c14.73 0 28.55 5.91 40.52 15S168 96 168 96l-88 86s-11.25-5.71-17.61-13.85S48.11 150.07 48.07 131C48 95.55 74.4 66.15 108.21 64.11z" /><path d="M391.3 384.6a.06.06 0 010-.08C425 344 441 288.24 427 229.23c-13.64-57.52-72.67-115.69-130.34-128.66C182 74.79 80.07 161.71 80.07 272a175.15 175.15 0 0040.78 112.52.06.06 0 010 .08L73 432a.06.06 0 000 .08l23 22.51a.06.06 0 00.08 0l47.43-47.37a.06.06 0 01.08 0 175.64 175.64 0 00225.05 0h.07L416 454.59a.06.06 0 00.08 0L440 432zM272.07 288h-112-.07v-31.9l.05-.05h80V144h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlarmSharp = props => {
 AlarmSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Albums.js b/src/Albums.js
index 8f9eaa9cb..9c54399a8 100644
--- a/src/Albums.js
+++ b/src/Albums.js
@@ -15,7 +15,7 @@ const Albums = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 96H144a16 16 0 010-32h224a16 16 0 010 32zM400 144H112a16 16 0 010-32h288a16 16 0 010 32zM419.13 448H92.87A44.92 44.92 0 0148 403.13V204.87A44.92 44.92 0 0192.87 160h326.26A44.92 44.92 0 01464 204.87v198.26A44.92 44.92 0 01419.13 448z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 96H144a16 16 0 010-32h224a16 16 0 010 32zM400 144H112a16 16 0 010-32h288a16 16 0 010 32zM419.13 448H92.87A44.92 44.92 0 0148 403.13V204.87A44.92 44.92 0 0192.87 160h326.26A44.92 44.92 0 01464 204.87v198.26A44.92 44.92 0 01419.13 448z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Albums = props => {
 Albums.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlbumsOutline.js b/src/AlbumsOutline.js
index 973cd2eb2..01993253e 100644
--- a/src/AlbumsOutline.js
+++ b/src/AlbumsOutline.js
@@ -15,7 +15,7 @@ const AlbumsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="176" width="384" height="256" rx="28.87" ry="28.87" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M144 80h224M112 128h288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="176" width="384" height="256" rx="28.87" ry="28.87" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M144 80h224M112 128h288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlbumsOutline = props => {
 AlbumsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlbumsSharp.js b/src/AlbumsSharp.js
index 7f5423085..3c656f6c5 100644
--- a/src/AlbumsSharp.js
+++ b/src/AlbumsSharp.js
@@ -15,7 +15,7 @@ const AlbumsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 64h256v32H128zM96 112h320v32H96zM464 448H48V160h416z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 64h256v32H128zM96 112h320v32H96zM464 448H48V160h416z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlbumsSharp = props => {
 AlbumsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Alert.js b/src/Alert.js
index 2580b64bd..5609b68ba 100644
--- a/src/Alert.js
+++ b/src/Alert.js
@@ -15,7 +15,7 @@ const Alert = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Alert = props => {
 Alert.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlertCircle.js b/src/AlertCircle.js
index ed5053939..b7b66baed 100644
--- a/src/AlertCircle.js
+++ b/src/AlertCircle.js
@@ -15,7 +15,7 @@ const AlertCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlertCircle = props => {
 AlertCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlertCircleOutline.js b/src/AlertCircleOutline.js
index 6393b3398..c73c94e6b 100644
--- a/src/AlertCircleOutline.js
+++ b/src/AlertCircleOutline.js
@@ -15,7 +15,7 @@ const AlertCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlertCircleOutline = props => {
 AlertCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlertCircleSharp.js b/src/AlertCircleSharp.js
index 1ed925c27..cf6c9704d 100644
--- a/src/AlertCircleSharp.js
+++ b/src/AlertCircleSharp.js
@@ -15,7 +15,7 @@ const AlertCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M240 304h32l6-160h-44l6 160z"/><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm20 319.91h-40v-40h40zM272 304h-32l-6-160h44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M240 304h32l6-160h-44l6 160z" /><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm20 319.91h-40v-40h40zM272 304h-32l-6-160h44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlertCircleSharp = props => {
 AlertCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlertOutline.js b/src/AlertOutline.js
index bdc1d48ef..4b2b4caf6 100644
--- a/src/AlertOutline.js
+++ b/src/AlertOutline.js
@@ -15,7 +15,7 @@ const AlertOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlertOutline = props => {
 AlertOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AlertSharp.js b/src/AlertSharp.js
index 445d297c9..5e1e9e4a4 100644
--- a/src/AlertSharp.js
+++ b/src/AlertSharp.js
@@ -15,7 +15,7 @@ const AlertSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M240 80l8 240h16l8-240h-32zM240 400h32v32h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M240 80l8 240h16l8-240h-32zM240 400h32v32h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AlertSharp = props => {
 AlertSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AmericanFootball.js b/src/AmericanFootball.js
index cc1adcc96..d79bffbd7 100644
--- a/src/AmericanFootball.js
+++ b/src/AmericanFootball.js
@@ -15,7 +15,7 @@ const AmericanFootball = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M122.06 122.06c-44.37 44.37-66.71 100.61-78 145.28l200.6 200.56c44.67-11.25 100.91-33.59 145.28-78s66.71-100.61 78-145.28L267.34 44.1c-44.67 11.25-100.91 33.59-145.28 77.96zm256.73 256.72zM300.65 189L323 166.71A15.78 15.78 0 01345.29 189L323 211.35l11.16 11.17a15.78 15.78 0 01-22.32 22.32l-11.16-11.16L278.32 256l11.16 11.16a15.78 15.78 0 11-22.32 22.32L256 278.32l-22.32 22.33 11.16 11.16a15.78 15.78 0 11-22.32 22.32L211.35 323 189 345.29A15.78 15.78 0 01166.71 323L189 300.65l-11.16-11.17a15.78 15.78 0 0122.32-22.32l11.16 11.16L233.68 256l-11.16-11.16a15.78 15.78 0 1122.32-22.32L256 233.68l22.32-22.33-11.16-11.16a15.78 15.78 0 0122.32-22.32zM476.57 199.63c7.31-54.53 4-120.26-20-144.21s-89.68-27.3-144.21-20c-2.51.34-5.16.72-7.91 1.15l171 171c.4-2.78.78-5.43 1.12-7.94zM35.43 312.37c-7.31 54.53-4 120.26 20 144.21C72.17 473.33 109.34 480 148.84 480a387 387 0 0050.79-3.43c2.51-.34 5.16-.72 7.91-1.15l-171-171c-.39 2.79-.77 5.44-1.11 7.95z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M122.06 122.06c-44.37 44.37-66.71 100.61-78 145.28l200.6 200.56c44.67-11.25 100.91-33.59 145.28-78s66.71-100.61 78-145.28L267.34 44.1c-44.67 11.25-100.91 33.59-145.28 77.96zm256.73 256.72zM300.65 189L323 166.71A15.78 15.78 0 01345.29 189L323 211.35l11.16 11.17a15.78 15.78 0 01-22.32 22.32l-11.16-11.16L278.32 256l11.16 11.16a15.78 15.78 0 11-22.32 22.32L256 278.32l-22.32 22.33 11.16 11.16a15.78 15.78 0 11-22.32 22.32L211.35 323 189 345.29A15.78 15.78 0 01166.71 323L189 300.65l-11.16-11.17a15.78 15.78 0 0122.32-22.32l11.16 11.16L233.68 256l-11.16-11.16a15.78 15.78 0 1122.32-22.32L256 233.68l22.32-22.33-11.16-11.16a15.78 15.78 0 0122.32-22.32zM476.57 199.63c7.31-54.53 4-120.26-20-144.21s-89.68-27.3-144.21-20c-2.51.34-5.16.72-7.91 1.15l171 171c.4-2.78.78-5.43 1.12-7.94zM35.43 312.37c-7.31 54.53-4 120.26 20 144.21C72.17 473.33 109.34 480 148.84 480a387 387 0 0050.79-3.43c2.51-.34 5.16-.72 7.91-1.15l-171-171c-.39 2.79-.77 5.44-1.11 7.95z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AmericanFootball = props => {
 AmericanFootball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AmericanFootballOutline.js b/src/AmericanFootballOutline.js
index 40146a30b..de0278446 100644
--- a/src/AmericanFootballOutline.js
+++ b/src/AmericanFootballOutline.js
@@ -15,7 +15,7 @@ const AmericanFootballOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="256" rx="267.57" ry="173.44" transform="rotate(-45 256 256.002)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M334.04 177.96L177.96 334.04M278.3 278.3l-44.6-44.6M322.89 233.7l-44.59-44.59M456.68 211.4L300.6 55.32M211.4 456.68L55.32 300.6M233.7 322.89l-44.59-44.59"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="256" rx="267.57" ry="173.44" transform="rotate(-45 256 256.002)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M334.04 177.96L177.96 334.04M278.3 278.3l-44.6-44.6M322.89 233.7l-44.59-44.59M456.68 211.4L300.6 55.32M211.4 456.68L55.32 300.6M233.7 322.89l-44.59-44.59" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AmericanFootballOutline = props => {
 AmericanFootballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AmericanFootballSharp.js b/src/AmericanFootballSharp.js
index af1097520..8842f097e 100644
--- a/src/AmericanFootballSharp.js
+++ b/src/AmericanFootballSharp.js
@@ -15,7 +15,7 @@ const AmericanFootballSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M120.9 120.51c-44.75 44.56-67.29 101.05-78.64 145.9l202.31 201.44c45.05-11.3 101.78-33.74 146.53-78.3s67.29-101.05 78.64-145.91L267.43 42.21C222.38 53.51 165.65 76 120.9 120.51zm259 257.83zm-45-224.2l22.52 22.42-33.78 33.63 22.52 22.42L323.55 255 301 232.61 278.52 255 301 277.45l-22.51 22.42L256 277.45l-22.52 22.42L256 322.29l-22.52 22.42L211 322.29l-33.78 33.63-22.55-22.42 33.78-33.63-22.52-22.42L188.45 255 211 277.45 233.48 255 211 232.61l22.51-22.42L256 232.61l22.52-22.42L256 187.77l22.52-22.42L301 187.77zM478.48 198.41C485.85 143.65 464 48.05 464 48.05s-96.14-21.88-151.14-14.54c-2.54.33-5.21.72-8 1.14l172.47 171.71c.43-2.76.81-5.42 1.15-7.95zM33.52 311.65C26.15 366.41 48.05 464 48.05 464s60 16 99.86 16a391.92 391.92 0 0051.23-3.45c2.54-.33 5.21-.72 8-1.15L34.67 303.7c-.43 2.76-.81 5.42-1.15 7.95z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M120.9 120.51c-44.75 44.56-67.29 101.05-78.64 145.9l202.31 201.44c45.05-11.3 101.78-33.74 146.53-78.3s67.29-101.05 78.64-145.91L267.43 42.21C222.38 53.51 165.65 76 120.9 120.51zm259 257.83zm-45-224.2l22.52 22.42-33.78 33.63 22.52 22.42L323.55 255 301 232.61 278.52 255 301 277.45l-22.51 22.42L256 277.45l-22.52 22.42L256 322.29l-22.52 22.42L211 322.29l-33.78 33.63-22.55-22.42 33.78-33.63-22.52-22.42L188.45 255 211 277.45 233.48 255 211 232.61l22.51-22.42L256 232.61l22.52-22.42L256 187.77l22.52-22.42L301 187.77zM478.48 198.41C485.85 143.65 464 48.05 464 48.05s-96.14-21.88-151.14-14.54c-2.54.33-5.21.72-8 1.14l172.47 171.71c.43-2.76.81-5.42 1.15-7.95zM33.52 311.65C26.15 366.41 48.05 464 48.05 464s60 16 99.86 16a391.92 391.92 0 0051.23-3.45c2.54-.33 5.21-.72 8-1.15L34.67 303.7c-.43 2.76-.81 5.42-1.15 7.95z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AmericanFootballSharp = props => {
 AmericanFootballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Analytics.js b/src/Analytics.js
index 99f72ff5c..e6fa37113 100644
--- a/src/Analytics.js
+++ b/src/Analytics.js
@@ -15,7 +15,7 @@ const Analytics = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 128a40 40 0 00-37.23 54.6l-84.17 84.17a39.86 39.86 0 00-29.2 0l-60.17-60.17a40 40 0 10-74.46 0L70.6 306.77a40 40 0 1022.63 22.63L193.4 229.23a39.86 39.86 0 0029.2 0l60.17 60.17a40 40 0 1074.46 0l84.17-84.17A40 40 0 10456 128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 128a40 40 0 00-37.23 54.6l-84.17 84.17a39.86 39.86 0 00-29.2 0l-60.17-60.17a40 40 0 10-74.46 0L70.6 306.77a40 40 0 1022.63 22.63L193.4 229.23a39.86 39.86 0 0029.2 0l60.17 60.17a40 40 0 1074.46 0l84.17-84.17A40 40 0 10456 128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Analytics = props => {
 Analytics.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AnalyticsOutline.js b/src/AnalyticsOutline.js
index 4fcd54eea..10833ae73 100644
--- a/src/AnalyticsOutline.js
+++ b/src/AnalyticsOutline.js
@@ -15,7 +15,7 @@ const AnalyticsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M344 280l88-88M232 216l64 64M80 320l104-104"/><circle cx="456" cy="168" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="320" cy="304" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="208" cy="192" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="56" cy="344" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M344 280l88-88M232 216l64 64M80 320l104-104" /><circle cx="456" cy="168" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="320" cy="304" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="208" cy="192" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="56" cy="344" r="24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AnalyticsOutline = props => {
 AnalyticsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AnalyticsSharp.js b/src/AnalyticsSharp.js
index 2aa0106ed..5b959f427 100644
--- a/src/AnalyticsSharp.js
+++ b/src/AnalyticsSharp.js
@@ -15,7 +15,7 @@ const AnalyticsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M450 128a46 46 0 00-44.11 59l-71.37 71.36a45.88 45.88 0 00-29 0l-52.91-52.91a46 46 0 10-89.12 0L75 293.88A46.08 46.08 0 10106.11 325l87.37-87.36a45.85 45.85 0 0029 0l52.92 52.92a46 46 0 1089.12 0L437 218.12A46 46 0 10450 128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M450 128a46 46 0 00-44.11 59l-71.37 71.36a45.88 45.88 0 00-29 0l-52.91-52.91a46 46 0 10-89.12 0L75 293.88A46.08 46.08 0 10106.11 325l87.37-87.36a45.85 45.85 0 0029 0l52.92 52.92a46 46 0 1089.12 0L437 218.12A46 46 0 10450 128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AnalyticsSharp = props => {
 AnalyticsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Aperture.js b/src/Aperture.js
index 1c62b44cd..672f38090 100644
--- a/src/Aperture.js
+++ b/src/Aperture.js
@@ -15,7 +15,7 @@ const Aperture = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M250.54 129.17l-67.8-67.8A209.65 209.65 0 0086.32 136h161.4a4 4 0 002.82-6.83zM167.72 168H67.63a207.34 207.34 0 00-16.15 125.9l119.06-119.07a4 4 0 00-2.82-6.83zM344 167.72V67.56a207.82 207.82 0 00-125.89-16.08l119.06 119.06a4 4 0 006.83-2.82zM460.52 218.1L341.46 337.17a4 4 0 002.82 6.83h100.09a207.34 207.34 0 0016.15-125.9zM382.83 250.54l67.83-67.82A209.08 209.08 0 00376 86.2v161.52a4 4 0 006.83 2.82zM221.68 341.77a8 8 0 005.54 2.23h59.66a8 8 0 005.7-2.39l49.18-50a8 8 0 002.3-5.62l-.06-60.81a8 8 0 00-2.38-5.69l-50-49.25a8 8 0 00-5.63-2.3l-60.84.06a8 8 0 00-5.69 2.38l-49.25 50a8 8 0 00-2.3 5.63l.06 60.78a8 8 0 002.45 5.76zM261.46 382.83l67.8 67.8A209.65 209.65 0 00425.68 376h-161.4a4 4 0 00-2.82 6.83zM168 344.28v100.16a207.82 207.82 0 00125.89 16.08L174.83 341.46a4 4 0 00-6.83 2.82zM129.17 261.46l-67.83 67.83A209.1 209.1 0 00136 425.8V264.28a4 4 0 00-6.83-2.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M250.54 129.17l-67.8-67.8A209.65 209.65 0 0086.32 136h161.4a4 4 0 002.82-6.83zM167.72 168H67.63a207.34 207.34 0 00-16.15 125.9l119.06-119.07a4 4 0 00-2.82-6.83zM344 167.72V67.56a207.82 207.82 0 00-125.89-16.08l119.06 119.06a4 4 0 006.83-2.82zM460.52 218.1L341.46 337.17a4 4 0 002.82 6.83h100.09a207.34 207.34 0 0016.15-125.9zM382.83 250.54l67.83-67.82A209.08 209.08 0 00376 86.2v161.52a4 4 0 006.83 2.82zM221.68 341.77a8 8 0 005.54 2.23h59.66a8 8 0 005.7-2.39l49.18-50a8 8 0 002.3-5.62l-.06-60.81a8 8 0 00-2.38-5.69l-50-49.25a8 8 0 00-5.63-2.3l-60.84.06a8 8 0 00-5.69 2.38l-49.25 50a8 8 0 00-2.3 5.63l.06 60.78a8 8 0 002.45 5.76zM261.46 382.83l67.8 67.8A209.65 209.65 0 00425.68 376h-161.4a4 4 0 00-2.82 6.83zM168 344.28v100.16a207.82 207.82 0 00125.89 16.08L174.83 341.46a4 4 0 00-6.83 2.82zM129.17 261.46l-67.83 67.83A209.1 209.1 0 00136 425.8V264.28a4 4 0 00-6.83-2.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Aperture = props => {
 Aperture.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ApertureOutline.js b/src/ApertureOutline.js
index 13fb293b5..e5153503f 100644
--- a/src/ApertureOutline.js
+++ b/src/ApertureOutline.js
@@ -15,7 +15,7 @@ const ApertureOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M360 94.59V296M443.13 212.87L296 360M417.41 360H216M299.13 443.13l-144-144M152 416V216M68.87 299.13l144-144M94.59 152H288M212.87 68.87L360 216"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M360 94.59V296M443.13 212.87L296 360M417.41 360H216M299.13 443.13l-144-144M152 416V216M68.87 299.13l144-144M94.59 152H288M212.87 68.87L360 216" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ApertureOutline = props => {
 ApertureOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ApertureSharp.js b/src/ApertureSharp.js
index 4eac5d499..39eaecfb3 100644
--- a/src/ApertureSharp.js
+++ b/src/ApertureSharp.js
@@ -15,7 +15,7 @@ const ApertureSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216 48l129.49 128.18V48H216zM181.47 58.38L80 134h176l-74.53-75.62zM336 344h128V216L336 344zM454 182L378 80v176l76-74zM48 166v128l128-128H48zM330 454l102-76H256l74 76zM58 330l76 102V256l-76 74zM345.49 222.12l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46zM165.98 336.09L166 464h128L165.98 336.09z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216 48l129.49 128.18V48H216zM181.47 58.38L80 134h176l-74.53-75.62zM336 344h128V216L336 344zM454 182L378 80v176l76-74zM48 166v128l128-128H48zM330 454l102-76H256l74 76zM58 330l76 102V256l-76 74zM345.49 222.12l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46zM165.98 336.09L166 464h128L165.98 336.09z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ApertureSharp = props => {
 ApertureSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Apps.js b/src/Apps.js
index 89cc66351..3ba6bac54 100644
--- a/src/Apps.js
+++ b/src/Apps.js
@@ -15,7 +15,7 @@ const Apps = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M104 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 464a56 56 0 1156-56 56.06 56.06 0 01-56 56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M104 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 160a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 312a56 56 0 1156-56 56.06 56.06 0 01-56 56zM104 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM256 464a56 56 0 1156-56 56.06 56.06 0 01-56 56zM408 464a56 56 0 1156-56 56.06 56.06 0 01-56 56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Apps = props => {
 Apps.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AppsOutline.js b/src/AppsOutline.js
index 7318cccd6..dc024f821 100644
--- a/src/AppsOutline.js
+++ b/src/AppsOutline.js
@@ -15,7 +15,7 @@ const AppsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="216" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="368" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="64" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="216" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="368" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="64" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="216" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><rect x="368" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="216" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="368" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="64" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="216" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="368" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="64" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="216" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><rect x="368" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AppsOutline = props => {
 AppsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AppsSharp.js b/src/AppsSharp.js
index 4cf511f7a..0059751b3 100644
--- a/src/AppsSharp.js
+++ b/src/AppsSharp.js
@@ -15,7 +15,7 @@ const AppsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="48" width="112" height="112" rx="8" ry="8"/><rect x="200" y="48" width="112" height="112" rx="8" ry="8"/><rect x="352" y="48" width="112" height="112" rx="8" ry="8"/><rect x="48" y="200" width="112" height="112" rx="8" ry="8"/><rect x="200" y="200" width="112" height="112" rx="8" ry="8"/><rect x="352" y="200" width="112" height="112" rx="8" ry="8"/><rect x="48" y="352" width="112" height="112" rx="8" ry="8"/><rect x="200" y="352" width="112" height="112" rx="8" ry="8"/><rect x="352" y="352" width="112" height="112" rx="8" ry="8"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="48" width="112" height="112" rx="8" ry="8" /><rect x="200" y="48" width="112" height="112" rx="8" ry="8" /><rect x="352" y="48" width="112" height="112" rx="8" ry="8" /><rect x="48" y="200" width="112" height="112" rx="8" ry="8" /><rect x="200" y="200" width="112" height="112" rx="8" ry="8" /><rect x="352" y="200" width="112" height="112" rx="8" ry="8" /><rect x="48" y="352" width="112" height="112" rx="8" ry="8" /><rect x="200" y="352" width="112" height="112" rx="8" ry="8" /><rect x="352" y="352" width="112" height="112" rx="8" ry="8" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AppsSharp = props => {
 AppsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Archive.js b/src/Archive.js
index f8114234e..48abbd1e7 100644
--- a/src/Archive.js
+++ b/src/Archive.js
@@ -15,7 +15,7 @@ const Archive = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 164v244a56 56 0 0056 56h272a56 56 0 0056-56V164a4 4 0 00-4-4H68a4 4 0 00-4 4zm267 151.63l-63.69 63.68a16 16 0 01-22.62 0L181 315.63c-6.09-6.09-6.65-16-.85-22.38a16 16 0 0123.16-.56L240 329.37V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v105.37l36.69-36.68a16 16 0 0123.16.56c5.8 6.37 5.24 16.29-.85 22.38z"/><rect x="32" y="48" width="448" height="80" rx="32" ry="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 164v244a56 56 0 0056 56h272a56 56 0 0056-56V164a4 4 0 00-4-4H68a4 4 0 00-4 4zm267 151.63l-63.69 63.68a16 16 0 01-22.62 0L181 315.63c-6.09-6.09-6.65-16-.85-22.38a16 16 0 0123.16-.56L240 329.37V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v105.37l36.69-36.68a16 16 0 0123.16.56c5.8 6.37 5.24 16.29-.85 22.38z" /><rect x="32" y="48" width="448" height="80" rx="32" ry="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Archive = props => {
 Archive.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArchiveOutline.js b/src/ArchiveOutline.js
index 082e1504f..07d10ceef 100644
--- a/src/ArchiveOutline.js
+++ b/src/ArchiveOutline.js
@@ -15,7 +15,7 @@ const ArchiveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 152v256a40.12 40.12 0 0040 40h272a40.12 40.12 0 0040-40V152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="64" width="416" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 304l-64 64-64-64M256 345.89V224"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 152v256a40.12 40.12 0 0040 40h272a40.12 40.12 0 0040-40V152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="64" width="416" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 304l-64 64-64-64M256 345.89V224" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArchiveOutline = props => {
 ArchiveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArchiveSharp.js b/src/ArchiveSharp.js
index ad2e5dcc6..bc812056c 100644
--- a/src/ArchiveSharp.js
+++ b/src/ArchiveSharp.js
@@ -15,7 +15,7 @@ const ArchiveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="80" rx="12" ry="12"/><path d="M64 160v280a24 24 0 0024 24h336a24 24 0 0024-24V160zm192 230.63L169.32 304 192 281.32l48 48.05V208h32v121.37l48.07-48.07 22.61 22.64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="80" rx="12" ry="12" /><path d="M64 160v280a24 24 0 0024 24h336a24 24 0 0024-24V160zm192 230.63L169.32 304 192 281.32l48 48.05V208h32v121.37l48.07-48.07 22.61 22.64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArchiveSharp = props => {
 ArchiveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBack.js b/src/ArrowBack.js
index 11b787429..08c83ddf5 100644
--- a/src/ArrowBack.js
+++ b/src/ArrowBack.js
@@ -15,7 +15,7 @@ const ArrowBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBack = props => {
 ArrowBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBackCircle.js b/src/ArrowBackCircle.js
index dcec51bef..078d700e0 100644
--- a/src/ArrowBackCircle.js
+++ b/src/ArrowBackCircle.js
@@ -15,7 +15,7 @@ const ArrowBackCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm212.65-91.36a16 16 0 01.09 22.63L208.42 240H342a16 16 0 010 32H208.42l52.32 52.73A16 16 0 11238 347.27l-79.39-80a16 16 0 010-22.54l79.39-80a16 16 0 0122.65-.09z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm212.65-91.36a16 16 0 01.09 22.63L208.42 240H342a16 16 0 010 32H208.42l52.32 52.73A16 16 0 11238 347.27l-79.39-80a16 16 0 010-22.54l79.39-80a16 16 0 0122.65-.09z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBackCircle = props => {
 ArrowBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBackCircleOutline.js b/src/ArrowBackCircleOutline.js
index abee22cf5..a62a510c9 100644
--- a/src/ArrowBackCircleOutline.js
+++ b/src/ArrowBackCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowBackCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M249.38 336L170 256l79.38-80M181.03 256H342"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M249.38 336L170 256l79.38-80M181.03 256H342" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBackCircleOutline = props => {
 ArrowBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBackCircleSharp.js b/src/ArrowBackCircleSharp.js
index ef9129d74..c92df597c 100644
--- a/src/ArrowBackCircleSharp.js
+++ b/src/ArrowBackCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowBackCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm224-80.09L208.42 240H358v32H208.42L272 336.09l-22.7 22.54L147.46 256 249.3 153.37z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm224-80.09L208.42 240H358v32H208.42L272 336.09l-22.7 22.54L147.46 256 249.3 153.37z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBackCircleSharp = props => {
 ArrowBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBackOutline.js b/src/ArrowBackOutline.js
index 18e8dbfbd..41e15f15f 100644
--- a/src/ArrowBackOutline.js
+++ b/src/ArrowBackOutline.js
@@ -15,7 +15,7 @@ const ArrowBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBackOutline = props => {
 ArrowBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowBackSharp.js b/src/ArrowBackSharp.js
index fa1f0bb98..e05c3bd7c 100644
--- a/src/ArrowBackSharp.js
+++ b/src/ArrowBackSharp.js
@@ -15,7 +15,7 @@ const ArrowBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M244 400L100 256l144-144M120 256h292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowBackSharp = props => {
 ArrowBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDown.js b/src/ArrowDown.js
index 5fc4ca795..40d7c346c 100644
--- a/src/ArrowDown.js
+++ b/src/ArrowDown.js
@@ -15,7 +15,7 @@ const ArrowDown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDown = props => {
 ArrowDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDownCircle.js b/src/ArrowDownCircle.js
index ef649bbf1..04a65d804 100644
--- a/src/ArrowDownCircle.js
+++ b/src/ArrowDownCircle.js
@@ -15,7 +15,7 @@ const ArrowDownCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-91.36-212.65a16 16 0 0122.63-.09L240 303.58V170a16 16 0 0132 0v133.58l52.73-52.32A16 16 0 11347.27 274l-80 79.39a16 16 0 01-22.54 0l-80-79.39a16 16 0 01-.09-22.65z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-91.36-212.65a16 16 0 0122.63-.09L240 303.58V170a16 16 0 0132 0v133.58l52.73-52.32A16 16 0 11347.27 274l-80 79.39a16 16 0 01-22.54 0l-80-79.39a16 16 0 01-.09-22.65z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDownCircle = props => {
 ArrowDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDownCircleOutline.js b/src/ArrowDownCircleOutline.js
index e7614aa2f..b7d353e25 100644
--- a/src/ArrowDownCircleOutline.js
+++ b/src/ArrowDownCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowDownCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 262.62L256 342l80-79.38M256 330.97V170"/><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 262.62L256 342l80-79.38M256 330.97V170" /><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDownCircleOutline = props => {
 ArrowDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDownCircleSharp.js b/src/ArrowDownCircleSharp.js
index e83e8b244..a7ead23d5 100644
--- a/src/ArrowDownCircleSharp.js
+++ b/src/ArrowDownCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowDownCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-80.09-224L240 303.58V154h32v149.58L336.09 240l22.54 22.71L256 364.54 153.37 262.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-80.09-224L240 303.58V154h32v149.58L336.09 240l22.54 22.71L256 364.54 153.37 262.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDownCircleSharp = props => {
 ArrowDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDownOutline.js b/src/ArrowDownOutline.js
index e7b6f8559..9ba24a823 100644
--- a/src/ArrowDownOutline.js
+++ b/src/ArrowDownOutline.js
@@ -15,7 +15,7 @@ const ArrowDownOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDownOutline = props => {
 ArrowDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowDownSharp.js b/src/ArrowDownSharp.js
index cdb12495f..55a4457b2 100644
--- a/src/ArrowDownSharp.js
+++ b/src/ArrowDownSharp.js
@@ -15,7 +15,7 @@ const ArrowDownSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 268l144 144 144-144M256 392V100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowDownSharp = props => {
 ArrowDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForward.js b/src/ArrowForward.js
index 1ad2f4459..358c1cb3a 100644
--- a/src/ArrowForward.js
+++ b/src/ArrowForward.js
@@ -15,7 +15,7 @@ const ArrowForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForward = props => {
 ArrowForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForwardCircle.js b/src/ArrowForwardCircle.js
index 6003a9c75..b9c426f48 100644
--- a/src/ArrowForwardCircle.js
+++ b/src/ArrowForwardCircle.js
@@ -15,7 +15,7 @@ const ArrowForwardCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-212.65 91.36a16 16 0 01-.09-22.63L303.58 272H170a16 16 0 010-32h133.58l-52.32-52.73A16 16 0 11274 164.73l79.39 80a16 16 0 010 22.54l-79.39 80a16 16 0 01-22.65.09z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-212.65 91.36a16 16 0 01-.09-22.63L303.58 272H170a16 16 0 010-32h133.58l-52.32-52.73A16 16 0 11274 164.73l79.39 80a16 16 0 010 22.54l-79.39 80a16 16 0 01-22.65.09z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForwardCircle = props => {
 ArrowForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForwardCircleOutline.js b/src/ArrowForwardCircleOutline.js
index 4315e21ac..07761002b 100644
--- a/src/ArrowForwardCircleOutline.js
+++ b/src/ArrowForwardCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowForwardCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170" /><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForwardCircleOutline = props => {
 ArrowForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForwardCircleSharp.js b/src/ArrowForwardCircleSharp.js
index 6d0f676a1..984fe8256 100644
--- a/src/ArrowForwardCircleSharp.js
+++ b/src/ArrowForwardCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowForwardCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-224 80.09L303.58 272H154v-32h149.58L240 175.91l22.71-22.54L364.54 256 262.7 358.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-224 80.09L303.58 272H154v-32h149.58L240 175.91l22.71-22.54L364.54 256 262.7 358.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForwardCircleSharp = props => {
 ArrowForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForwardOutline.js b/src/ArrowForwardOutline.js
index 1d07aa53a..831b740cd 100644
--- a/src/ArrowForwardOutline.js
+++ b/src/ArrowForwardOutline.js
@@ -15,7 +15,7 @@ const ArrowForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForwardOutline = props => {
 ArrowForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowForwardSharp.js b/src/ArrowForwardSharp.js
index 82d102cd7..f29703425 100644
--- a/src/ArrowForwardSharp.js
+++ b/src/ArrowForwardSharp.js
@@ -15,7 +15,7 @@ const ArrowForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M268 112l144 144-144 144M392 256H100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowForwardSharp = props => {
 ArrowForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedo.js b/src/ArrowRedo.js
index 6975d2f34..732c9a6de 100644
--- a/src/ArrowRedo.js
+++ b/src/ArrowRedo.js
@@ -15,7 +15,7 @@ const ArrowRedo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M58.79 439.13A16 16 0 0148 424c0-73.1 14.68-131.56 43.65-173.77 35-51 90.21-78.46 164.35-81.87V88a16 16 0 0127.05-11.57l176 168a16 16 0 010 23.14l-176 168A16 16 0 01256 424v-79.77c-45 1.36-79 8.65-106.07 22.64-29.25 15.12-50.46 37.71-73.32 67a16 16 0 01-17.82 5.28z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M58.79 439.13A16 16 0 0148 424c0-73.1 14.68-131.56 43.65-173.77 35-51 90.21-78.46 164.35-81.87V88a16 16 0 0127.05-11.57l176 168a16 16 0 010 23.14l-176 168A16 16 0 01256 424v-79.77c-45 1.36-79 8.65-106.07 22.64-29.25 15.12-50.46 37.71-73.32 67a16 16 0 01-17.82 5.28z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedo = props => {
 ArrowRedo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedoCircle.js b/src/ArrowRedoCircle.js
index c5f07bf86..cc3654d79 100644
--- a/src/ArrowRedoCircle.js
+++ b/src/ArrowRedoCircle.js
@@ -15,7 +15,7 @@ const ArrowRedoCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm96 66.67c5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14-6v-37.29c-57.07 0-84.51 13.47-108.58 38.68-5.49 5.65-15.07 1.32-14.42-6.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm96 66.67c5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14-6v-37.29c-57.07 0-84.51 13.47-108.58 38.68-5.49 5.65-15.07 1.32-14.42-6.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedoCircle = props => {
 ArrowRedoCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedoCircleOutline.js b/src/ArrowRedoCircleOutline.js
index bb9e551fe..3c9ccb7cd 100644
--- a/src/ArrowRedoCircleOutline.js
+++ b/src/ArrowRedoCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowRedoCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M266.91 327.74v-37.32c-57.07 0-84.51 13.47-108.58 38.68-5.4 5.65-15 1.32-14.29-6.43 5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14.09-5.97z"/><path d="M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M266.91 327.74v-37.32c-57.07 0-84.51 13.47-108.58 38.68-5.4 5.65-15 1.32-14.29-6.43 5.45-61.45 34.14-117.09 122.87-117.09v-37.32a8.32 8.32 0 0114-6L365.42 242a8.2 8.2 0 010 11.94L281 333.71a8.32 8.32 0 01-14.09-5.97z" /><path d="M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedoCircleOutline = props => {
 ArrowRedoCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedoCircleSharp.js b/src/ArrowRedoCircleSharp.js
index ff32eeb86..53c31dae9 100644
--- a/src/ArrowRedoCircleSharp.js
+++ b/src/ArrowRedoCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowRedoCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm98 88c0-68.13 22.67-137.14 119.17-137.14V152L366 248l-100.83 96v-54.86c-66.69 0-91.32 19.29-119.17 54.86z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm98 88c0-68.13 22.67-137.14 119.17-137.14V152L366 248l-100.83 96v-54.86c-66.69 0-91.32 19.29-119.17 54.86z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedoCircleSharp = props => {
 ArrowRedoCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedoOutline.js b/src/ArrowRedoOutline.js
index cd0f2b31b..6d6ef6f44 100644
--- a/src/ArrowRedoOutline.js
+++ b/src/ArrowRedoOutline.js
@@ -15,7 +15,7 @@ const ArrowRedoOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256L272 88v96C103.57 184 64 304.77 64 424c48.61-62.24 91.6-96 208-96v96z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256L272 88v96C103.57 184 64 304.77 64 424c48.61-62.24 91.6-96 208-96v96z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedoOutline = props => {
 ArrowRedoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowRedoSharp.js b/src/ArrowRedoSharp.js
index e6450228d..69341031e 100644
--- a/src/ArrowRedoSharp.js
+++ b/src/ArrowRedoSharp.js
@@ -15,7 +15,7 @@ const ArrowRedoSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 399.26C48 335.19 62.44 284 90.91 247c34.38-44.67 88.68-68.77 161.56-71.75V72L464 252 252.47 432V329.35c-44.25 1.19-77.66 7.58-104.27 19.84-28.75 13.25-49.6 33.05-72.08 58.7L48 440z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 399.26C48 335.19 62.44 284 90.91 247c34.38-44.67 88.68-68.77 161.56-71.75V72L464 252 252.47 432V329.35c-44.25 1.19-77.66 7.58-104.27 19.84-28.75 13.25-49.6 33.05-72.08 58.7L48 440z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowRedoSharp = props => {
 ArrowRedoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndo.js b/src/ArrowUndo.js
index 5214bb641..e92ef8ee3 100644
--- a/src/ArrowUndo.js
+++ b/src/ArrowUndo.js
@@ -15,7 +15,7 @@ const ArrowUndo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 440a16 16 0 01-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335 352.88 301 345.59 256 344.23V424a16 16 0 01-27 11.57l-176-168a16 16 0 010-23.14l176-168A16 16 0 01256 88v80.36c74.14 3.41 129.38 30.91 164.35 81.87C449.32 292.44 464 350.9 464 424a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndo = props => {
 ArrowUndo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndoCircle.js b/src/ArrowUndoCircle.js
index 5f4f8fb3f..f7a5fd2a8 100644
--- a/src/ArrowUndoCircle.js
+++ b/src/ArrowUndoCircle.js
@@ -15,7 +15,7 @@ const ArrowUndoCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm97.67 281.1c-24.07-25.21-51.51-38.68-108.58-38.68v37.32a8.32 8.32 0 01-14.05 6L146.58 254a8.2 8.2 0 010-11.94L231 162.29a8.32 8.32 0 0114.05 6v37.32c88.73 0 117.42 55.64 122.87 117.09.73 7.72-8.85 12.05-14.25 6.4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm97.67 281.1c-24.07-25.21-51.51-38.68-108.58-38.68v37.32a8.32 8.32 0 01-14.05 6L146.58 254a8.2 8.2 0 010-11.94L231 162.29a8.32 8.32 0 0114.05 6v37.32c88.73 0 117.42 55.64 122.87 117.09.73 7.72-8.85 12.05-14.25 6.4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndoCircle = props => {
 ArrowUndoCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndoCircleOutline.js b/src/ArrowUndoCircleOutline.js
index 3f92dc7fa..83254c208 100644
--- a/src/ArrowUndoCircleOutline.js
+++ b/src/ArrowUndoCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowUndoCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M245.09 327.74v-37.32c57.07 0 84.51 13.47 108.58 38.68 5.4 5.65 15 1.32 14.29-6.43-5.45-61.45-34.14-117.09-122.87-117.09v-37.32a8.32 8.32 0 00-14.05-6L146.58 242a8.2 8.2 0 000 11.94L231 333.71a8.32 8.32 0 0014.09-5.97z"/><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M245.09 327.74v-37.32c57.07 0 84.51 13.47 108.58 38.68 5.4 5.65 15 1.32 14.29-6.43-5.45-61.45-34.14-117.09-122.87-117.09v-37.32a8.32 8.32 0 00-14.05-6L146.58 242a8.2 8.2 0 000 11.94L231 333.71a8.32 8.32 0 0014.09-5.97z" /><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndoCircleOutline = props => {
 ArrowUndoCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndoCircleSharp.js b/src/ArrowUndoCircleSharp.js
index 7c6b72dd6..f74f8d295 100644
--- a/src/ArrowUndoCircleSharp.js
+++ b/src/ArrowUndoCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowUndoCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-9.17 241.14V344L146 248l100.83-96v54.86c96.5 0 119.17 69 119.17 137.14-27.85-35.57-52.48-54.86-119.17-54.86z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-9.17 241.14V344L146 248l100.83-96v54.86c96.5 0 119.17 69 119.17 137.14-27.85-35.57-52.48-54.86-119.17-54.86z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndoCircleSharp = props => {
 ArrowUndoCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndoOutline.js b/src/ArrowUndoOutline.js
index 82f786584..e359cee52 100644
--- a/src/ArrowUndoOutline.js
+++ b/src/ArrowUndoOutline.js
@@ -15,7 +15,7 @@ const ArrowUndoOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 424v-96c116.4 0 159.39 33.76 208 96 0-119.23-39.57-240-208-240V88L64 256z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 424v-96c116.4 0 159.39 33.76 208 96 0-119.23-39.57-240-208-240V88L64 256z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndoOutline = props => {
 ArrowUndoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUndoSharp.js b/src/ArrowUndoSharp.js
index d9c9c33eb..f6316d5de 100644
--- a/src/ArrowUndoSharp.js
+++ b/src/ArrowUndoSharp.js
@@ -15,7 +15,7 @@ const ArrowUndoSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 440l-28.12-32.11c-22.48-25.65-43.33-45.45-72.08-58.7-26.61-12.26-60-18.65-104.27-19.84V432L48 252 259.53 72v103.21c72.88 3 127.18 27.08 161.56 71.75C449.56 284 464 335.19 464 399.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 440l-28.12-32.11c-22.48-25.65-43.33-45.45-72.08-58.7-26.61-12.26-60-18.65-104.27-19.84V432L48 252 259.53 72v103.21c72.88 3 127.18 27.08 161.56 71.75C449.56 284 464 335.19 464 399.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUndoSharp = props => {
 ArrowUndoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUp.js b/src/ArrowUp.js
index 60db0202a..c671fc8e2 100644
--- a/src/ArrowUp.js
+++ b/src/ArrowUp.js
@@ -15,7 +15,7 @@ const ArrowUp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUp = props => {
 ArrowUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUpCircle.js b/src/ArrowUpCircle.js
index a1e28dbea..0d97ada73 100644
--- a/src/ArrowUpCircle.js
+++ b/src/ArrowUpCircle.js
@@ -15,7 +15,7 @@ const ArrowUpCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm91.36 212.65a16 16 0 01-22.63.09L272 208.42V342a16 16 0 01-32 0V208.42l-52.73 52.32A16 16 0 11164.73 238l80-79.39a16 16 0 0122.54 0l80 79.39a16 16 0 01.09 22.65z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm91.36 212.65a16 16 0 01-22.63.09L272 208.42V342a16 16 0 01-32 0V208.42l-52.73 52.32A16 16 0 11164.73 238l80-79.39a16 16 0 0122.54 0l80 79.39a16 16 0 01.09 22.65z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUpCircle = props => {
 ArrowUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUpCircleOutline.js b/src/ArrowUpCircleOutline.js
index f7b217cb0..0ff8b4cee 100644
--- a/src/ArrowUpCircleOutline.js
+++ b/src/ArrowUpCircleOutline.js
@@ -15,7 +15,7 @@ const ArrowUpCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 249.38L256 170l80 79.38M256 181.03V342"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 249.38L256 170l80 79.38M256 181.03V342" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUpCircleOutline = props => {
 ArrowUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUpCircleSharp.js b/src/ArrowUpCircleSharp.js
index 8ac0ea259..30bb53705 100644
--- a/src/ArrowUpCircleSharp.js
+++ b/src/ArrowUpCircleSharp.js
@@ -15,7 +15,7 @@ const ArrowUpCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80.09 224L272 208.42V358h-32V208.42L175.91 272l-22.54-22.7L256 147.46 358.63 249.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80.09 224L272 208.42V358h-32V208.42L175.91 272l-22.54-22.7L256 147.46 358.63 249.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUpCircleSharp = props => {
 ArrowUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUpOutline.js b/src/ArrowUpOutline.js
index 0cba6067c..0a9daccfd 100644
--- a/src/ArrowUpOutline.js
+++ b/src/ArrowUpOutline.js
@@ -15,7 +15,7 @@ const ArrowUpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUpOutline = props => {
 ArrowUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ArrowUpSharp.js b/src/ArrowUpSharp.js
index ebf398760..71a91b33e 100644
--- a/src/ArrowUpSharp.js
+++ b/src/ArrowUpSharp.js
@@ -15,7 +15,7 @@ const ArrowUpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 244l144-144 144 144M256 120v292" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ArrowUpSharp = props => {
 ArrowUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/At.js b/src/At.js
index 5c5a08adf..a73ee48fd 100644
--- a/src/At.js
+++ b/src/At.js
@@ -15,7 +15,7 @@ const At = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const At = props => {
 At.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AtCircle.js b/src/AtCircle.js
index f795df2c0..59f0bbf9f 100644
--- a/src/AtCircle.js
+++ b/src/AtCircle.js
@@ -15,7 +15,7 @@ const AtCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.15-208-208-208zM380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.61 41.61 0 01-26.82-17.19 62.06 62.06 0 01-44 17.57 51.66 51.66 0 01-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23 3-35 30.91-57.39 56.87-61.48 27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1 2.39.42 8.1-.13 14.37-4.93 6.72-5.15 15.14-16 17.1-38.47 2.35-26.54-4.35-49.19-19.25-65.49-15.49-16.9-39.09-25.84-68.23-25.84-54 0-101.81 44.43-106.58 99-2.28 26.2 5.67 50.68 22.4 68.93 16.36 17.86 39.31 27.74 64.66 27.74 19 0 30.61-2.05 49.48-8.78a14 14 0 019.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93 20.09 21.91 29.51 52.75 26.54 86.86z"/><path d="M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0017.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 01.34-2.07l3.2-25.45a49.61 49.61 0 00-32.93-6.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.46 48.74c-114.84 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.15-208-208-208zM380.28 252c-2.85 32.63-16.79 49.7-28 58.26S327.61 322.58 316 320.5a41.61 41.61 0 01-26.82-17.19 62.06 62.06 0 01-44 17.57 51.66 51.66 0 01-38.55-16.83c-11.38-12.42-17-30.36-15.32-49.23 3-35 30.91-57.39 56.87-61.48 27.2-4.29 52.23 6.54 62.9 19.46l3.85 4.66-6.34 50.38c-1.19 14.34 3.28 23.48 12.29 25.1 2.39.42 8.1-.13 14.37-4.93 6.72-5.15 15.14-16 17.1-38.47 2.35-26.54-4.35-49.19-19.25-65.49-15.49-16.9-39.09-25.84-68.23-25.84-54 0-101.81 44.43-106.58 99-2.28 26.2 5.67 50.68 22.4 68.93 16.36 17.86 39.31 27.74 64.66 27.74 19 0 30.61-2.05 49.48-8.78a14 14 0 019.4 26.38c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77C138 321 127.42 288.94 130.4 254.82c2.91-33.33 18.45-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.93 12.08 88.87 34.93 20.09 21.91 29.51 52.75 26.54 86.86z" /><path d="M252.57 221c-14.83 2.33-31.56 15.84-33.34 36.26-1 11.06 2 21.22 8.07 27.87a23.65 23.65 0 0017.91 7.75c20.31 0 34.73-14.94 36.75-38.06a14 14 0 01.34-2.07l3.2-25.45a49.61 49.61 0 00-32.93-6.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AtCircle = props => {
 AtCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AtCircleOutline.js b/src/AtCircleOutline.js
index 26feaeff2..b191df52d 100644
--- a/src/AtCircleOutline.js
+++ b/src/AtCircleOutline.js
@@ -15,7 +15,7 @@ const AtCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448.08 256.08c0-106-86-192-192-192s-192 86-192 192 86 192 192 192 192-85.97 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M300.81 358.29c-20.83 7.42-34.05 9.59-54.19 9.59-61.17 0-106.39-50.07-101-111.84S205 144.21 266.14 144.21c68.92 0 106.79 45.55 101.47 106.55-4 45.54-32.8 58.66-47.89 56-14.2-2.55-25.92-15.52-23.75-40.35l5.62-44.66c-7.58-9.17-28.11-18-49.93-14.54C231.77 210.3 209 228 206.56 256s14.49 50.84 39.93 50.84 47.86-18.39 50.69-50.84" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448.08 256.08c0-106-86-192-192-192s-192 86-192 192 86 192 192 192 192-85.97 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M300.81 358.29c-20.83 7.42-34.05 9.59-54.19 9.59-61.17 0-106.39-50.07-101-111.84S205 144.21 266.14 144.21c68.92 0 106.79 45.55 101.47 106.55-4 45.54-32.8 58.66-47.89 56-14.2-2.55-25.92-15.52-23.75-40.35l5.62-44.66c-7.58-9.17-28.11-18-49.93-14.54C231.77 210.3 209 228 206.56 256s14.49 50.84 39.93 50.84 47.86-18.39 50.69-50.84" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AtCircleOutline = props => {
 AtCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AtCircleSharp.js b/src/AtCircleSharp.js
index acf7210b0..fee1c309d 100644
--- a/src/AtCircleSharp.js
+++ b/src/AtCircleSharp.js
@@ -15,7 +15,7 @@ const AtCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.16-208-208-208zM381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 01-27-17.52 60.84 60.84 0 01-43.72 17.9 51.65 51.65 0 01-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23 3.05-35 30.92-57.39 56.87-61.48 27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1 2.39.42 8.11-.13 14.38-4.93 6.72-5.15 15.14-16 17.1-38.47 2.32-26.55-4.35-49.19-19.28-65.49-15.5-16.9-39.1-25.84-68.24-25.84-54 0-101.81 44.43-106.57 99-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69 9.39 26.37-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77-22.09-24.11-32.62-56.17-29.65-90.29 2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93 20.05 21.91 29.48 52.75 26.5 86.86z"/><path d="M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0017.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 00-32.94-6.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.41 48.74c-114.85 0-208 93.11-208 208s93.12 208 208 208 208-93.12 208-208-93.16-208-208-208zM381.22 252c-2.85 32.63-16.78 49.7-28 58.26s-24.69 12.34-36.33 10.26a41.63 41.63 0 01-27-17.52 60.84 60.84 0 01-43.72 17.9 51.65 51.65 0 01-38.55-16.83c-11.39-12.42-17-30.36-15.33-49.23 3.05-35 30.92-57.39 56.87-61.48 27.21-4.29 52.24 6.54 62.91 19.46l3.84 4.66-6.34 50.38c-1.19 14.34 3.29 23.48 12.29 25.1 2.39.42 8.11-.13 14.38-4.93 6.72-5.15 15.14-16 17.1-38.47 2.32-26.55-4.35-49.19-19.28-65.49-15.5-16.9-39.1-25.84-68.24-25.84-54 0-101.81 44.43-106.57 99-2.29 26.2 5.66 50.68 22.39 68.93C198 344 221 353.88 246.29 353.88c19 0 30.61-2.05 49.49-8.78l13.22-4.69 9.39 26.37-13.19 4.7c-21.82 7.77-36.68 10.4-58.88 10.4-33.28 0-63.57-13.06-85.3-36.77-22.09-24.11-32.62-56.17-29.65-90.29 2.91-33.33 18.46-64.63 43.77-88.12s57.57-36.49 90.7-36.49c37.2 0 67.94 12.08 88.88 34.93 20.05 21.91 29.48 52.75 26.5 86.86z" /><path d="M253.51 221c-14.83 2.33-31.55 15.84-33.34 36.26-1 11.06 2 21.22 8.08 27.87a23.63 23.63 0 0017.91 7.75c19.7 0 33.8-14.79 36.8-38.59l1.75-13.89h.09l1.65-13.11a49.63 49.63 0 00-32.94-6.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AtCircleSharp = props => {
 AtCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AtOutline.js b/src/AtOutline.js
index 4fff7f595..1edaec620 100644
--- a/src/AtOutline.js
+++ b/src/AtOutline.js
@@ -15,7 +15,7 @@ const AtOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 254.27c-4.5 51-40.12 80-80.55 80s-67.34-35.82-63.45-80 37.12-80 77.55-80 70.33 36 66.45 80z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M319.77 415.77c-28.56 12-47.28 14.5-79.28 14.5-97.2 0-169-78.8-160.49-176s94.31-176 191.51-176C381 78.27 441.19 150 432.73 246c-6.31 71.67-52.11 92.32-76.09 88.07-22.56-4-41.18-24.42-37.74-63.5l8.48-96.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AtOutline = props => {
 AtOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AtSharp.js b/src/AtSharp.js
index 45f93a82f..a8da56de8 100644
--- a/src/AtSharp.js
+++ b/src/AtSharp.js
@@ -15,7 +15,7 @@ const AtSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.6 115.78c-32.07-35-79.47-53.51-137.09-53.51-51 0-100.69 19.8-139.82 55.76s-63.13 83.84-67.63 134.83c-4.55 51.67 11.41 100.29 44.94 136.9 33.37 36.44 80.07 56.51 131.49 56.51 32.52 0 53.61-2.36 85.48-15.75l14.75-6.2-12.4-29.5-14.75 6.18c-27.15 11.4-43.78 13.25-73.08 13.25-42.34 0-80.65-16.38-107.89-46.12-27.4-29.92-40.42-69.86-36.66-112.48 7.84-89 86.6-161.4 175.57-161.4 48.4 0 87.65 14.91 113.49 43.13 24.61 26.87 35.6 63.92 31.79 107.15-3.29 37.35-17.76 55.74-29.32 64.6-11 8.44-22 10.18-28 9.11-17.68-3.13-26.87-20.46-24.59-46.29l9.93-109.12L311.9 160l-2 22.29a79.69 79.69 0 00-57.32-24c-23.8 0-46.54 10.07-64 28.37-16.77 17.53-27.23 41.05-29.45 66.22-2.45 27.87 5.75 54.34 22.51 72.64a76.14 76.14 0 0056.88 24.77A93 93 0 00310 318a60 60 0 0042.88 31.81c16.89 3 36.73-2.69 53.08-15.21 30.19-23.13 39.36-60.19 41.74-87.2 4.52-51.7-9.7-98.4-40.1-131.62zm-126.34 186a62.19 62.19 0 01-42.81 16.53 43.94 43.94 0 01-33.28-14.38c-10.71-11.7-15.9-29.27-14.23-48.22 3.23-36.68 30.29-65.4 61.61-65.4a48.16 48.16 0 0135.88 15.82c10.87 11.87 16.2 28.87 14.63 46.73-1.78 20.28-9.33 37.14-21.8 48.88z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.6 115.78c-32.07-35-79.47-53.51-137.09-53.51-51 0-100.69 19.8-139.82 55.76s-63.13 83.84-67.63 134.83c-4.55 51.67 11.41 100.29 44.94 136.9 33.37 36.44 80.07 56.51 131.49 56.51 32.52 0 53.61-2.36 85.48-15.75l14.75-6.2-12.4-29.5-14.75 6.18c-27.15 11.4-43.78 13.25-73.08 13.25-42.34 0-80.65-16.38-107.89-46.12-27.4-29.92-40.42-69.86-36.66-112.48 7.84-89 86.6-161.4 175.57-161.4 48.4 0 87.65 14.91 113.49 43.13 24.61 26.87 35.6 63.92 31.79 107.15-3.29 37.35-17.76 55.74-29.32 64.6-11 8.44-22 10.18-28 9.11-17.68-3.13-26.87-20.46-24.59-46.29l9.93-109.12L311.9 160l-2 22.29a79.69 79.69 0 00-57.32-24c-23.8 0-46.54 10.07-64 28.37-16.77 17.53-27.23 41.05-29.45 66.22-2.45 27.87 5.75 54.34 22.51 72.64a76.14 76.14 0 0056.88 24.77A93 93 0 00310 318a60 60 0 0042.88 31.81c16.89 3 36.73-2.69 53.08-15.21 30.19-23.13 39.36-60.19 41.74-87.2 4.52-51.7-9.7-98.4-40.1-131.62zm-126.34 186a62.19 62.19 0 01-42.81 16.53 43.94 43.94 0 01-33.28-14.38c-10.71-11.7-15.9-29.27-14.23-48.22 3.23-36.68 30.29-65.4 61.61-65.4a48.16 48.16 0 0135.88 15.82c10.87 11.87 16.2 28.87 14.63 46.73-1.78 20.28-9.33 37.14-21.8 48.88z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AtSharp = props => {
 AtSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Attach.js b/src/Attach.js
index 1fa93ce38..50e7ded8a 100644
--- a/src/Attach.js
+++ b/src/Attach.js
@@ -15,7 +15,7 @@ const Attach = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Attach = props => {
 Attach.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AttachOutline.js b/src/AttachOutline.js
index 7c546c045..b399bf25d 100644
--- a/src/AttachOutline.js
+++ b/src/AttachOutline.js
@@ -15,7 +15,7 @@ const AttachOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.85a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 10191 0V159.74" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AttachOutline = props => {
 AttachOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/AttachSharp.js b/src/AttachSharp.js
index 2dad20463..02ab1b82a 100644
--- a/src/AttachSharp.js
+++ b/src/AttachSharp.js
@@ -15,7 +15,7 @@ const AttachSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.55a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 00191 0V159.44" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M216.08 192v143.55a40.08 40.08 0 0080.15 0l.13-188.55a67.94 67.94 0 10-135.87 0v189.82a95.51 95.51 0 00191 0V159.44" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const AttachSharp = props => {
 AttachSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Backspace.js b/src/Backspace.js
index b2d82a9f5..15df742a3 100644
--- a/src/Backspace.js
+++ b/src/Backspace.js
@@ -15,7 +15,7 @@ const Backspace = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.13 96H156.87a44.9 44.9 0 00-33.68 15.27 15.88 15.88 0 00-1.91 2.7L32 247.75a16 16 0 000 16.5l89.15 133.57a16.24 16.24 0 002 2.88 44.89 44.89 0 0033.7 15.3h246.28A44.92 44.92 0 00448 371.13V140.87A44.92 44.92 0 00403.13 96zM348 311a16 16 0 11-22.63 22.62L271.67 280 218 333.65A16 16 0 01195.35 311L249 257.33l-53.69-53.69A16 16 0 01218 181l53.69 53.7 53.67-53.7A16 16 0 01348 203.64l-53.7 53.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.13 96H156.87a44.9 44.9 0 00-33.68 15.27 15.88 15.88 0 00-1.91 2.7L32 247.75a16 16 0 000 16.5l89.15 133.57a16.24 16.24 0 002 2.88 44.89 44.89 0 0033.7 15.3h246.28A44.92 44.92 0 00448 371.13V140.87A44.92 44.92 0 00403.13 96zM348 311a16 16 0 11-22.63 22.62L271.67 280 218 333.65A16 16 0 01195.35 311L249 257.33l-53.69-53.69A16 16 0 01218 181l53.69 53.7 53.67-53.7A16 16 0 01348 203.64l-53.7 53.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Backspace = props => {
 Backspace.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BackspaceOutline.js b/src/BackspaceOutline.js
index b68715ac7..78a63257a 100644
--- a/src/BackspaceOutline.js
+++ b/src/BackspaceOutline.js
@@ -15,7 +15,7 @@ const BackspaceOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BackspaceOutline = props => {
 BackspaceOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BackspaceSharp.js b/src/BackspaceSharp.js
index e0db0503b..8deb848c4 100644
--- a/src/BackspaceSharp.js
+++ b/src/BackspaceSharp.js
@@ -15,7 +15,7 @@ const BackspaceSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 96L32 256l112 160h304V96zm215.3 226.34L336.67 345l-65-65-65 65L184 322.34l65-65-65-65 22.63-22.63 65 65 65-65 22.63 22.63-65 65z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 96L32 256l112 160h304V96zm215.3 226.34L336.67 345l-65-65-65 65L184 322.34l65-65-65-65 22.63-22.63 65 65 65-65 22.63 22.63-65 65z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BackspaceSharp = props => {
 BackspaceSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bag.js b/src/Bag.js
index b0ce98ac2..0b10665fa 100644
--- a/src/Bag.js
+++ b/src/Bag.js
@@ -15,7 +15,7 @@ const Bag = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bag = props => {
 Bag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagAdd.js b/src/BagAdd.js
index 90a7270af..40540605c 100644
--- a/src/BagAdd.js
+++ b/src/BagAdd.js
@@ -15,7 +15,7 @@ const BagAdd = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336h-48v48a16 16 0 01-32 0v-48h-48a16 16 0 010-32h48v-48a16 16 0 0132 0v48h48a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336h-48v48a16 16 0 01-32 0v-48h-48a16 16 0 010-32h48v-48a16 16 0 0132 0v48h48a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagAdd = props => {
 BagAdd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagAddOutline.js b/src/BagAddOutline.js
index 2a8ef00a8..9b2d12551 100644
--- a/src/BagAddOutline.js
+++ b/src/BagAddOutline.js
@@ -15,7 +15,7 @@ const BagAddOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 256v128M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 256v128M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagAddOutline = props => {
 BagAddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagAddSharp.js b/src/BagAddSharp.js
index 464b91197..35c97af4d 100644
--- a/src/BagAddSharp.js
+++ b/src/BagAddSharp.js
@@ -15,7 +15,7 @@ const BagAddSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187h-64v64h-32v-64h-64v-32h64v-64h32v64h64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187h-64v64h-32v-64h-64v-32h64v-64h32v64h64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagAddSharp = props => {
 BagAddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagCheck.js b/src/BagCheck.js
index 4a080c11c..65c5a21d0 100644
--- a/src/BagCheck.js
+++ b/src/BagCheck.js
@@ -15,7 +15,7 @@ const BagCheck = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM332.49 274l-89.6 112a16 16 0 01-12.23 6h-.26a16 16 0 01-12.16-5.6l-38.4-44.88a16 16 0 1124.32-20.8L230 350.91 307.51 254a16 16 0 0125 20zM336 160H176v-16a80 80 0 01160 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM332.49 274l-89.6 112a16 16 0 01-12.23 6h-.26a16 16 0 01-12.16-5.6l-38.4-44.88a16 16 0 1124.32-20.8L230 350.91 307.51 254a16 16 0 0125 20zM336 160H176v-16a80 80 0 01160 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagCheck = props => {
 BagCheck.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagCheckOutline.js b/src/BagCheckOutline.js
index 4b416e533..dd9cbbcb6 100644
--- a/src/BagCheckOutline.js
+++ b/src/BagCheckOutline.js
@@ -15,7 +15,7 @@ const BagCheckOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 264l-89.6 112-38.4-44.88"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 264l-89.6 112-38.4-44.88" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagCheckOutline = props => {
 BagCheckOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagCheckSharp.js b/src/BagCheckSharp.js
index d9366dfda..c4fd7e17c 100644
--- a/src/BagCheckSharp.js
+++ b/src/BagCheckSharp.js
@@ -15,7 +15,7 @@ const BagCheckSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm50.81 252.12l-61.37-71.72 24.31-20.81L230 350.91l87.51-109.4 25 20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm50.81 252.12l-61.37-71.72 24.31-20.81L230 350.91l87.51-109.4 25 20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagCheckSharp = props => {
 BagCheckSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagHandle.js b/src/BagHandle.js
index 28fce1811..ab9b4051f 100644
--- a/src/BagHandle.js
+++ b/src/BagHandle.js
@@ -15,7 +15,7 @@ const BagHandle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176zm192 96a112 112 0 01-224 0v-16a16 16 0 0132 0v16a80 80 0 00160 0v-16a16 16 0 0132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.65 169.4A31.82 31.82 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.75 31.75 0 00-9.35-22.6zM176 144a80 80 0 01160 0v16H176zm192 96a112 112 0 01-224 0v-16a16 16 0 0132 0v16a80 80 0 00160 0v-16a16 16 0 0132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagHandle = props => {
 BagHandle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagHandleOutline.js b/src/BagHandleOutline.js
index 67e82fa9b..8b8224011 100644
--- a/src/BagHandleOutline.js
+++ b/src/BagHandleOutline.js
@@ -15,7 +15,7 @@ const BagHandleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 224v16a96 96 0 0096 96h0a96 96 0 0096-96v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 224v16a96 96 0 0096 96h0a96 96 0 0096-96v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagHandleOutline = props => {
 BagHandleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagHandleSharp.js b/src/BagHandleSharp.js
index c8f87286a..c147dfc77 100644
--- a/src/BagHandleSharp.js
+++ b/src/BagHandleSharp.js
@@ -15,7 +15,7 @@ const BagHandleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm188 91a112 112 0 01-224 0v-32h32v32a80 80 0 00160 0v-32h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm188 91a112 112 0 01-224 0v-32h32v32a80 80 0 00160 0v-32h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagHandleSharp = props => {
 BagHandleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagOutline.js b/src/BagOutline.js
index 4195e8f9e..61128b5a8 100644
--- a/src/BagOutline.js
+++ b/src/BagOutline.js
@@ -15,7 +15,7 @@ const BagOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagOutline = props => {
 BagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagRemove.js b/src/BagRemove.js
index a30aec9d6..d8f009761 100644
--- a/src/BagRemove.js
+++ b/src/BagRemove.js
@@ -15,7 +15,7 @@ const BagRemove = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336H192a16 16 0 010-32h128a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M454.66 169.4A31.86 31.86 0 00432 160h-64v-16a112 112 0 00-224 0v16H80a32 32 0 00-32 32v216c0 39 33 72 72 72h272a72.22 72.22 0 0050.48-20.55 69.48 69.48 0 0021.52-50.2V192a31.78 31.78 0 00-9.34-22.6zM320 336H192a16 16 0 010-32h128a16 16 0 010 32zm16-176H176v-16a80 80 0 01160 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagRemove = props => {
 BagRemove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagRemoveOutline.js b/src/BagRemoveOutline.js
index 0f90095bf..f32ab324a 100644
--- a/src/BagRemoveOutline.js
+++ b/src/BagRemoveOutline.js
@@ -15,7 +15,7 @@ const BagRemoveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 320H192M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagRemoveOutline = props => {
 BagRemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagRemoveSharp.js b/src/BagRemoveSharp.js
index 5c20c9418..125cf6fd1 100644
--- a/src/BagRemoveSharp.js
+++ b/src/BagRemoveSharp.js
@@ -15,7 +15,7 @@ const BagRemoveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187H176v-32h160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 160h-88v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148v12H180zm156 187H176v-32h160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagRemoveSharp = props => {
 BagRemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BagSharp.js b/src/BagSharp.js
index 85a2ae29b..399550b6e 100644
--- a/src/BagSharp.js
+++ b/src/BagSharp.js
@@ -15,7 +15,7 @@ const BagSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M372 160v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-40 0H180v-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M372 160v-12A116.13 116.13 0 00258.89 32h-5.78A116.13 116.13 0 00140 148v12H52a4 4 0 00-4 4v300a16 16 0 0016 16h384a16 16 0 0016-16V164a4 4 0 00-4-4zm-40 0H180v-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 01332 148z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BagSharp = props => {
 BagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Ban.js b/src/Ban.js
index 08052be83..a2027e9c6 100644
--- a/src/Ban.js
+++ b/src/Ban.js
@@ -15,7 +15,7 @@ const Ban = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="48" cx="256" cy="256" r="200"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth="48" d="M114.58 114.58l282.84 282.84"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="48" cx="256" cy="256" r="200" /><path stroke="currentColor" strokeMiterlimit="10" strokeWidth="48" d="M114.58 114.58l282.84 282.84" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Ban = props => {
 Ban.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BanOutline.js b/src/BanOutline.js
index 44ff088f2..eecb0cf2f 100644
--- a/src/BanOutline.js
+++ b/src/BanOutline.js
@@ -15,7 +15,7 @@ const BanOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M108.92 108.92l294.16 294.16"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M108.92 108.92l294.16 294.16" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BanOutline = props => {
 BanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BanSharp.js b/src/BanSharp.js
index ee9ad4d7c..842fbc2f2 100644
--- a/src/BanSharp.js
+++ b/src/BanSharp.js
@@ -15,7 +15,7 @@ const BanSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM432 256a175.09 175.09 0 01-35.8 106.26L149.74 115.8A175.09 175.09 0 01256 80c97.05 0 176 79 176 176zm-352 0a175.09 175.09 0 0135.8-106.26L362.26 396.2A175.09 175.09 0 01256 432c-97 0-176-78.95-176-176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM432 256a175.09 175.09 0 01-35.8 106.26L149.74 115.8A175.09 175.09 0 01256 80c97.05 0 176 79 176 176zm-352 0a175.09 175.09 0 0135.8-106.26L362.26 396.2A175.09 175.09 0 01256 432c-97 0-176-78.95-176-176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BanSharp = props => {
 BanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bandage.js b/src/Bandage.js
index 2454e1ce1..a0894ccdb 100644
--- a/src/Bandage.js
+++ b/src/Bandage.js
@@ -15,7 +15,7 @@ const Bandage = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zM137.21 295.6a47.81 47.81 0 01-9.43-13.38L69 341a72.2 72.2 0 000 102 72.37 72.37 0 00102 0l58.77-58.76a47.81 47.81 0 01-13.38-9.43zM392 48a71.55 71.55 0 00-51 21l-55.92 55.91a48.05 48.05 0 0113.36 9.45l79.19 79.19a48.05 48.05 0 019.45 13.36L443 171a72 72 0 00-51-123z" fill="none"/><path d="M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zm-56.49 110.31a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zm0-96a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zM465.61 46.39a104.38 104.38 0 00-147.25 0l-69.76 69.89a4 4 0 004.2 6.58 35.74 35.74 0 0111.69-2.54 47.7 47.7 0 0133.94 14.06l79.19 79.19a47.7 47.7 0 0114.06 33.94 35.68 35.68 0 01-2.54 11.69 4 4 0 006.58 4.2l69.89-69.76a104.38 104.38 0 000-147.25z"/><path d="M254.34 386.83a47.91 47.91 0 01-33.94-14l-79.19-79.23a47.81 47.81 0 01-9.43-13.38c-4.59-9.7-1.39-25 2.48-36.9a4 4 0 00-6.64-4l-77.23 77.04a104.12 104.12 0 00147.25 147.25l72.75-72.88a4 4 0 00-4.21-6.58c-4.18 1.58-8.4 2.68-11.84 2.68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zM137.21 295.6a47.81 47.81 0 01-9.43-13.38L69 341a72.2 72.2 0 000 102 72.37 72.37 0 00102 0l58.77-58.76a47.81 47.81 0 01-13.38-9.43zM392 48a71.55 71.55 0 00-51 21l-55.92 55.91a48.05 48.05 0 0113.36 9.45l79.19 79.19a48.05 48.05 0 019.45 13.36L443 171a72 72 0 00-51-123z" fill="none" /><path d="M275.8 157a16 16 0 00-22.63 0l-93.34 93.34a16 16 0 000 22.63l79.2 79.2a16 16 0 0022.63 0L355 258.83a16 16 0 000-22.63zm-56.49 110.31a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zm0-96a16 16 0 110-22.62 16 16 0 010 22.62zm48 48a16 16 0 110-22.62 16 16 0 010 22.62zM465.61 46.39a104.38 104.38 0 00-147.25 0l-69.76 69.89a4 4 0 004.2 6.58 35.74 35.74 0 0111.69-2.54 47.7 47.7 0 0133.94 14.06l79.19 79.19a47.7 47.7 0 0114.06 33.94 35.68 35.68 0 01-2.54 11.69 4 4 0 006.58 4.2l69.89-69.76a104.38 104.38 0 000-147.25z" /><path d="M254.34 386.83a47.91 47.91 0 01-33.94-14l-79.19-79.23a47.81 47.81 0 01-9.43-13.38c-4.59-9.7-1.39-25 2.48-36.9a4 4 0 00-6.64-4l-77.23 77.04a104.12 104.12 0 00147.25 147.25l72.75-72.88a4 4 0 00-4.21-6.58c-4.18 1.58-8.4 2.68-11.84 2.68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bandage = props => {
 Bandage.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BandageOutline.js b/src/BandageOutline.js
index 182e4900e..4fc5827a0 100644
--- a/src/BandageOutline.js
+++ b/src/BandageOutline.js
@@ -15,7 +15,7 @@ const BandageOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="-24.43" y="167.88" width="560.87" height="176.25" rx="88.12" ry="88.12" transform="rotate(-45 256 256.002)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="169.41" y="156.59" width="176" height="196" rx="32" ry="32" transform="rotate(45 257.409 254.582)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="208" r="16"/><circle cx="304" cy="256" r="16"/><circle cx="208" cy="256" r="16"/><circle cx="256" cy="304" r="16"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="-24.43" y="167.88" width="560.87" height="176.25" rx="88.12" ry="88.12" transform="rotate(-45 256 256.002)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="169.41" y="156.59" width="176" height="196" rx="32" ry="32" transform="rotate(45 257.409 254.582)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="208" r="16" /><circle cx="304" cy="256" r="16" /><circle cx="208" cy="256" r="16" /><circle cx="256" cy="304" r="16" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BandageOutline = props => {
 BandageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BandageSharp.js b/src/BandageSharp.js
index 84d9eeb33..457dc3857 100644
--- a/src/BandageSharp.js
+++ b/src/BandageSharp.js
@@ -15,7 +15,7 @@ const BandageSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M27.71 337.1a40 40 0 000 56.54l90.65 90.65a40 40 0 0056.54 0l75.1-75.1L102.81 262zM496 147.1a39.87 39.87 0 00-11.75-28.38l-91-91a40.14 40.14 0 00-56.75 0L264 100.28 411.72 248l72.53-72.53A39.85 39.85 0 00496 147.1zM273.06 386.19l116-116L241.77 123l-116 116zm19.63-141.5a16 16 0 110 22.62 16 16 0 010-22.62zm-48-48a16 16 0 110 22.62 16 16 0 010-22.62zm0 96a16 16 0 110 22.62 16 16 0 010-22.62zm-25.38-48a16 16 0 11-22.62 0 16 16 0 0122.62 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M27.71 337.1a40 40 0 000 56.54l90.65 90.65a40 40 0 0056.54 0l75.1-75.1L102.81 262zM496 147.1a39.87 39.87 0 00-11.75-28.38l-91-91a40.14 40.14 0 00-56.75 0L264 100.28 411.72 248l72.53-72.53A39.85 39.85 0 00496 147.1zM273.06 386.19l116-116L241.77 123l-116 116zm19.63-141.5a16 16 0 110 22.62 16 16 0 010-22.62zm-48-48a16 16 0 110 22.62 16 16 0 010-22.62zm0 96a16 16 0 110 22.62 16 16 0 010-22.62zm-25.38-48a16 16 0 11-22.62 0 16 16 0 0122.62 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BandageSharp = props => {
 BandageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarChart.js b/src/BarChart.js
index cafd0e8e3..d015eaf22 100644
--- a/src/BarChart.js
+++ b/src/BarChart.js
@@ -15,7 +15,7 @@ const BarChart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 496H48a32 32 0 01-32-32V32a16 16 0 0132 0v432h432a16 16 0 010 32z"/><path d="M156 432h-40a36 36 0 01-36-36V244a36 36 0 0136-36h40a36 36 0 0136 36v152a36 36 0 01-36 36zM300 432h-40a36 36 0 01-36-36V196a36 36 0 0136-36h40a36 36 0 0136 36v200a36 36 0 01-36 36zM443.64 432h-40a36 36 0 01-36-36V132a36 36 0 0136-36h40a36 36 0 0136 36v264a36 36 0 01-36 36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 496H48a32 32 0 01-32-32V32a16 16 0 0132 0v432h432a16 16 0 010 32z" /><path d="M156 432h-40a36 36 0 01-36-36V244a36 36 0 0136-36h40a36 36 0 0136 36v152a36 36 0 01-36 36zM300 432h-40a36 36 0 01-36-36V196a36 36 0 0136-36h40a36 36 0 0136 36v200a36 36 0 01-36 36zM443.64 432h-40a36 36 0 01-36-36V132a36 36 0 0136-36h40a36 36 0 0136 36v264a36 36 0 01-36 36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarChart = props => {
 BarChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarChartOutline.js b/src/BarChartOutline.js
index afb21107a..9dc78420d 100644
--- a/src/BarChartOutline.js
+++ b/src/BarChartOutline.js
@@ -15,7 +15,7 @@ const BarChartOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v432a16 16 0 0016 16h432" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="224" width="80" height="192" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="240" y="176" width="80" height="240" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="383.64" y="112" width="80" height="304" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v432a16 16 0 0016 16h432" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="224" width="80" height="192" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="240" y="176" width="80" height="240" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="383.64" y="112" width="80" height="304" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarChartOutline = props => {
 BarChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarChartSharp.js b/src/BarChartSharp.js
index 42ba4c864..2f7e0a768 100644
--- a/src/BarChartSharp.js
+++ b/src/BarChartSharp.js
@@ -15,7 +15,7 @@ const BarChartSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 496H16V16h32v448h448v32z"/><path d="M192 432H80V208h112zM336 432H224V160h112zM479.64 432h-112V96h112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 496H16V16h32v448h448v32z" /><path d="M192 432H80V208h112zM336 432H224V160h112zM479.64 432h-112V96h112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarChartSharp = props => {
 BarChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Barbell.js b/src/Barbell.js
index 539429075..0bd63ca4b 100644
--- a/src/Barbell.js
+++ b/src/Barbell.js
@@ -15,7 +15,7 @@ const Barbell = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467 176a29.94 29.94 0 00-25.32 12.5 2 2 0 01-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 00362 150v82a2 2 0 01-2 2H152a2 2 0 01-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0074 150v37.38a2 2 0 01-3.64 1.14A29.94 29.94 0 0045 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0025.32-12.5 2 2 0 013.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 00150 362v-82a2 2 0 012-2h208a2 2 0 012 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 00438 362v-37.38a2 2 0 013.64-1.14A29.94 29.94 0 00467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467 176a29.94 29.94 0 00-25.32 12.5 2 2 0 01-3.64-1.14v-36.65c0-20.75-16.34-38.21-37.08-38.7A38 38 0 00362 150v82a2 2 0 01-2 2H152a2 2 0 01-2-2v-81.29c0-20.75-16.34-38.21-37.08-38.7A38 38 0 0074 150v37.38a2 2 0 01-3.64 1.14A29.94 29.94 0 0045 176c-16.3.51-29 14.31-29 30.62v98.72c0 16.31 12.74 30.11 29 30.62a29.94 29.94 0 0025.32-12.5 2 2 0 013.68 1.16v36.67C74 382 90.34 399.5 111.08 400A38 38 0 00150 362v-82a2 2 0 012-2h208a2 2 0 012 2v81.29c0 20.75 16.34 38.21 37.08 38.7A38 38 0 00438 362v-37.38a2 2 0 013.64-1.14A29.94 29.94 0 00467 336c16.3-.51 29-14.31 29-30.62v-98.74c0-16.31-12.74-30.11-29-30.64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Barbell = props => {
 Barbell.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarbellOutline.js b/src/BarbellOutline.js
index 39f50345b..879ee8369 100644
--- a/src/BarbellOutline.js
+++ b/src/BarbellOutline.js
@@ -15,7 +15,7 @@ const BarbellOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 256h416"/><rect x="384" y="128" width="32" height="256" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="128" width="32" height="256" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="32" y="192" width="16" height="128" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="464" y="192" width="16" height="128" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 256h416" /><rect x="384" y="128" width="32" height="256" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="128" width="32" height="256" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="32" y="192" width="16" height="128" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="464" y="192" width="16" height="128" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarbellOutline = props => {
 BarbellOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarbellSharp.js b/src/BarbellSharp.js
index ab5b57422..1b27d2274 100644
--- a/src/BarbellSharp.js
+++ b/src/BarbellSharp.js
@@ -15,7 +15,7 @@ const BarbellSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 176h-58v-64h-76v122H150V112H74v64H16v160h58v64h76V278h212v122h76v-64h58V176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 176h-58v-64h-76v122H150V112H74v64H16v160h58v64h76V278h212v122h76v-64h58V176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarbellSharp = props => {
 BarbellSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Barcode.js b/src/Barcode.js
index 531e111e7..3c5a8b23b 100644
--- a/src/Barcode.js
+++ b/src/Barcode.js
@@ -15,7 +15,7 @@ const Barcode = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M419.13 96H419l-35.05.33L128 96h-.16l-36.74.33C66.93 96.38 48 116.07 48 141.2v230.27c0 25.15 19 44.86 43.2 44.86h.15l36.71-.33 255.92.33h.17l35.07-.33A44.91 44.91 0 00464 371.13V140.87A44.92 44.92 0 00419.13 96zM144 320a16 16 0 01-32 0V192a16 16 0 0132 0zm64 32a16 16 0 01-32 0V160a16 16 0 0132 0zm64-16a16 16 0 01-32 0V176a16 16 0 0132 0zm64 16a16 16 0 01-32 0V160a16 16 0 0132 0zm64-32a16 16 0 01-32 0V192a16 16 0 0132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M419.13 96H419l-35.05.33L128 96h-.16l-36.74.33C66.93 96.38 48 116.07 48 141.2v230.27c0 25.15 19 44.86 43.2 44.86h.15l36.71-.33 255.92.33h.17l35.07-.33A44.91 44.91 0 00464 371.13V140.87A44.92 44.92 0 00419.13 96zM144 320a16 16 0 01-32 0V192a16 16 0 0132 0zm64 32a16 16 0 01-32 0V160a16 16 0 0132 0zm64-16a16 16 0 01-32 0V176a16 16 0 0132 0zm64 16a16 16 0 01-32 0V160a16 16 0 0132 0zm64-32a16 16 0 01-32 0V192a16 16 0 0132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Barcode = props => {
 Barcode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarcodeOutline.js b/src/BarcodeOutline.js
index 023834d3b..b2b3131fc 100644
--- a/src/BarcodeOutline.js
+++ b/src/BarcodeOutline.js
@@ -15,7 +15,7 @@ const BarcodeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 400.33l35.13-.33A29 29 0 00448 371.13V140.87A29 29 0 00419.13 112l-35.13.33M128 112l-36.8.33c-15.88 0-27.2 13-27.2 28.87v230.27c0 15.87 11.32 28.86 27.2 28.86L128 400M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 400.33l35.13-.33A29 29 0 00448 371.13V140.87A29 29 0 00419.13 112l-35.13.33M128 112l-36.8.33c-15.88 0-27.2 13-27.2 28.87v230.27c0 15.87 11.32 28.86 27.2 28.86L128 400M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarcodeOutline = props => {
 BarcodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BarcodeSharp.js b/src/BarcodeSharp.js
index 23b74d7a7..52b3e323e 100644
--- a/src/BarcodeSharp.js
+++ b/src/BarcodeSharp.js
@@ -15,7 +15,7 @@ const BarcodeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M400 400.33l48-.33V112l-48 .33M112 112l-48 .33v288l48-.33M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M400 400.33l48-.33V112l-48 .33M112 112l-48 .33v288l48-.33M384 192v128M320 160v192M256 176v160M192 160v192M128 192v128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BarcodeSharp = props => {
 BarcodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Baseball.js b/src/Baseball.js
index 116b9daa8..d5625e2e2 100644
--- a/src/Baseball.js
+++ b/src/Baseball.js
@@ -15,7 +15,7 @@ const Baseball = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444 295.67l-.47-26.07a205.42 205.42 0 01-39.27-4.73l-5 17.35a14 14 0 11-26.88-7.81l5-17.38a206.47 206.47 0 01-36.05-17.35l-10.44 14.77a14 14 0 01-22.87-16.16l10.41-14.73a204.8 204.8 0 01-30-30L273.71 204a14 14 0 01-16.16-22.87l14.74-10.42a205.3 205.3 0 01-17.38-36.06l-17.32 5a14 14 0 11-7.81-26.89l17.3-5a205.88 205.88 0 01-4.43-32.59q-.17-3-.24-6l-18.22-.33a14 14 0 01-13.74-14A208 208 0 0055 202.42a16 16 0 0115 15.66l.44 24.43c1.58.05 3.16.11 4.73.2a205.88 205.88 0 0132.59 4.43l5-17.3a14 14 0 0126.89 7.81l-5 17.32a205.21 205.21 0 0136 17.38L181 257.61a14 14 0 0122.87 16.16l-10.39 14.73a205.65 205.65 0 0115.79 14.23 203.79 203.79 0 0114.23 15.79l14.73-10.41A14 14 0 01254.39 331l-14.76 10.43A206.86 206.86 0 01257 377.47l17.38-5.05a14 14 0 017.81 26.89l-17.35 5a205.89 205.89 0 014.7 38.28l18.27.33a16 16 0 0115.71 16.28 11.69 11.69 0 01-.08 1.19 208 208 0 00153.39-151.03A14 14 0 01444 295.67z"/><path d="M301.49 56.2A14 14 0 01287.5 70h-.25l-16.81-.3c.05 1.31.1 2.62.17 3.93a178.83 178.83 0 003.44 26.31l16.29-4.74a14 14 0 017.81 26.8l-16.27 4.73a178.06 178.06 0 0013.33 27.69l13.84-9.78a14 14 0 1116.16 22.87l-13.86 9.79q5.25 6.33 11.12 12.19c3.9 3.91 8 7.6 12.2 11.1l9.78-13.84A14 14 0 11367.32 203l-9.76 13.8a178.83 178.83 0 0027.68 13.33l4.76-16.28a14 14 0 0126.89 7.81l-4.73 16.26a177.72 177.72 0 0030.95 3.65l-.16-9a14 14 0 0113.75-14.24h.25a14.67 14.67 0 012.59.25 208 208 0 00-158-163.51c-.06.4-.04.76-.05 1.13zM208.44 457.55a16 16 0 0116.28-15.71l16.76.29a178.49 178.49 0 00-3.62-29.95l-16.26 4.72a14 14 0 11-7.81-26.9l16.21-4.7a177.92 177.92 0 00-13.33-27.68l-13.8 9.76a14 14 0 11-16.16-22.87l13.84-9.78c-3.5-4.22-7.19-8.3-11.1-12.2s-8-7.62-12.19-11.12l-9.79 13.86a14 14 0 11-22.87-16.16l9.78-13.84a177.16 177.16 0 00-27.69-13.33L122 298.21a14 14 0 11-26.9-7.81l4.73-16.29a177.32 177.32 0 00-26.31-3.44c-.89-.05-1.79-.08-2.68-.12l.16 10.59a16 16 0 01-15.71 16.28H55a16 16 0 01-3.94-.51 208 208 0 00157.65 163.87 15.72 15.72 0 01-.27-3.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444 295.67l-.47-26.07a205.42 205.42 0 01-39.27-4.73l-5 17.35a14 14 0 11-26.88-7.81l5-17.38a206.47 206.47 0 01-36.05-17.35l-10.44 14.77a14 14 0 01-22.87-16.16l10.41-14.73a204.8 204.8 0 01-30-30L273.71 204a14 14 0 01-16.16-22.87l14.74-10.42a205.3 205.3 0 01-17.38-36.06l-17.32 5a14 14 0 11-7.81-26.89l17.3-5a205.88 205.88 0 01-4.43-32.59q-.17-3-.24-6l-18.22-.33a14 14 0 01-13.74-14A208 208 0 0055 202.42a16 16 0 0115 15.66l.44 24.43c1.58.05 3.16.11 4.73.2a205.88 205.88 0 0132.59 4.43l5-17.3a14 14 0 0126.89 7.81l-5 17.32a205.21 205.21 0 0136 17.38L181 257.61a14 14 0 0122.87 16.16l-10.39 14.73a205.65 205.65 0 0115.79 14.23 203.79 203.79 0 0114.23 15.79l14.73-10.41A14 14 0 01254.39 331l-14.76 10.43A206.86 206.86 0 01257 377.47l17.38-5.05a14 14 0 017.81 26.89l-17.35 5a205.89 205.89 0 014.7 38.28l18.27.33a16 16 0 0115.71 16.28 11.69 11.69 0 01-.08 1.19 208 208 0 00153.39-151.03A14 14 0 01444 295.67z" /><path d="M301.49 56.2A14 14 0 01287.5 70h-.25l-16.81-.3c.05 1.31.1 2.62.17 3.93a178.83 178.83 0 003.44 26.31l16.29-4.74a14 14 0 017.81 26.8l-16.27 4.73a178.06 178.06 0 0013.33 27.69l13.84-9.78a14 14 0 1116.16 22.87l-13.86 9.79q5.25 6.33 11.12 12.19c3.9 3.91 8 7.6 12.2 11.1l9.78-13.84A14 14 0 11367.32 203l-9.76 13.8a178.83 178.83 0 0027.68 13.33l4.76-16.28a14 14 0 0126.89 7.81l-4.73 16.26a177.72 177.72 0 0030.95 3.65l-.16-9a14 14 0 0113.75-14.24h.25a14.67 14.67 0 012.59.25 208 208 0 00-158-163.51c-.06.4-.04.76-.05 1.13zM208.44 457.55a16 16 0 0116.28-15.71l16.76.29a178.49 178.49 0 00-3.62-29.95l-16.26 4.72a14 14 0 11-7.81-26.9l16.21-4.7a177.92 177.92 0 00-13.33-27.68l-13.8 9.76a14 14 0 11-16.16-22.87l13.84-9.78c-3.5-4.22-7.19-8.3-11.1-12.2s-8-7.62-12.19-11.12l-9.79 13.86a14 14 0 11-22.87-16.16l9.78-13.84a177.16 177.16 0 00-27.69-13.33L122 298.21a14 14 0 11-26.9-7.81l4.73-16.29a177.32 177.32 0 00-26.31-3.44c-.89-.05-1.79-.08-2.68-.12l.16 10.59a16 16 0 01-15.71 16.28H55a16 16 0 01-3.94-.51 208 208 0 00157.65 163.87 15.72 15.72 0 01-.27-3.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Baseball = props => {
 Baseball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BaseballOutline.js b/src/BaseballOutline.js
index 2cec95eda..bc7fa1aed 100644
--- a/src/BaseballOutline.js
+++ b/src/BaseballOutline.js
@@ -15,7 +15,7 @@ const BaseballOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M294.25 108.6l-60.57 17.59M317.13 156.11l-51.5 36.4M355.89 194.87l-36.4 51.5M403.4 217.75l-17.59 60.57"/><circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M432.94 255.05a192 192 0 01-176.31-180.7M108.54 294.31l17.59-60.57M156.05 317.19l36.4-51.5M194.81 355.95l51.5-36.4M217.69 403.46l60.57-17.59M255 433.61A192 192 0 0074.29 256.69" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M294.25 108.6l-60.57 17.59M317.13 156.11l-51.5 36.4M355.89 194.87l-36.4 51.5M403.4 217.75l-17.59 60.57" /><circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M432.94 255.05a192 192 0 01-176.31-180.7M108.54 294.31l17.59-60.57M156.05 317.19l36.4-51.5M194.81 355.95l51.5-36.4M217.69 403.46l60.57-17.59M255 433.61A192 192 0 0074.29 256.69" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BaseballOutline = props => {
 BaseballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BaseballSharp.js b/src/BaseballSharp.js
index fec521af4..ed08fb331 100644
--- a/src/BaseballSharp.js
+++ b/src/BaseballSharp.js
@@ -15,7 +15,7 @@ const BaseballSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M302.16 56.2a13.88 13.88 0 01-3.42 8.91l-.11 5.13-27.71-.57c0 1.3.09 2.61.16 3.91a177.33 177.33 0 003.45 26.31l24.72-7.18 7.81 26.88-24.71 7.18a177.21 177.21 0 0013.34 27.69l21.27-15 16.16 22.86-21.29 15.05q5.25 6.33 11.11 12.19c3.91 3.91 8 7.6 12.2 11.1l15.71-22.22 22.86 16.16L358 216.75a178.78 178.78 0 0027.68 13.32l7.49-25.8 26.89 7.81-7.5 25.83a177.8 177.8 0 0031 3.67l-.41-24.67 17.41-.29A208 208 0 00301.82 52.93a13.65 13.65 0 01.34 3.27zM214 441.64l27.91.49a177.46 177.46 0 00-3.62-29.95l-24.14 7-7.81-26.88 24.11-7a177.92 177.92 0 00-13.33-27.68L196.79 372l-16.16-22.86L201 334.73c-3.49-4.22-7.19-8.3-11.09-12.2s-8-7.62-12.19-11.12l-13.91 19.68L141 314.93l13.9-19.66a177.26 177.26 0 00-27.7-13.33l-6.37 21.94-26.89-7.81 6.38-22a177.32 177.32 0 00-26.32-3.4c-1.59-.09-3.18-.16-4.78-.2l.4 22.34-17.71.32a207.88 207.88 0 00161.81 166.48z"/><path d="M444.65 302.67l-.55-33.06a206 206 0 01-39.33-4.74L397 291.8l-26.94-7.8 7.83-27a206.91 206.91 0 01-36.06-17.35l-16.36 23.15-22.86-16.16 16.33-23.11a204.21 204.21 0 01-30-30l-22.19 15.67-16.16-22.87 22.17-15.67a206 206 0 01-17.38-36.06l-25.75 7.48-7.81-26.89 25.73-7.47q-2-9.21-3.18-18.64h-.47l-.78-14-.33-6-17.94-.32a13.38 13.38 0 01-1.79-.16l-6.35-.13.06-2.47a14 14 0 01-5.66-11.49 13.27 13.27 0 01.13-1.67A208 208 0 0052.16 217.43l16.1-.28.45 25.18 6.83.38 14 .77v.48q9.42 1.17 18.64 3.18l6.68-23L141.7 232l-6.7 23a205.3 205.3 0 0136.06 17.38l14.53-20.56L208.47 268 194 288.5a203.5 203.5 0 0130 30l21.3-15 16.16 22.86-21.36 15.05a206.86 206.86 0 0117.34 36.06l25.27-7.33 7.81 26.86-25.24 7.33a205.9 205.9 0 014.72 38.3l29.42.53-.29 16.48a207.94 207.94 0 00160-157.21z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M302.16 56.2a13.88 13.88 0 01-3.42 8.91l-.11 5.13-27.71-.57c0 1.3.09 2.61.16 3.91a177.33 177.33 0 003.45 26.31l24.72-7.18 7.81 26.88-24.71 7.18a177.21 177.21 0 0013.34 27.69l21.27-15 16.16 22.86-21.29 15.05q5.25 6.33 11.11 12.19c3.91 3.91 8 7.6 12.2 11.1l15.71-22.22 22.86 16.16L358 216.75a178.78 178.78 0 0027.68 13.32l7.49-25.8 26.89 7.81-7.5 25.83a177.8 177.8 0 0031 3.67l-.41-24.67 17.41-.29A208 208 0 00301.82 52.93a13.65 13.65 0 01.34 3.27zM214 441.64l27.91.49a177.46 177.46 0 00-3.62-29.95l-24.14 7-7.81-26.88 24.11-7a177.92 177.92 0 00-13.33-27.68L196.79 372l-16.16-22.86L201 334.73c-3.49-4.22-7.19-8.3-11.09-12.2s-8-7.62-12.19-11.12l-13.91 19.68L141 314.93l13.9-19.66a177.26 177.26 0 00-27.7-13.33l-6.37 21.94-26.89-7.81 6.38-22a177.32 177.32 0 00-26.32-3.4c-1.59-.09-3.18-.16-4.78-.2l.4 22.34-17.71.32a207.88 207.88 0 00161.81 166.48z" /><path d="M444.65 302.67l-.55-33.06a206 206 0 01-39.33-4.74L397 291.8l-26.94-7.8 7.83-27a206.91 206.91 0 01-36.06-17.35l-16.36 23.15-22.86-16.16 16.33-23.11a204.21 204.21 0 01-30-30l-22.19 15.67-16.16-22.87 22.17-15.67a206 206 0 01-17.38-36.06l-25.75 7.48-7.81-26.89 25.73-7.47q-2-9.21-3.18-18.64h-.47l-.78-14-.33-6-17.94-.32a13.38 13.38 0 01-1.79-.16l-6.35-.13.06-2.47a14 14 0 01-5.66-11.49 13.27 13.27 0 01.13-1.67A208 208 0 0052.16 217.43l16.1-.28.45 25.18 6.83.38 14 .77v.48q9.42 1.17 18.64 3.18l6.68-23L141.7 232l-6.7 23a205.3 205.3 0 0136.06 17.38l14.53-20.56L208.47 268 194 288.5a203.5 203.5 0 0130 30l21.3-15 16.16 22.86-21.36 15.05a206.86 206.86 0 0117.34 36.06l25.27-7.33 7.81 26.86-25.24 7.33a205.9 205.9 0 014.72 38.3l29.42.53-.29 16.48a207.94 207.94 0 00160-157.21z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BaseballSharp = props => {
 BaseballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Basket.js b/src/Basket.js
index aba005771..ff62f86f9 100644
--- a/src/Basket.js
+++ b/src/Basket.js
@@ -15,7 +15,7 @@ const Basket = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.11 192H360L268.8 70.4a16 16 0 00-25.6 0L152 192H87.89a32.57 32.57 0 00-32.62 32.44 30.3 30.3 0 001.31 9l46.27 163.14a50.72 50.72 0 0048.84 36.91h208.62a51.21 51.21 0 0049-36.86l46.33-163.36a15.62 15.62 0 00.46-2.36l.53-4.93a13.3 13.3 0 00.09-1.55A32.57 32.57 0 00424.11 192zM256 106.67L320 192H192zm0 245a37.7 37.7 0 1137.88-37.7A37.87 37.87 0 01256 351.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.11 192H360L268.8 70.4a16 16 0 00-25.6 0L152 192H87.89a32.57 32.57 0 00-32.62 32.44 30.3 30.3 0 001.31 9l46.27 163.14a50.72 50.72 0 0048.84 36.91h208.62a51.21 51.21 0 0049-36.86l46.33-163.36a15.62 15.62 0 00.46-2.36l.53-4.93a13.3 13.3 0 00.09-1.55A32.57 32.57 0 00424.11 192zM256 106.67L320 192H192zm0 245a37.7 37.7 0 1137.88-37.7A37.87 37.87 0 01256 351.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Basket = props => {
 Basket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BasketOutline.js b/src/BasketOutline.js
index 6261087cc..cd9da8333 100644
--- a/src/BasketOutline.js
+++ b/src/BasketOutline.js
@@ -15,7 +15,7 @@ const BasketOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M68.4 192A20.38 20.38 0 0048 212.2a17.87 17.87 0 00.8 5.5L100.5 400a40.46 40.46 0 0039.1 29.5h232.8a40.88 40.88 0 0039.3-29.5l51.7-182.3.6-5.5a20.38 20.38 0 00-20.4-20.2H68.4zm193.32 160.07A42.07 42.07 0 11304 310a42.27 42.27 0 01-42.28 42.07z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M160 192l96-128 96 128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M68.4 192A20.38 20.38 0 0048 212.2a17.87 17.87 0 00.8 5.5L100.5 400a40.46 40.46 0 0039.1 29.5h232.8a40.88 40.88 0 0039.3-29.5l51.7-182.3.6-5.5a20.38 20.38 0 00-20.4-20.2H68.4zm193.32 160.07A42.07 42.07 0 11304 310a42.27 42.27 0 01-42.28 42.07z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M160 192l96-128 96 128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BasketOutline = props => {
 BasketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BasketSharp.js b/src/BasketSharp.js
index 1af880ffc..94d3865f4 100644
--- a/src/BasketSharp.js
+++ b/src/BasketSharp.js
@@ -15,7 +15,7 @@ const BasketSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M339.2 217.6L256 106.67 172.8 217.6l-25.6-19.2 96-128a16 16 0 0125.6 0l96 128z"/><path d="M441.59 192H70.41a12 12 0 00-11.68 14.77L112.59 434h286.82l53.86-227.23A12 12 0 00441.59 192zM256 351.66A37.71 37.71 0 11293.89 314 37.88 37.88 0 01256 351.66z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M339.2 217.6L256 106.67 172.8 217.6l-25.6-19.2 96-128a16 16 0 0125.6 0l96 128z" /><path d="M441.59 192H70.41a12 12 0 00-11.68 14.77L112.59 434h286.82l53.86-227.23A12 12 0 00441.59 192zM256 351.66A37.71 37.71 0 11293.89 314 37.88 37.88 0 01256 351.66z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BasketSharp = props => {
 BasketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Basketball.js b/src/Basketball.js
index 88fcc8251..dde0e057c 100644
--- a/src/Basketball.js
+++ b/src/Basketball.js
@@ -15,7 +15,7 @@ const Basketball = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Basketball = props => {
 Basketball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BasketballOutline.js b/src/BasketballOutline.js
index d7b05396c..934c9ea25 100644
--- a/src/BasketballOutline.js
+++ b/src/BasketballOutline.js
@@ -15,7 +15,7 @@ const BasketballOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M432.94 255.05a192 192 0 01-176.31-180.7M255 433.61A192 192 0 0074.29 256.69M120.24 120.24l271.52 271.52M120.24 391.76l271.52-271.52" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M432.94 255.05a192 192 0 01-176.31-180.7M255 433.61A192 192 0 0074.29 256.69M120.24 120.24l271.52 271.52M120.24 391.76l271.52-271.52" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BasketballOutline = props => {
 BasketballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BasketballSharp.js b/src/BasketballSharp.js
index 1300b92af..2dd4d8f28 100644
--- a/src/BasketballSharp.js
+++ b/src/BasketballSharp.js
@@ -15,7 +15,7 @@ const BasketballSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 233.37l34.45-34.45a207.08 207.08 0 01-50.12-135.25c0-5 .19-10.05.54-15A207.09 207.09 0 00120.67 98zM313.14 176.23L391.33 98A207.07 207.07 0 00273 48.8c-.41 4.9-.64 9.86-.64 14.87a175.25 175.25 0 0040.78 112.56zM335.77 198.86a175.25 175.25 0 00112.56 40.81c5 0 10-.23 14.87-.64A207.07 207.07 0 00414 120.67zM176.23 313.14a175.23 175.23 0 00-112.56-40.81q-7.52 0-14.87.64A207.07 207.07 0 0098 391.33zM256 278.63l-34.45 34.45a207.08 207.08 0 0150.12 135.25c0 5-.19 10.05-.54 15A207.06 207.06 0 00391.33 414zM448.33 271.67a207.08 207.08 0 01-135.25-50.12L278.63 256 414 391.33a207.09 207.09 0 0049.39-120.2c-5.01.35-10.02.54-15.06.54zM233.37 256L98 120.67a207.06 207.06 0 00-49.39 120.2c5-.35 10-.54 15-.54a207.08 207.08 0 01135.25 50.12zM120.67 414A207.07 207.07 0 00239 463.2q.63-7.35.64-14.87a175.23 175.23 0 00-40.81-112.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BasketballSharp = props => {
 BasketballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryCharging.js b/src/BatteryCharging.js
index 1f3fb2c82..891aa3dd2 100644
--- a/src/BatteryCharging.js
+++ b/src/BatteryCharging.js
@@ -15,7 +15,7 @@ const BatteryCharging = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z"/><path d="M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z"/><path d="M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z"/><path d="M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z" /><path d="M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z" /><path d="M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z" /><path d="M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryCharging = props => {
 BatteryCharging.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryChargingOutline.js b/src/BatteryChargingOutline.js
index 9ec6f753a..ee475bafe 100644
--- a/src/BatteryChargingOutline.js
+++ b/src/BatteryChargingOutline.js
@@ -15,7 +15,7 @@ const BatteryChargingOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z"/><path d="M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z"/><path d="M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z"/><path d="M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 322.3V189.7A29.74 29.74 0 0177.7 160h137.44l24.4-32H77.7A61.77 61.77 0 0016 189.7v132.6A61.77 61.77 0 0077.7 384h96.85a22.57 22.57 0 01.26-7.32l.15-.75.21-.73 6.5-23.2H77.7A29.74 29.74 0 0148 322.3zM386.3 128h-98.64a22.69 22.69 0 01-.27 7.2l-.15.74-.21.73-6.54 23.33H386.3a29.74 29.74 0 0129.7 29.7v132.6a29.74 29.74 0 01-29.7 29.7H247l-24.42 32H386.3a61.77 61.77 0 0061.7-61.7V189.7a61.77 61.77 0 00-61.7-61.7z" /><path d="M162.65 294.16a24.37 24.37 0 01-21.56-13 25 25 0 011.42-25.83l.31-.46.33-.44L197.62 183H89.69a20 20 0 00-20 20v106a20 20 0 0020 20h98.42l9.78-34.86z" /><path d="M276.07 280.89l27.07-35.49a5.2 5.2 0 00.77-1.91 5 5 0 00.08-.66 5 5 0 00-.08-1.29 5.11 5.11 0 00-.68-1.75 4.76 4.76 0 00-.78-.95 3.48 3.48 0 00-.48-.38 4 4 0 00-1.11-.55 4.28 4.28 0 00-1.31-.2h-61.62l12.12-43.21 3.23-11.5 6.21-22.16.51-1.84 7.79-27.76a3.51 3.51 0 00.05-.55v-.16c0-.05 0-.26-.05-.38s0-.09 0-.14a2.2 2.2 0 00-.17-.45 3.77 3.77 0 00-.26-.39l-.09-.1a2.73 2.73 0 00-.25-.23l-.1-.08a3.14 3.14 0 00-.39-.24 2 2 0 00-.41-.14H265.53a2.3 2.3 0 00-.45 0 1.9 1.9 0 00-.42.15l-.13.07-.3.21-.11.1a2.4 2.4 0 00-.36.41l-18 23.63-13.14 17.22-9.85 12.83-63.71 83.55a5.72 5.72 0 00-.44.8 4.78 4.78 0 00-.35 1.09 4.7 4.7 0 00-.08 1.29 4.86 4.86 0 002 3.71 4.74 4.74 0 00.54.31 4.31 4.31 0 001.89.43h61.62L194.42 380.6a3.64 3.64 0 000 .56v.15a2.32 2.32 0 00.06.38.58.58 0 000 .14 2.2 2.2 0 00.17.45 3.62 3.62 0 00.26.38l.09.1.25.24a.39.39 0 01.1.08 2.22 2.22 0 00.39.23 2.83 2.83 0 00.41.14h.13a1.86 1.86 0 00.33 0h.13a2.32 2.32 0 00.45-.06 2.05 2.05 0 00.41-.16l.13-.07.3-.21.11-.09a2.4 2.4 0 00.36-.41L221.82 352l17.53-23z" /><path d="M319.5 256.93l-.46.6L264.51 329h109.8a20 20 0 0020-20V203a20 20 0 00-20-20H274.05l-9.74 34.73h35.24A24.35 24.35 0 01321 230.5a25.21 25.21 0 01-1 25.79zM480 202.67a16 16 0 00-16 16v74.66a16 16 0 0032 0v-74.66a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryChargingOutline = props => {
 BatteryChargingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryChargingSharp.js b/src/BatteryChargingSharp.js
index 292b3182c..037c59cec 100644
--- a/src/BatteryChargingSharp.js
+++ b/src/BatteryChargingSharp.js
@@ -15,7 +15,7 @@ const BatteryChargingSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M306.68 237.62h-66.5l15.33-54.7 6.43-22.92 3.94-14 4.29-15.33a3.56 3.56 0 00.06-.44v-.19a1.85 1.85 0 000-.23 2 2 0 000-.24v-.14c0-.1-.07-.19-.11-.29v-.05a2.33 2.33 0 00-2-1.35h-.1a2.25 2.25 0 00-1.8 1l-12.5 17.15-18.82 25.55-8.36 11.48-35.41 48.6L160 274.26h66.44l-30 107a3.93 3.93 0 00-.06.48v.1a1.94 1.94 0 000 .34.29.29 0 000 .09 3 3 0 00.07.32v.06a1.83 1.83 0 00.14.32 2.38 2.38 0 001.52 1.16H198.68a2.1 2.1 0 001.31-.5l.06-.05a2.6 2.6 0 00.42-.45L223.3 352l13-17.82z"/><path d="M289.78 134.55l-.14.74-.21.73-6.72 24H417V352H248.05l-23.33 32H449V128H290.13a22.62 22.62 0 01-.35 6.55zM49 160h169.49l23.31-32H17v256h159.49a22.73 22.73 0 01.34-6.67l.15-.75.2-.73 6.69-23.85H49z"/><path d="M264.76 329.08h130.55V182.92H276.28l-9.73 34.7H346l-23.16 31.78-58.08 79.68zM160 294.26h-39.31l23.15-31.78 57.95-79.56H70.69v146.16h119.6l9.77-34.82H160zM465 202.67h32v106.67h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M306.68 237.62h-66.5l15.33-54.7 6.43-22.92 3.94-14 4.29-15.33a3.56 3.56 0 00.06-.44v-.19a1.85 1.85 0 000-.23 2 2 0 000-.24v-.14c0-.1-.07-.19-.11-.29v-.05a2.33 2.33 0 00-2-1.35h-.1a2.25 2.25 0 00-1.8 1l-12.5 17.15-18.82 25.55-8.36 11.48-35.41 48.6L160 274.26h66.44l-30 107a3.93 3.93 0 00-.06.48v.1a1.94 1.94 0 000 .34.29.29 0 000 .09 3 3 0 00.07.32v.06a1.83 1.83 0 00.14.32 2.38 2.38 0 001.52 1.16H198.68a2.1 2.1 0 001.31-.5l.06-.05a2.6 2.6 0 00.42-.45L223.3 352l13-17.82z" /><path d="M289.78 134.55l-.14.74-.21.73-6.72 24H417V352H248.05l-23.33 32H449V128H290.13a22.62 22.62 0 01-.35 6.55zM49 160h169.49l23.31-32H17v256h159.49a22.73 22.73 0 01.34-6.67l.15-.75.2-.73 6.69-23.85H49z" /><path d="M264.76 329.08h130.55V182.92H276.28l-9.73 34.7H346l-23.16 31.78-58.08 79.68zM160 294.26h-39.31l23.15-31.78 57.95-79.56H70.69v146.16h119.6l9.77-34.82H160zM465 202.67h32v106.67h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryChargingSharp = props => {
 BatteryChargingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryDead.js b/src/BatteryDead.js
index 9abcbcded..326a0d6fc 100644
--- a/src/BatteryDead.js
+++ b/src/BatteryDead.js
@@ -15,7 +15,7 @@ const BatteryDead = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="31" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M479 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="31" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M479 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryDead = props => {
 BatteryDead.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryDeadOutline.js b/src/BatteryDeadOutline.js
index b1384e366..d1f0d11fa 100644
--- a/src/BatteryDeadOutline.js
+++ b/src/BatteryDeadOutline.js
@@ -15,7 +15,7 @@ const BatteryDeadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="31" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M479 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="31" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M479 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryDeadOutline = props => {
 BatteryDeadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryDeadSharp.js b/src/BatteryDeadSharp.js
index 79663b50b..620c66d30 100644
--- a/src/BatteryDeadSharp.js
+++ b/src/BatteryDeadSharp.js
@@ -15,7 +15,7 @@ const BatteryDeadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M32 144h400v224H32zM480 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M32 144h400v224H32zM480 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryDeadSharp = props => {
 BatteryDeadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryFull.js b/src/BatteryFull.js
index 3f282ac7c..763d7b430 100644
--- a/src/BatteryFull.js
+++ b/src/BatteryFull.js
@@ -15,7 +15,7 @@ const BatteryFull = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><rect x="85.69" y="198.93" width="292.63" height="114.14" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><rect x="85.69" y="198.93" width="292.63" height="114.14" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryFull = props => {
 BatteryFull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryFullOutline.js b/src/BatteryFullOutline.js
index 9d6b99b99..29c624836 100644
--- a/src/BatteryFullOutline.js
+++ b/src/BatteryFullOutline.js
@@ -15,7 +15,7 @@ const BatteryFullOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><rect x="85.69" y="198.93" width="292.63" height="114.14" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><rect x="85.69" y="198.93" width="292.63" height="114.14" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryFullOutline = props => {
 BatteryFullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryFullSharp.js b/src/BatteryFullSharp.js
index d142ab9f0..074548d3c 100644
--- a/src/BatteryFullSharp.js
+++ b/src/BatteryFullSharp.js
@@ -15,7 +15,7 @@ const BatteryFullSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M17 384h432V128H17zm32-224h368v192H49z"/><path d="M70.69 182.94h324.63v146.13H70.69zM465 202.67h32v106.67h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M17 384h432V128H17zm32-224h368v192H49z" /><path d="M70.69 182.94h324.63v146.13H70.69zM465 202.67h32v106.67h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryFullSharp = props => {
 BatteryFullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryHalf.js b/src/BatteryHalf.js
index 0dc6068a0..23816e669 100644
--- a/src/BatteryHalf.js
+++ b/src/BatteryHalf.js
@@ -15,7 +15,7 @@ const BatteryHalf = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><rect x="85.69" y="198.93" width="154.31" height="114.13" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><rect x="85.69" y="198.93" width="154.31" height="114.13" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryHalf = props => {
 BatteryHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryHalfOutline.js b/src/BatteryHalfOutline.js
index d5eb3c684..c38b7eeb8 100644
--- a/src/BatteryHalfOutline.js
+++ b/src/BatteryHalfOutline.js
@@ -15,7 +15,7 @@ const BatteryHalfOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><rect x="85.69" y="198.93" width="154.31" height="114.13" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="144" width="400" height="224" rx="45.7" ry="45.7" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><rect x="85.69" y="198.93" width="154.31" height="114.13" rx="4" ry="4" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M480 218.67v74.66" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryHalfOutline = props => {
 BatteryHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BatteryHalfSharp.js b/src/BatteryHalfSharp.js
index d53206195..39768d6e9 100644
--- a/src/BatteryHalfSharp.js
+++ b/src/BatteryHalfSharp.js
@@ -15,7 +15,7 @@ const BatteryHalfSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M17 384h432V128H17zm32-224h368v192H49z"/><path d="M70.69 182.92H256v146.16H70.69zM465 202.67h32v106.67h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M17 384h432V128H17zm32-224h368v192H49z" /><path d="M70.69 182.92H256v146.16H70.69zM465 202.67h32v106.67h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BatteryHalfSharp = props => {
 BatteryHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Beaker.js b/src/Beaker.js
index f2ca741dc..b5d4870f1 100644
--- a/src/Beaker.js
+++ b/src/Beaker.js
@@ -15,7 +15,7 @@ const Beaker = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444 32H128c-19.38 0-45.9 4.34-64.11 24.77C52.17 69.92 48 85.66 48 96a16 16 0 0013.8 15.85C91.7 116 96 117.79 96 136v264a80.07 80.07 0 0080 80h192a80.11 80.11 0 0080-80V96c0-12.55 7.46-27.25 10-31.36l.1-.14c.22-.35.5-.72.78-1.1 2-2.79 5.09-7 5.09-12.95C464 39.79 454.89 32 444 32zM84.11 83.08c5.24-8.87 17.17-19 44.29-19h294.43C419.3 72.87 416 84.27 416 96v64H128v-24c0-37.32-21.35-48.14-43.89-52.92z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444 32H128c-19.38 0-45.9 4.34-64.11 24.77C52.17 69.92 48 85.66 48 96a16 16 0 0013.8 15.85C91.7 116 96 117.79 96 136v264a80.07 80.07 0 0080 80h192a80.11 80.11 0 0080-80V96c0-12.55 7.46-27.25 10-31.36l.1-.14c.22-.35.5-.72.78-1.1 2-2.79 5.09-7 5.09-12.95C464 39.79 454.89 32 444 32zM84.11 83.08c5.24-8.87 17.17-19 44.29-19h294.43C419.3 72.87 416 84.27 416 96v64H128v-24c0-37.32-21.35-48.14-43.89-52.92z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Beaker = props => {
 Beaker.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BeakerOutline.js b/src/BeakerOutline.js
index 7f4d0917a..7967d9568 100644
--- a/src/BeakerOutline.js
+++ b/src/BeakerOutline.js
@@ -15,7 +15,7 @@ const BeakerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M445.2 48.05L398 48H128c-54.3 0-64 35.7-64 48 30.3 4.2 48 8 48 40v264a64 64 0 0064 64h192a64 64 0 0064-64V96c0-19 11.5-38.35 12.6-40 1.2-1.9 3.4-4.4 3.4-5.5s-.3-2.45-2.8-2.45zM112 176h320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M445.2 48.05L398 48H128c-54.3 0-64 35.7-64 48 30.3 4.2 48 8 48 40v264a64 64 0 0064 64h192a64 64 0 0064-64V96c0-19 11.5-38.35 12.6-40 1.2-1.9 3.4-4.4 3.4-5.5s-.3-2.45-2.8-2.45zM112 176h320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BeakerOutline = props => {
 BeakerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BeakerSharp.js b/src/BeakerSharp.js
index ba39bf054..54bd0f54c 100644
--- a/src/BeakerSharp.js
+++ b/src/BeakerSharp.js
@@ -15,7 +15,7 @@ const BeakerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M453.55 54.7L464 32H128.4c-27.74 0-49 6.57-63.31 19.51C54.39 61.27 48 74.89 48 88v24h16c31 0 32 16.79 32 35v313a20 20 0 0020 20h312a20 20 0 0020-20V96c0-17.16 2.28-34.14 5.55-41.3zM416 96v64H128v-22c0-36.15-21-51-41.77-53.46C89 70 105.7 64.05 128.4 64.05h289.92A221.83 221.83 0 00416 96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M453.55 54.7L464 32H128.4c-27.74 0-49 6.57-63.31 19.51C54.39 61.27 48 74.89 48 88v24h16c31 0 32 16.79 32 35v313a20 20 0 0020 20h312a20 20 0 0020-20V96c0-17.16 2.28-34.14 5.55-41.3zM416 96v64H128v-22c0-36.15-21-51-41.77-53.46C89 70 105.7 64.05 128.4 64.05h289.92A221.83 221.83 0 00416 96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BeakerSharp = props => {
 BeakerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bed.js b/src/Bed.js
index 2d99116ad..403a184b6 100644
--- a/src/Bed.js
+++ b/src/Bed.js
@@ -15,7 +15,7 @@ const Bed = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bed = props => {
 Bed.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BedOutline.js b/src/BedOutline.js
index 535afb6b0..3e06b528a 100644
--- a/src/BedOutline.js
+++ b/src/BedOutline.js
@@ -15,7 +15,7 @@ const BedOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 240H96V136a40.12 40.12 0 0140-40h240a40.12 40.12 0 0140 40v104zM48 416V304a64.19 64.19 0 0164-64h288a64.19 64.19 0 0164 64v112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M48 416v-8a24.07 24.07 0 0124-24h368a24.07 24.07 0 0124 24v8M112 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16M256 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 240H96V136a40.12 40.12 0 0140-40h240a40.12 40.12 0 0140 40v104zM48 416V304a64.19 64.19 0 0164-64h288a64.19 64.19 0 0164 64v112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M48 416v-8a24.07 24.07 0 0124-24h368a24.07 24.07 0 0124 24v8M112 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16M256 240v-16a32.09 32.09 0 0132-32h80a32.09 32.09 0 0132 32v16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BedOutline = props => {
 BedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BedSharp.js b/src/BedSharp.js
index 4e4dbb2db..a68e7ab4d 100644
--- a/src/BedSharp.js
+++ b/src/BedSharp.js
@@ -15,7 +15,7 @@ const BedSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 224V96a16 16 0 00-16-16H96a16 16 0 00-16 16v128a48 48 0 00-48 48v160h36v-32h376v32h36V272a48 48 0 00-48-48zm-192 0H120v-32a16 16 0 0116-16h88a16 16 0 0116 16zm32-32a16 16 0 0116-16h88a16 16 0 0116 16v32H272z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 224V96a16 16 0 00-16-16H96a16 16 0 00-16 16v128a48 48 0 00-48 48v160h36v-32h376v32h36V272a48 48 0 00-48-48zm-192 0H120v-32a16 16 0 0116-16h88a16 16 0 0116 16zm32-32a16 16 0 0116-16h88a16 16 0 0116 16v32H272z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BedSharp = props => {
 BedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Beer.js b/src/Beer.js
index 850cdb159..d38d11df9 100644
--- a/src/Beer.js
+++ b/src/Beer.js
@@ -15,7 +15,7 @@ const Beer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 208h-24v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.68a56 56 0 00-67.51 77.54A63.91 63.91 0 0080 231.39V440a56.06 56.06 0 0056 56h176a56.06 56.06 0 0056-56v-8h24a72.08 72.08 0 0072-72v-80a72.08 72.08 0 00-72-72zM176 416a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm16-224c-8.33 0-20.55-5.18-26.69-11.31A16 16 0 00282 176H160a16 16 0 00-15 10.53c-6.83 18.68-23.6 21.47-33 21.47a32 32 0 010-64c.09 0 9.12.34 16.4 5.8a16 16 0 1019.2-25.6A63.69 63.69 0 00112 112a63.55 63.55 0 00-14 1.57A24 24 0 01120 80a23.78 23.78 0 0119.38 9.84 51.35 51.35 0 014.71 7.9A16 16 0 00176 96c0-6.77-3.61-15.17-10.76-25-.46-.63-1-1.25-1.45-1.86C178.39 55.44 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142a16 16 0 0012.73 18.71 16.29 16.29 0 003 .28 16 16 0 0015.7-13 111.78 111.78 0 001.96-19.42 32 32 0 01-6 63.43zm112 168a40 40 0 01-40 40h-24V240h24a40 40 0 0140 40z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 208h-24v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.68a56 56 0 00-67.51 77.54A63.91 63.91 0 0080 231.39V440a56.06 56.06 0 0056 56h176a56.06 56.06 0 0056-56v-8h24a72.08 72.08 0 0072-72v-80a72.08 72.08 0 00-72-72zM176 416a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm64 0a16 16 0 01-32 0V256a16 16 0 0132 0zm16-224c-8.33 0-20.55-5.18-26.69-11.31A16 16 0 00282 176H160a16 16 0 00-15 10.53c-6.83 18.68-23.6 21.47-33 21.47a32 32 0 010-64c.09 0 9.12.34 16.4 5.8a16 16 0 1019.2-25.6A63.69 63.69 0 00112 112a63.55 63.55 0 00-14 1.57A24 24 0 01120 80a23.78 23.78 0 0119.38 9.84 51.35 51.35 0 014.71 7.9A16 16 0 00176 96c0-6.77-3.61-15.17-10.76-25-.46-.63-1-1.25-1.45-1.86C178.39 55.44 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142a16 16 0 0012.73 18.71 16.29 16.29 0 003 .28 16 16 0 0015.7-13 111.78 111.78 0 001.96-19.42 32 32 0 01-6 63.43zm112 168a40 40 0 01-40 40h-24V240h24a40 40 0 0140 40z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Beer = props => {
 Beer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BeerOutline.js b/src/BeerOutline.js
index c4fdc4ca5..8ebef0f7f 100644
--- a/src/BeerOutline.js
+++ b/src/BeerOutline.js
@@ -15,7 +15,7 @@ const BeerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 200v240a40.12 40.12 0 01-40 40H136a40.12 40.12 0 01-40-40V224" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M352 224h40a56.16 56.16 0 0156 56v80a56.16 56.16 0 01-56 56h-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 256v160M288 256v160M160 256v160M320 112a48 48 0 010 96c-13.25 0-29.31-7.31-38-16H160c-8 22-27 32-48 32a48 48 0 010-96 47.91 47.91 0 0126 9"/><path d="M91.86 132.43a40 40 0 1160.46-52S160 91 160 96M145.83 64.71C163.22 44.89 187.57 32 216 32c52.38 0 94 42.84 94 95.21a95 95 0 01-1.67 17.79" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 200v240a40.12 40.12 0 01-40 40H136a40.12 40.12 0 01-40-40V224" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M352 224h40a56.16 56.16 0 0156 56v80a56.16 56.16 0 01-56 56h-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 256v160M288 256v160M160 256v160M320 112a48 48 0 010 96c-13.25 0-29.31-7.31-38-16H160c-8 22-27 32-48 32a48 48 0 010-96 47.91 47.91 0 0126 9" /><path d="M91.86 132.43a40 40 0 1160.46-52S160 91 160 96M145.83 64.71C163.22 44.89 187.57 32 216 32c52.38 0 94 42.84 94 95.21a95 95 0 01-1.67 17.79" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BeerOutline = props => {
 BeerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BeerSharp.js b/src/BeerSharp.js
index ec8f87489..e16ba19b3 100644
--- a/src/BeerSharp.js
+++ b/src/BeerSharp.js
@@ -15,7 +15,7 @@ const BeerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 208h-80v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.67a56 56 0 00-67.51 77.51c-1 .86-1.91 1.74-2.83 2.66A63.56 63.56 0 0048 176.26a62.65 62.65 0 0020.77 46.54A65 65 0 0080 231v249a16 16 0 0016 16h256a16 16 0 0016-16v-48h80a16 16 0 0016-16V224a16 16 0 00-16-16zM176 432h-32V240h32zm64 0h-32V240h32zm64 0h-32V240h32zm16-240c-8.33 0-20.55-5.18-26.69-11.31l-4.68-4.69H148.79L145 186.53c-5.81 16-18.83 20.41-28.73 21.29a34.08 34.08 0 01-25.91-8.67 31 31 0 01-10.32-23 31.8 31.8 0 019.33-22.71c.16-.17.33-.32.5-.49A31.78 31.78 0 01112 144c.09 0 9.12.34 16.4 5.8l12.8 9.6 19.2-25.6-12.8-9.6A63.69 63.69 0 00112 112a64.79 64.79 0 00-14 1.55 24 24 0 0141.4-23.68l.23.35.4.46a35.78 35.78 0 015 8.94l5.62 15 30-11.24-5.62-15a68.2 68.2 0 00-10-17.74c-.38-.52-.79-1-1.19-1.51C178.38 55.45 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142l-3 15.72 31.43 6 3-15.72a111.78 111.78 0 001.96-19.43 32 32 0 01-6 63.43zm112 208h-64V240h64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 208h-80v-5.74A63.93 63.93 0 00321.65 96a111 111 0 00-27.59-47.29A108.62 108.62 0 00216 16c-29.91 0-57.78 12.28-79 34.67a56 56 0 00-67.51 77.51c-1 .86-1.91 1.74-2.83 2.66A63.56 63.56 0 0048 176.26a62.65 62.65 0 0020.77 46.54A65 65 0 0080 231v249a16 16 0 0016 16h256a16 16 0 0016-16v-48h80a16 16 0 0016-16V224a16 16 0 00-16-16zM176 432h-32V240h32zm64 0h-32V240h32zm64 0h-32V240h32zm16-240c-8.33 0-20.55-5.18-26.69-11.31l-4.68-4.69H148.79L145 186.53c-5.81 16-18.83 20.41-28.73 21.29a34.08 34.08 0 01-25.91-8.67 31 31 0 01-10.32-23 31.8 31.8 0 019.33-22.71c.16-.17.33-.32.5-.49A31.78 31.78 0 01112 144c.09 0 9.12.34 16.4 5.8l12.8 9.6 19.2-25.6-12.8-9.6A63.69 63.69 0 00112 112a64.79 64.79 0 00-14 1.55 24 24 0 0141.4-23.68l.23.35.4.46a35.78 35.78 0 015 8.94l5.62 15 30-11.24-5.62-15a68.2 68.2 0 00-10-17.74c-.38-.52-.79-1-1.19-1.51C178.38 55.45 196.64 48 216 48a76.86 76.86 0 0155.23 23.18A80.2 80.2 0 01292.61 142l-3 15.72 31.43 6 3-15.72a111.78 111.78 0 001.96-19.43 32 32 0 01-6 63.43zm112 208h-64V240h64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BeerSharp = props => {
 BeerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bicycle.js b/src/Bicycle.js
index 76a03d029..7a3a795e8 100644
--- a/src/Bicycle.js
+++ b/src/Bicycle.js
@@ -15,7 +15,7 @@ const Bicycle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z"/><path d="M367.55 192h-43.76a4 4 0 01-3.51-2.08l-31.74-58.17a31 31 0 00-49.38-7.75l-69.86 70.4a32.56 32.56 0 00-9.3 22.4c0 17.4 12.6 23.6 18.5 27.1 28.5 16.42 48.57 28.43 59.58 35.1a4 4 0 011.92 3.41v69.12c0 8.61 6.62 16 15.23 16.43A16 16 0 00272 352v-86a16 16 0 00-6.66-13l-37-26.61a4 4 0 01-.58-6l42-44.79a4 4 0 016.42.79L298 215.77a16 16 0 0014 8.23h56a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z" /><path d="M367.55 192h-43.76a4 4 0 01-3.51-2.08l-31.74-58.17a31 31 0 00-49.38-7.75l-69.86 70.4a32.56 32.56 0 00-9.3 22.4c0 17.4 12.6 23.6 18.5 27.1 28.5 16.42 48.57 28.43 59.58 35.1a4 4 0 011.92 3.41v69.12c0 8.61 6.62 16 15.23 16.43A16 16 0 00272 352v-86a16 16 0 00-6.66-13l-37-26.61a4 4 0 01-.58-6l42-44.79a4 4 0 016.42.79L298 215.77a16 16 0 0014 8.23h56a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bicycle = props => {
 Bicycle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BicycleOutline.js b/src/BicycleOutline.js
index 94ff05b99..da64f0800 100644
--- a/src/BicycleOutline.js
+++ b/src/BicycleOutline.js
@@ -15,7 +15,7 @@ const BicycleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 288a76 76 0 1076 76 76.24 76.24 0 00-76-76zM124 288a76 76 0 1076 76 76.24 76.24 0 00-76-76z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 360v-86l-64-42 80-88 40 72h56"/><path d="M320 136a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 72a32 32 0 10-.2 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 288a76 76 0 1076 76 76.24 76.24 0 00-76-76zM124 288a76 76 0 1076 76 76.24 76.24 0 00-76-76z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 360v-86l-64-42 80-88 40 72h56" /><path d="M320 136a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 72a32 32 0 10-.2 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BicycleOutline = props => {
 BicycleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BicycleSharp.js b/src/BicycleSharp.js
index 14d444548..0ba0f682f 100644
--- a/src/BicycleSharp.js
+++ b/src/BicycleSharp.js
@@ -15,7 +15,7 @@ const BicycleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 192l-29.5-60.1C284.32 118 284.32 118 264 118c-13.26 0-14.76 0-23 7.3l-71.7 69.1c-8.3 8.45-9.3 9.45-9.3 26.6 0 12.67 3.78 14.61 18.51 22.9L240 278v90h32V254s-29-17-48.3-30l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H384v-32z"/><path d="M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 192l-29.5-60.1C284.32 118 284.32 118 264 118c-13.26 0-14.76 0-23 7.3l-71.7 69.1c-8.3 8.45-9.3 9.45-9.3 26.6 0 12.67 3.78 14.61 18.51 22.9L240 278v90h32V254s-29-17-48.3-30l48.9-51.5c18.7 28.5 27.3 51.5 38 51.5H384v-32z" /><path d="M388 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM124 448a92 92 0 1192-92 92.1 92.1 0 01-92 92zm0-152a60 60 0 1060 60 60.07 60.07 0 00-60-60zM320 128a31.89 31.89 0 0032-32.1A31.55 31.55 0 00320.2 64a32 32 0 10-.2 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BicycleSharp = props => {
 BicycleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bluetooth.js b/src/Bluetooth.js
index 94a48a330..21301d197 100644
--- a/src/Bluetooth.js
+++ b/src/Bluetooth.js
@@ -15,7 +15,7 @@ const Bluetooth = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 160.77a20 20 0 00-5.85-14.91l-112-112A20 20 0 00236 48v164.52l-79-67.71a20 20 0 00-26 30.38L225.27 256 131 336.81a20 20 0 1026 30.38l79-67.71V464a20 20 0 0034.14 14.14l112-112a20 20 0 00-1.14-29.33L286.73 256 381 175.19a20 20 0 007-14.42zm-49.42 192.36L276 415.72V299.49zM276 212.52V96.28l62.59 62.59z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 160.77a20 20 0 00-5.85-14.91l-112-112A20 20 0 00236 48v164.52l-79-67.71a20 20 0 00-26 30.38L225.27 256 131 336.81a20 20 0 1026 30.38l79-67.71V464a20 20 0 0034.14 14.14l112-112a20 20 0 00-1.14-29.33L286.73 256 381 175.19a20 20 0 007-14.42zm-49.42 192.36L276 415.72V299.49zM276 212.52V96.28l62.59 62.59z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bluetooth = props => {
 Bluetooth.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BluetoothOutline.js b/src/BluetoothOutline.js
index 6d30b31a2..bdc4cbe77 100644
--- a/src/BluetoothOutline.js
+++ b/src/BluetoothOutline.js
@@ -15,7 +15,7 @@ const BluetoothOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 352l224-192L256 48v416l112-112-224-192"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 352l224-192L256 48v416l112-112-224-192" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BluetoothOutline = props => {
 BluetoothOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BluetoothSharp.js b/src/BluetoothSharp.js
index db24a3adc..2cc2f36da 100644
--- a/src/BluetoothSharp.js
+++ b/src/BluetoothSharp.js
@@ -15,7 +15,7 @@ const BluetoothSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M397.41 161.13L236-.28v212.8l-94.17-80.72-26 30.37L225.27 256 115.8 349.83l26 30.37 94.2-80.72v212.8l161.41-161.41L286.73 256zM276 96.28l62.59 62.59L276 212.52zm62.58 256.85L276 415.72V299.48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M397.41 161.13L236-.28v212.8l-94.17-80.72-26 30.37L225.27 256 115.8 349.83l26 30.37 94.2-80.72v212.8l161.41-161.41L286.73 256zM276 96.28l62.59 62.59L276 212.52zm62.58 256.85L276 415.72V299.48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BluetoothSharp = props => {
 BluetoothSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Boat.js b/src/Boat.js
index 90ff4ecd0..b915d3a9a 100644
--- a/src/Boat.js
+++ b/src/Boat.js
@@ -15,7 +15,7 @@ const Boat = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 473.14a6.83 6.83 0 00-3.57-6c-27.07-14.55-51.76-36.82-62.62-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.11 7.11 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06 185.14 185.14 0 00167.81 0 8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.73 6.73 0 008-6.71zM476.71 246.91c-3.49-8.39-10.9-14.89-20.9-18.35L432 219.08V136a64 64 0 00-64-64h-32v-8a40 40 0 00-40-40h-80a40 40 0 00-40 40v8h-32a64 64 0 00-64 64v83.15l-23.58 9.39c-9.94 3.3-17.63 10-21.15 18.44-2.45 5.89-5.25 15-1.3 26.46l.1.3 46.66 119.44A23.33 23.33 0 00102.58 408c.5 0 1 0 1.53-.05 31.32-2 56-17.27 72.6-31.61C200.42 396.81 228.31 408 256 408s55.43-11.2 79.14-31.7c16.59 14.36 41.3 29.67 72.61 31.65a23.36 23.36 0 0023.37-14.74l46.65-119c3.28-8.09 2.9-17.76-1.06-27.3zM269 154.21l-1.14-.4a39.53 39.53 0 00-23.73 0l-.58.18-126.07 50.23a4 4 0 01-5.48-3.72V136a32 32 0 0132-32h224a32 32 0 0132 32v64.44a4 4 0 01-5.48 3.72z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 473.14a6.83 6.83 0 00-3.57-6c-27.07-14.55-51.76-36.82-62.62-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.11 7.11 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06 185.14 185.14 0 00167.81 0 8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.73 6.73 0 008-6.71zM476.71 246.91c-3.49-8.39-10.9-14.89-20.9-18.35L432 219.08V136a64 64 0 00-64-64h-32v-8a40 40 0 00-40-40h-80a40 40 0 00-40 40v8h-32a64 64 0 00-64 64v83.15l-23.58 9.39c-9.94 3.3-17.63 10-21.15 18.44-2.45 5.89-5.25 15-1.3 26.46l.1.3 46.66 119.44A23.33 23.33 0 00102.58 408c.5 0 1 0 1.53-.05 31.32-2 56-17.27 72.6-31.61C200.42 396.81 228.31 408 256 408s55.43-11.2 79.14-31.7c16.59 14.36 41.3 29.67 72.61 31.65a23.36 23.36 0 0023.37-14.74l46.65-119c3.28-8.09 2.9-17.76-1.06-27.3zM269 154.21l-1.14-.4a39.53 39.53 0 00-23.73 0l-.58.18-126.07 50.23a4 4 0 01-5.48-3.72V136a32 32 0 0132-32h224a32 32 0 0132 32v64.44a4 4 0 01-5.48 3.72z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Boat = props => {
 Boat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BoatOutline.js b/src/BoatOutline.js
index 33a9e8caa..f4ff7a491 100644
--- a/src/BoatOutline.js
+++ b/src/BoatOutline.js
@@ -15,7 +15,7 @@ const BoatOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.78 23.78 0 00-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 007.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0110.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0110.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 007.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M416 473.14a6.84 6.84 0 00-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06A185.14 185.14 0 00340 456a8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 007.95-6.71z"/><path d="M320 96V72a24.07 24.07 0 00-24-24h-80a24.07 24.07 0 00-24 24v24M416 233v-89a48.14 48.14 0 00-48-48H144a48.14 48.14 0 00-48 48v92M256 183.6v212.85" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.78 23.78 0 00-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 007.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0110.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0110.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 007.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M416 473.14a6.84 6.84 0 00-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 00-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 00-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 00-3.89 5.73 6.73 6.73 0 007.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 018-.06A185.14 185.14 0 00340 456a8.82 8.82 0 018.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 007.95-6.71z" /><path d="M320 96V72a24.07 24.07 0 00-24-24h-80a24.07 24.07 0 00-24 24v24M416 233v-89a48.14 48.14 0 00-48-48H144a48.14 48.14 0 00-48 48v92M256 183.6v212.85" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BoatOutline = props => {
 BoatOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BoatSharp.js b/src/BoatSharp.js
index 892ff120b..b842eb13d 100644
--- a/src/BoatSharp.js
+++ b/src/BoatSharp.js
@@ -15,7 +15,7 @@ const BoatSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.77 246.42c-2.13-6-7.23-9.55-12.56-11.95L432 221.38V92a20 20 0 00-20-20h-76V40a16 16 0 00-16-16H192a16 16 0 00-16 16v32h-76a20 20 0 00-20 20v129.46l-33.08 13.06c-5.33 2.4-10.58 6-12.72 12s-3.16 11.81-1 19L84.25 415.7h1.06c34.12 0 64-17.41 85.31-43.82 21.32 26.41 51.18 42.12 85.3 42.12s64-15.76 85.31-42.17c21.32 26.41 51.18 43.87 85.3 43.87h1.06l51.25-150.17c2.16-6 1.07-13.1-1.07-19.11zM256 152l-144 56.83V108a4 4 0 014-4h280a4 4 0 014 4v100.76z"/><path d="M345.22 407c-52.25 36.26-126.35 36.25-178.6 0 0 0-45.64 63-94.64 63l13.33 1c29.86 0 58.65-11.73 85.31-25.59a185.33 185.33 0 00170.6 0c26.66 13.87 55.45 25.6 85.31 25.6l13.33-1C392.21 470 345.22 407 345.22 407z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.77 246.42c-2.13-6-7.23-9.55-12.56-11.95L432 221.38V92a20 20 0 00-20-20h-76V40a16 16 0 00-16-16H192a16 16 0 00-16 16v32h-76a20 20 0 00-20 20v129.46l-33.08 13.06c-5.33 2.4-10.58 6-12.72 12s-3.16 11.81-1 19L84.25 415.7h1.06c34.12 0 64-17.41 85.31-43.82 21.32 26.41 51.18 42.12 85.3 42.12s64-15.76 85.31-42.17c21.32 26.41 51.18 43.87 85.3 43.87h1.06l51.25-150.17c2.16-6 1.07-13.1-1.07-19.11zM256 152l-144 56.83V108a4 4 0 014-4h280a4 4 0 014 4v100.76z" /><path d="M345.22 407c-52.25 36.26-126.35 36.25-178.6 0 0 0-45.64 63-94.64 63l13.33 1c29.86 0 58.65-11.73 85.31-25.59a185.33 185.33 0 00170.6 0c26.66 13.87 55.45 25.6 85.31 25.6l13.33-1C392.21 470 345.22 407 345.22 407z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BoatSharp = props => {
 BoatSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Body.js b/src/Body.js
index 218704c79..3686dda7b 100644
--- a/src/Body.js
+++ b/src/Body.js
@@ -15,7 +15,7 @@ const Body = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56"/><path d="M437 128H75a27 27 0 000 54h101.88c6.91 0 15 3.09 19.58 15 5.35 13.83 2.73 40.54-.57 61.23l-4.32 24.45a.42.42 0 01-.12.35l-34.6 196.81A27.43 27.43 0 00179 511.58a27.06 27.06 0 0031.42-22.29l23.91-136.8S242 320 256 320c14.23 0 21.74 32.49 21.74 32.49l23.91 136.92a27.24 27.24 0 1053.62-9.6L320.66 283a.45.45 0 00-.11-.35l-4.33-24.45c-3.3-20.69-5.92-47.4-.57-61.23 4.56-11.88 12.91-15 19.28-15H437a27 27 0 000-54z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56" /><path d="M437 128H75a27 27 0 000 54h101.88c6.91 0 15 3.09 19.58 15 5.35 13.83 2.73 40.54-.57 61.23l-4.32 24.45a.42.42 0 01-.12.35l-34.6 196.81A27.43 27.43 0 00179 511.58a27.06 27.06 0 0031.42-22.29l23.91-136.8S242 320 256 320c14.23 0 21.74 32.49 21.74 32.49l23.91 136.92a27.24 27.24 0 1053.62-9.6L320.66 283a.45.45 0 00-.11-.35l-4.33-24.45c-3.3-20.69-5.92-47.4-.57-61.23 4.56-11.88 12.91-15 19.28-15H437a27 27 0 000-54z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Body = props => {
 Body.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BodyOutline.js b/src/BodyOutline.js
index 45f101203..a83587532 100644
--- a/src/BodyOutline.js
+++ b/src/BodyOutline.js
@@ -15,7 +15,7 @@ const BodyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="56" r="40"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M199.3 295.62h0l-30.4 172.2a24 24 0 0019.5 27.8 23.76 23.76 0 0027.6-19.5l21-119.9v.2s5.2-32.5 17.5-32.5h3.1c12.5 0 17.5 32.5 17.5 32.5v-.1l21 119.9a23.92 23.92 0 1047.1-8.4l-30.4-172.2-4.9-29.7c-2.9-18.1-4.2-47.6.5-59.7 4-10.4 14.13-14.2 23.2-14.2H424a24 24 0 000-48H88a24 24 0 000 48h92.5c9.23 0 19.2 3.8 23.2 14.2 4.7 12.1 3.4 41.6.5 59.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="56" r="40" /><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M199.3 295.62h0l-30.4 172.2a24 24 0 0019.5 27.8 23.76 23.76 0 0027.6-19.5l21-119.9v.2s5.2-32.5 17.5-32.5h3.1c12.5 0 17.5 32.5 17.5 32.5v-.1l21 119.9a23.92 23.92 0 1047.1-8.4l-30.4-172.2-4.9-29.7c-2.9-18.1-4.2-47.6.5-59.7 4-10.4 14.13-14.2 23.2-14.2H424a24 24 0 000-48H88a24 24 0 000 48h92.5c9.23 0 19.2 3.8 23.2 14.2 4.7 12.1 3.4 41.6.5 59.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BodyOutline = props => {
 BodyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BodySharp.js b/src/BodySharp.js
index c63311dd0..e6657fd90 100644
--- a/src/BodySharp.js
+++ b/src/BodySharp.js
@@ -15,7 +15,7 @@ const BodySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56"/><path d="M464 128H48v52h144l-32 325.13 51 6.87 21.65-192h47.02L301 512l51-6.98L320 180h144v-52z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56" /><path d="M464 128H48v52h144l-32 325.13 51 6.87 21.65-192h47.02L301 512l51-6.98L320 180h144v-52z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BodySharp = props => {
 BodySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bonfire.js b/src/Bonfire.js
index 0a41e70bf..cef7b5775 100644
--- a/src/Bonfire.js
+++ b/src/Bonfire.js
@@ -15,7 +15,7 @@ const Bonfire = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.38 368.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.07l-18.2 88.36a35.59 35.59 0 00-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.16 36.16 0 00-1.29-9.45zM411.05 407.89a42.66 42.66 0 00-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 00-2 17.19l52.5 69a38 38 0 004 4.69c9.1 10.16 29.28 10.72 40.37 0 10.94-10.96 10.81-30.39-.14-38.99zM463.3 335.93h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78zM128.22 344.08c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16zM176.55 355.05L107 403.41a32.29 32.29 0 00-6 4.34 26.33 26.33 0 000 38.56 29.41 29.41 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 00-19.35-.95zM293.46 242.39c10-5.42 19.45-10.54 28.31-16.16 42.46-26.92 62.23-59 62.23-101 0-64.66-56.07-104.4-108.82-109-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86-28 26.3-56.93 53.49-62.71 91-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0019.3 6.51 32.32 32.32 0 007.41-.87 31.75 31.75 0 0021.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3z"/><path d="M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15 19.92-18.72 37.81-35.58 46.5-53.86-12.24-7.37-27.36-11.36-46.51-11.36-17.79 0-20.39 5.18-20.39 19.06 0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64zM330.34 239.74c-9.33 5.92-19 11.16-29.25 16.71-28.91 15.68-56.21 30.48-68.88 56.28a62.6 62.6 0 01-1.88 3.61 8 8 0 003.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0078.24-31.37A107.45 107.45 0 00384 226.85a86.56 86.56 0 00-1.33-15 8 8 0 00-13.8-4c-10.18 11.47-22.93 22-38.53 31.89z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.38 368.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.07l-18.2 88.36a35.59 35.59 0 00-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.16 36.16 0 00-1.29-9.45zM411.05 407.89a42.66 42.66 0 00-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 00-2 17.19l52.5 69a38 38 0 004 4.69c9.1 10.16 29.28 10.72 40.37 0 10.94-10.96 10.81-30.39-.14-38.99zM463.3 335.93h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78zM128.22 344.08c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16zM176.55 355.05L107 403.41a32.29 32.29 0 00-6 4.34 26.33 26.33 0 000 38.56 29.41 29.41 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 00-19.35-.95zM293.46 242.39c10-5.42 19.45-10.54 28.31-16.16 42.46-26.92 62.23-59 62.23-101 0-64.66-56.07-104.4-108.82-109-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86-28 26.3-56.93 53.49-62.71 91-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0019.3 6.51 32.32 32.32 0 007.41-.87 31.75 31.75 0 0021.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3z" /><path d="M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15 19.92-18.72 37.81-35.58 46.5-53.86-12.24-7.37-27.36-11.36-46.51-11.36-17.79 0-20.39 5.18-20.39 19.06 0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64zM330.34 239.74c-9.33 5.92-19 11.16-29.25 16.71-28.91 15.68-56.21 30.48-68.88 56.28a62.6 62.6 0 01-1.88 3.61 8 8 0 003.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0078.24-31.37A107.45 107.45 0 00384 226.85a86.56 86.56 0 00-1.33-15 8 8 0 00-13.8-4c-10.18 11.47-22.93 22-38.53 31.89z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bonfire = props => {
 Bonfire.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BonfireOutline.js b/src/BonfireOutline.js
index 244e5abfc..19d6b4ced 100644
--- a/src/BonfireOutline.js
+++ b/src/BonfireOutline.js
@@ -15,7 +15,7 @@ const BonfireOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.11l-18.2 88.38a35.75 35.75 0 00-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.16 36.16 0 00-1.29-9.45zM411.05 407.86a41.78 41.78 0 00-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 00-2 17.2l52.5 69a36.57 36.57 0 004 4.69c9.1 10.17 29.28 10.73 40.37 0 10.94-10.91 10.81-30.35-.14-38.95zM463.3 335.88h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78zM128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2zM176.55 355L107 403.38a32.34 32.34 0 00-6 4.35 26.33 26.33 0 000 38.56 29.39 29.39 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 00-19.35-.94z"/><path d="M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 00-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0023.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94 42.88-27.2 54.8-56.44 54.8-87.55z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 00-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15 0 19.37 5.39 29 17.16 39.28M352.45 178.76c8.6 14.31 15.55 30.08 15.55 48 0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 01-65.14-26" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 00-18.2 14.11l-18.2 88.38a35.75 35.75 0 00-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.16 36.16 0 00-1.29-9.45zM411.05 407.86a41.78 41.78 0 00-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 00-2 17.2l52.5 69a36.57 36.57 0 004 4.69c9.1 10.17 29.28 10.73 40.37 0 10.94-10.91 10.81-30.35-.14-38.95zM463.3 335.88h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78zM128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2zM176.55 355L107 403.38a32.34 32.34 0 00-6 4.35 26.33 26.33 0 000 38.56 29.39 29.39 0 0040.36 0 30.75 30.75 0 004-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 00-19.35-.94z" /><path d="M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 00-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0023.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94 42.88-27.2 54.8-56.44 54.8-87.55z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 00-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15 0 19.37 5.39 29 17.16 39.28M352.45 178.76c8.6 14.31 15.55 30.08 15.55 48 0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 01-65.14-26" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BonfireOutline = props => {
 BonfireOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BonfireSharp.js b/src/BonfireSharp.js
index b71612391..f04fef17a 100644
--- a/src/BonfireSharp.js
+++ b/src/BonfireSharp.js
@@ -15,7 +15,7 @@ const BonfireSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M199.89 336l-15.25-5.62a100.35 100.35 0 01-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11 5.2-33.73 44.2-74.21 69.34-97.87 27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9-8 5-16.44 9.66-25.42 14.53-30.63 16.62-75.29 49.83-85.73 85.32zM181.19 113.59C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14z"/><path d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0045.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 00384 227a92.39 92.39 0 00-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85zM268.72 360h-25.44a4 4 0 00-3.92 3.22l-25.36 128a4 4 0 003.92 4.78h76.26a4 4 0 003.92-4.78l-25.41-128a4 4 0 00-3.97-3.22zM325.68 354.32l-11.36 11.36a4 4 0 00-.5 5.05l59.47 89.21a4 4 0 006.16.61l41.1-41.1a4 4 0 00-.61-6.16l-89.21-59.47a4 4 0 00-5.05.5zM388 336a4 4 0 00-4 4v8.61a4 4 0 003.34 3.95l88 14.66a4 4 0 004.66-3.94V340a4 4 0 00-4-4zM186.32 354.32l11.36 11.36a4 4 0 01.5 5.05l-59.47 89.21a4 4 0 01-6.16.61l-41.1-41.1a4 4 0 01.61-6.16l89.21-59.47a4 4 0 015.05.5zM124 336H36a4 4 0 00-4 4v23.28a4 4 0 004.66 3.94l88-14.66a4 4 0 003.34-3.95V340a4 4 0 00-4-4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M199.89 336l-15.25-5.62a100.35 100.35 0 01-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11 5.2-33.73 44.2-74.21 69.34-97.87 27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9-8 5-16.44 9.66-25.42 14.53-30.63 16.62-75.29 49.83-85.73 85.32zM181.19 113.59C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14z" /><path d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0045.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 00384 227a92.39 92.39 0 00-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85zM268.72 360h-25.44a4 4 0 00-3.92 3.22l-25.36 128a4 4 0 003.92 4.78h76.26a4 4 0 003.92-4.78l-25.41-128a4 4 0 00-3.97-3.22zM325.68 354.32l-11.36 11.36a4 4 0 00-.5 5.05l59.47 89.21a4 4 0 006.16.61l41.1-41.1a4 4 0 00-.61-6.16l-89.21-59.47a4 4 0 00-5.05.5zM388 336a4 4 0 00-4 4v8.61a4 4 0 003.34 3.95l88 14.66a4 4 0 004.66-3.94V340a4 4 0 00-4-4zM186.32 354.32l11.36 11.36a4 4 0 01.5 5.05l-59.47 89.21a4 4 0 01-6.16.61l-41.1-41.1a4 4 0 01.61-6.16l89.21-59.47a4 4 0 015.05.5zM124 336H36a4 4 0 00-4 4v23.28a4 4 0 004.66 3.94l88-14.66a4 4 0 003.34-3.95V340a4 4 0 00-4-4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BonfireSharp = props => {
 BonfireSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Book.js b/src/Book.js
index 988fd6d62..4d11597a5 100644
--- a/src/Book.js
+++ b/src/Book.js
@@ -15,7 +15,7 @@ const Book = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 00-17.92 5.33A32 32 0 0016 79.9V366c0 19.34 13.76 33.93 32 33.93 71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 006.94-3V106.82a15.89 15.89 0 00-5.46-12A143 143 0 00202.24 74zM481.92 53.3A31.33 31.33 0 00464 48c-67.61.3-118.11 8.71-154.24 26a143.31 143.31 0 00-32.31 20.78 15.93 15.93 0 00-5.45 12v337.13a3.93 3.93 0 006.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0032-32v-288a32 32 0 00-14.12-26.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 00-17.92 5.33A32 32 0 0016 79.9V366c0 19.34 13.76 33.93 32 33.93 71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 006.94-3V106.82a15.89 15.89 0 00-5.46-12A143 143 0 00202.24 74zM481.92 53.3A31.33 31.33 0 00464 48c-67.61.3-118.11 8.71-154.24 26a143.31 143.31 0 00-32.31 20.78 15.93 15.93 0 00-5.45 12v337.13a3.93 3.93 0 006.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0032-32v-288a32 32 0 00-14.12-26.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Book = props => {
 Book.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookOutline.js b/src/BookOutline.js
index b06fbb4e1..1453a842c 100644
--- a/src/BookOutline.js
+++ b/src/BookOutline.js
@@ -15,7 +15,7 @@ const BookOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookOutline = props => {
 BookOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookSharp.js b/src/BookSharp.js
index 5cb2ea6d2..0bd578a37 100644
--- a/src/BookSharp.js
+++ b/src/BookSharp.js
@@ -15,7 +15,7 @@ const BookSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 48c-67.61.29-117.87 9.6-154.24 25.69-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48zM48 48c67.61.29 117.87 9.6 154.24 25.69 27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 48c-67.61.29-117.87 9.6-154.24 25.69-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48zM48 48c67.61.29 117.87 9.6 154.24 25.69 27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookSharp = props => {
 BookSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bookmark.js b/src/Bookmark.js
index 76f21c2a6..bcd898024 100644
--- a/src/Bookmark.js
+++ b/src/Bookmark.js
@@ -15,7 +15,7 @@ const Bookmark = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 480a16 16 0 01-10.63-4L256 357.41 122.63 476A16 16 0 0196 464V96a64.07 64.07 0 0164-64h192a64.07 64.07 0 0164 64v368a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 480a16 16 0 01-10.63-4L256 357.41 122.63 476A16 16 0 0196 464V96a64.07 64.07 0 0164-64h192a64.07 64.07 0 0164 64v368a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bookmark = props => {
 Bookmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookmarkOutline.js b/src/BookmarkOutline.js
index ef1ba1037..29899b2a9 100644
--- a/src/BookmarkOutline.js
+++ b/src/BookmarkOutline.js
@@ -15,7 +15,7 @@ const BookmarkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 48H160a48 48 0 00-48 48v368l144-128 144 128V96a48 48 0 00-48-48z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 48H160a48 48 0 00-48 48v368l144-128 144 128V96a48 48 0 00-48-48z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookmarkOutline = props => {
 BookmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookmarkSharp.js b/src/BookmarkSharp.js
index 6ee60ee54..510321048 100644
--- a/src/BookmarkSharp.js
+++ b/src/BookmarkSharp.js
@@ -15,7 +15,7 @@ const BookmarkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 480L256 357.41 96 480V32h320z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 480L256 357.41 96 480V32h320z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookmarkSharp = props => {
 BookmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bookmarks.js b/src/Bookmarks.js
index 7ee06553d..45d800a2d 100644
--- a/src/Bookmarks.js
+++ b/src/Bookmarks.js
@@ -15,7 +15,7 @@ const Bookmarks = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 0H176a64.11 64.11 0 00-62 48h228a74 74 0 0174 74v304.89l22 17.6a16 16 0 0019.34.5 16.41 16.41 0 006.66-13.42V64a64 64 0 00-64-64z"/><path d="M320 80H112a64 64 0 00-64 64v351.62A16.36 16.36 0 0054.6 509a16 16 0 0019.71-.71L216 388.92l141.69 119.32a16 16 0 0019.6.79 16.4 16.4 0 006.71-13.44V144a64 64 0 00-64-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 0H176a64.11 64.11 0 00-62 48h228a74 74 0 0174 74v304.89l22 17.6a16 16 0 0019.34.5 16.41 16.41 0 006.66-13.42V64a64 64 0 00-64-64z" /><path d="M320 80H112a64 64 0 00-64 64v351.62A16.36 16.36 0 0054.6 509a16 16 0 0019.71-.71L216 388.92l141.69 119.32a16 16 0 0019.6.79 16.4 16.4 0 006.71-13.44V144a64 64 0 00-64-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bookmarks = props => {
 Bookmarks.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookmarksOutline.js b/src/BookmarksOutline.js
index 662799168..60ed23ab6 100644
--- a/src/BookmarksOutline.js
+++ b/src/BookmarksOutline.js
@@ -15,7 +15,7 @@ const BookmarksOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 80V64a48.14 48.14 0 0148-48h224a48.14 48.14 0 0148 48v368l-80-64" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M320 96H112a48.14 48.14 0 00-48 48v352l152-128 152 128V144a48.14 48.14 0 00-48-48z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 80V64a48.14 48.14 0 0148-48h224a48.14 48.14 0 0148 48v368l-80-64" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M320 96H112a48.14 48.14 0 00-48 48v352l152-128 152 128V144a48.14 48.14 0 00-48-48z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookmarksOutline = props => {
 BookmarksOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BookmarksSharp.js b/src/BookmarksSharp.js
index a442b4e31..c72b0aaae 100644
--- a/src/BookmarksSharp.js
+++ b/src/BookmarksSharp.js
@@ -15,7 +15,7 @@ const BookmarksSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 0v48h304v368l48 32V0H112z"/><path d="M48 80v432l168-124 168 124V80H48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 0v48h304v368l48 32V0H112z" /><path d="M48 80v432l168-124 168 124V80H48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BookmarksSharp = props => {
 BookmarksSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Briefcase.js b/src/Briefcase.js
index 8cab1209d..6a3129da6 100644
--- a/src/Briefcase.js
+++ b/src/Briefcase.js
@@ -15,7 +15,7 @@ const Briefcase = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 80H176a16 16 0 00-16 16v16h192V96a16 16 0 00-16-16z" fill="none"/><path d="M496 176a64.07 64.07 0 00-64-64h-48V96a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v48h480zm-144-64H160V96a16 16 0 0116-16h160a16 16 0 0116 16zM336 264a24 24 0 01-24 24H200a24 24 0 01-24-24v-4a4 4 0 00-4-4H16v144a64 64 0 0064 64h352a64 64 0 0064-64V256H340a4 4 0 00-4 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 80H176a16 16 0 00-16 16v16h192V96a16 16 0 00-16-16z" fill="none" /><path d="M496 176a64.07 64.07 0 00-64-64h-48V96a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v48h480zm-144-64H160V96a16 16 0 0116-16h160a16 16 0 0116 16zM336 264a24 24 0 01-24 24H200a24 24 0 01-24-24v-4a4 4 0 00-4-4H16v144a64 64 0 0064 64h352a64 64 0 0064-64V256H340a4 4 0 00-4 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Briefcase = props => {
 Briefcase.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BriefcaseOutline.js b/src/BriefcaseOutline.js
index a67756a57..51b262025 100644
--- a/src/BriefcaseOutline.js
+++ b/src/BriefcaseOutline.js
@@ -15,7 +15,7 @@ const BriefcaseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="128" width="448" height="320" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="128" width="448" height="320" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BriefcaseOutline = props => {
 BriefcaseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BriefcaseSharp.js b/src/BriefcaseSharp.js
index e075880f5..961f974bc 100644
--- a/src/BriefcaseSharp.js
+++ b/src/BriefcaseSharp.js
@@ -15,7 +15,7 @@ const BriefcaseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 288H176v-32H16v196a12 12 0 0012 12h456a12 12 0 0012-12V256H336zM496 124a12 12 0 00-12-12H384V56a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v100h480zm-152-12H168V88h176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 288H176v-32H16v196a12 12 0 0012 12h456a12 12 0 0012-12V256H336zM496 124a12 12 0 00-12-12H384V56a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v100h480zm-152-12H168V88h176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BriefcaseSharp = props => {
 BriefcaseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Browsers.js b/src/Browsers.js
index a65d22509..73366ca3b 100644
--- a/src/Browsers.js
+++ b/src/Browsers.js
@@ -15,7 +15,7 @@ const Browsers = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 48H96a64 64 0 00-64 64v288a64 64 0 0064 64h320a64 64 0 0064-64V112a64 64 0 00-64-64zm24 96H72a8 8 0 01-8-8v-24a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v24a8 8 0 01-8 8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 48H96a64 64 0 00-64 64v288a64 64 0 0064 64h320a64 64 0 0064-64V112a64 64 0 00-64-64zm24 96H72a8 8 0 01-8-8v-24a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v24a8 8 0 01-8 8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Browsers = props => {
 Browsers.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BrowsersOutline.js b/src/BrowsersOutline.js
index 9ef0c5ee2..aceec5d94 100644
--- a/src/BrowsersOutline.js
+++ b/src/BrowsersOutline.js
@@ -15,7 +15,7 @@ const BrowsersOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="64" width="416" height="384" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M397.82 64H114.18C77.69 64 48 94.15 48 131.2V176h16c0-16 16-32 32-32h320c16 0 32 16 32 32h16v-44.8c0-37.05-29.69-67.2-66.18-67.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="64" width="416" height="384" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M397.82 64H114.18C77.69 64 48 94.15 48 131.2V176h16c0-16 16-32 32-32h320c16 0 32 16 32 32h16v-44.8c0-37.05-29.69-67.2-66.18-67.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BrowsersOutline = props => {
 BrowsersOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BrowsersSharp.js b/src/BrowsersSharp.js
index 72f0aaa21..3bf2342cd 100644
--- a/src/BrowsersSharp.js
+++ b/src/BrowsersSharp.js
@@ -15,7 +15,7 @@ const BrowsersSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 64v384a16 16 0 0016 16h416a16 16 0 0016-16V64a16 16 0 00-16-16H48a16 16 0 00-16 16zm408 364H72a4 4 0 01-4-4V152a4 4 0 014-4h368a4 4 0 014 4v272a4 4 0 01-4 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 64v384a16 16 0 0016 16h416a16 16 0 0016-16V64a16 16 0 00-16-16H48a16 16 0 00-16 16zm408 364H72a4 4 0 01-4-4V152a4 4 0 014-4h368a4 4 0 014 4v272a4 4 0 01-4 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BrowsersSharp = props => {
 BrowsersSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Brush.js b/src/Brush.js
index af4fd73e0..b18bde653 100644
--- a/src/Brush.js
+++ b/src/Brush.js
@@ -15,7 +15,7 @@ const Brush = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M233.15 360.11a15.7 15.7 0 01-4.92-.77 16 16 0 01-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 01-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0179.89 0 56.51 56.51 0 01.11 79.78l-219 227a16 16 0 01-11.53 4.9zM119.89 480.11c-32.14 0-65.45-16.89-84.85-43a16 16 0 0112.85-25.54c5.34 0 20-4.87 20-20.57 0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M233.15 360.11a15.7 15.7 0 01-4.92-.77 16 16 0 01-10.92-13c-2.15-15-19.95-32.46-36.62-35.85a16 16 0 01-8.69-26.33l211.09-235.1c.19-.22.39-.43.59-.63a56.57 56.57 0 0179.89 0 56.51 56.51 0 01.11 79.78l-219 227a16 16 0 01-11.53 4.9zM119.89 480.11c-32.14 0-65.45-16.89-84.85-43a16 16 0 0112.85-25.54c5.34 0 20-4.87 20-20.57 0-39.07 31.4-70.86 70-70.86s70 31.79 70 70.86c0 49.12-39.48 89.11-88 89.11z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Brush = props => {
 Brush.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BrushOutline.js b/src/BrushOutline.js
index 3e7a976c6..45ca1de83 100644
--- a/src/BrushOutline.js
+++ b/src/BrushOutline.js
@@ -15,7 +15,7 @@ const BrushOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26zM138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.88 36.57-36 36.57C64.56 449.74 92.82 464 120 464c39.78 0 72-32.73 72-73.14 0-30.36-24.12-54.86-54-54.86z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M452.37 59.63h0a40.49 40.49 0 00-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 000-57.26zM138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.88 36.57-36 36.57C64.56 449.74 92.82 464 120 464c39.78 0 72-32.73 72-73.14 0-30.36-24.12-54.86-54-54.86z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BrushOutline = props => {
 BrushOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BrushSharp.js b/src/BrushSharp.js
index ef20947f1..c8aa341c0 100644
--- a/src/BrushSharp.js
+++ b/src/BrushSharp.js
@@ -15,7 +15,7 @@ const BrushSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 96l-64-64-244 260 64 64zM142 320c-36.52 0-66 30.63-66 68.57 0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43 0-37.94-29.48-68.57-66-68.57z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 96l-64-64-244 260 64 64zM142 320c-36.52 0-66 30.63-66 68.57 0 25.43-31 45.72-44 45.72C52.24 462.17 86.78 480 120 480c48.62 0 88-40.91 88-91.43 0-37.94-29.48-68.57-66-68.57z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BrushSharp = props => {
 BrushSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bug.js b/src/Bug.js
index 167c7f647..f41f3eb3c 100644
--- a/src/Bug.js
+++ b/src/Bug.js
@@ -15,7 +15,7 @@ const Bug = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103 0-8.61-6.64-16-15.25-16.41A16 16 0 00400 112c0 28-1.86 48.15-9.9 63.84-19.22-41.15-65.78-63.91-134.1-63.91-39.8 0-74.19 9.13-99.43 26.39-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0080 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0016 16.77h64V320a143.32 143.32 0 0010.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 00112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 00220 459.42a16 16 0 0020-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 192v251.93a16 16 0 0020 15.49 144.4 144.4 0 0081.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0015.1 16.37A16 16 0 00432 464c0-41.68-16.6-67.23-42.39-90.31A143.32 143.32 0 00400 320v-15.87h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z"/><path d="M321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 00256.21 32h-.42a95.87 95.87 0 00-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86 19.71-6 41.79-9.06 65.56-9.06 24.09 0 46.09 2.72 65.39 8.07z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103 0-8.61-6.64-16-15.25-16.41A16 16 0 00400 112c0 28-1.86 48.15-9.9 63.84-19.22-41.15-65.78-63.91-134.1-63.91-39.8 0-74.19 9.13-99.43 26.39-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0080 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0016 16.77h64V320a143.32 143.32 0 0010.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 00112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 00220 459.42a16 16 0 0020-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 192v251.93a16 16 0 0020 15.49 144.4 144.4 0 0081.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0015.1 16.37A16 16 0 00432 464c0-41.68-16.6-67.23-42.39-90.31A143.32 143.32 0 00400 320v-15.87h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z" /><path d="M321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 00256.21 32h-.42a95.87 95.87 0 00-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86 19.71-6 41.79-9.06 65.56-9.06 24.09 0 46.09 2.72 65.39 8.07z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bug = props => {
 Bug.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BugOutline.js b/src/BugOutline.js
index e22918834..ad5436a53 100644
--- a/src/BugOutline.js
+++ b/src/BugOutline.js
@@ -15,7 +15,7 @@ const BugOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M370 378c28.89 23.52 46 46.07 46 86M142 378c-28.89 23.52-46 46.06-46 86M384 208c28.89-23.52 32-56.07 32-96M128 206c-28.89-23.52-32-54.06-32-94M464 288.13h-80M128 288.13H48M256 192v256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 448h0c-70.4 0-128-57.6-128-128v-96.07c0-65.07 57.6-96 128-96h0c70.4 0 128 25.6 128 96V320c0 70.4-57.6 128-128 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M179.43 143.52a49.08 49.08 0 01-3.43-15.73A80 80 0 01255.79 48h.42A80 80 0 01336 127.79a41.91 41.91 0 01-3.12 14.3" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M370 378c28.89 23.52 46 46.07 46 86M142 378c-28.89 23.52-46 46.06-46 86M384 208c28.89-23.52 32-56.07 32-96M128 206c-28.89-23.52-32-54.06-32-94M464 288.13h-80M128 288.13H48M256 192v256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 448h0c-70.4 0-128-57.6-128-128v-96.07c0-65.07 57.6-96 128-96h0c70.4 0 128 25.6 128 96V320c0 70.4-57.6 128-128 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M179.43 143.52a49.08 49.08 0 01-3.43-15.73A80 80 0 01255.79 48h.42A80 80 0 01336 127.79a41.91 41.91 0 01-3.12 14.3" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BugOutline = props => {
 BugOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BugSharp.js b/src/BugSharp.js
index 5116dad53..59ffa0430 100644
--- a/src/BugSharp.js
+++ b/src/BugSharp.js
@@ -15,7 +15,7 @@ const BugSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304z"/><path d="M256 32c-48.06 0-96 0-96 84 26.12-14 59.35-20 96-20 24.09 0 46.09 2.65 65.39 8 10.75 3 24.66 8.71 30.61 12 0-84-47.94-84-96-84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304z" /><path d="M256 32c-48.06 0-96 0-96 84 26.12-14 59.35-20 96-20 24.09 0 46.09 2.65 65.39 8 10.75 3 24.66 8.71 30.61 12 0-84-47.94-84-96-84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BugSharp = props => {
 BugSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Build.js b/src/Build.js
index 6daae2b0f..4ef23488b 100644
--- a/src/Build.js
+++ b/src/Build.js
@@ -15,7 +15,7 @@ const Build = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.54 120.52a16 16 0 00-25.54-4L382.56 178a16.12 16.12 0 01-22.63 0l-26.56-26.6a16 16 0 010-22.63l61.18-61.19a16 16 0 00-4.78-25.92C343.56 21 285.88 31.78 249.51 67.88c-30.9 30.68-40.11 78.62-25.25 131.53a15.89 15.89 0 01-4.49 16L53.29 367.46a64.17 64.17 0 1090.6 90.64l153.68-166.85a15.9 15.9 0 0115.77-4.57 179.3 179.3 0 0046.22 6.37c33.4 0 62.71-10.81 83.85-31.64 39.15-38.57 45.12-103.99 26.13-140.89zM99.48 447.15a32 32 0 1128.34-28.35 32 32 0 01-28.34 28.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.54 120.52a16 16 0 00-25.54-4L382.56 178a16.12 16.12 0 01-22.63 0l-26.56-26.6a16 16 0 010-22.63l61.18-61.19a16 16 0 00-4.78-25.92C343.56 21 285.88 31.78 249.51 67.88c-30.9 30.68-40.11 78.62-25.25 131.53a15.89 15.89 0 01-4.49 16L53.29 367.46a64.17 64.17 0 1090.6 90.64l153.68-166.85a15.9 15.9 0 0115.77-4.57 179.3 179.3 0 0046.22 6.37c33.4 0 62.71-10.81 83.85-31.64 39.15-38.57 45.12-103.99 26.13-140.89zM99.48 447.15a32 32 0 1128.34-28.35 32 32 0 01-28.34 28.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Build = props => {
 Build.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BuildOutline.js b/src/BuildOutline.js
index 11d9a8fd6..bccb4d178 100644
--- a/src/BuildOutline.js
+++ b/src/BuildOutline.js
@@ -15,7 +15,7 @@ const BuildOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M393.87 190a32.1 32.1 0 01-45.25 0l-26.57-26.57a32.09 32.09 0 010-45.26L382.19 58a1 1 0 00-.3-1.64c-38.82-16.64-89.15-8.16-121.11 23.57-30.58 30.35-32.32 76-21.12 115.84a31.93 31.93 0 01-9.06 32.08L64 380a48.17 48.17 0 1068 68l153.86-167a31.93 31.93 0 0131.6-9.13c39.54 10.59 84.54 8.6 114.72-21.19 32.49-32 39.5-88.56 23.75-120.93a1 1 0 00-1.6-.26z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="96" cy="416" r="16"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M393.87 190a32.1 32.1 0 01-45.25 0l-26.57-26.57a32.09 32.09 0 010-45.26L382.19 58a1 1 0 00-.3-1.64c-38.82-16.64-89.15-8.16-121.11 23.57-30.58 30.35-32.32 76-21.12 115.84a31.93 31.93 0 01-9.06 32.08L64 380a48.17 48.17 0 1068 68l153.86-167a31.93 31.93 0 0131.6-9.13c39.54 10.59 84.54 8.6 114.72-21.19 32.49-32 39.5-88.56 23.75-120.93a1 1 0 00-1.6-.26z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="96" cy="416" r="16" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BuildOutline = props => {
 BuildOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BuildSharp.js b/src/BuildSharp.js
index bf1b051b2..4722c6341 100644
--- a/src/BuildSharp.js
+++ b/src/BuildSharp.js
@@ -15,7 +15,7 @@ const BuildSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M230 209.2L32 405.58 106.65 480l197.59-198.17c46.47 17.46 105.52 12.54 143-24.78 40.44-40.32 40.35-108 16.81-156.79l-87.33 87.06-52.32-52.13 87.33-87.06C363 24.46 294.67 24.34 254.23 64.66c-38.03 37.91-42.78 97.6-24.23 144.54z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M230 209.2L32 405.58 106.65 480l197.59-198.17c46.47 17.46 105.52 12.54 143-24.78 40.44-40.32 40.35-108 16.81-156.79l-87.33 87.06-52.32-52.13 87.33-87.06C363 24.46 294.67 24.34 254.23 64.66c-38.03 37.91-42.78 97.6-24.23 144.54z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BuildSharp = props => {
 BuildSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bulb.js b/src/Bulb.js
index 328c4f5b0..a3d6f6752 100644
--- a/src/Bulb.js
+++ b/src/Bulb.js
@@ -15,7 +15,7 @@ const Bulb = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 464h-64a16 16 0 000 32h64a16 16 0 000-32zM304 416h-96a16 16 0 000 32h96a16 16 0 000-32zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v24a16 16 0 0016 16h24a8 8 0 008-8V274.82a8 8 0 00-5.13-7.47A130.73 130.73 0 01208.71 253a16 16 0 1118.58-26c7.4 5.24 21.65 13 28.71 13s21.31-7.78 28.73-13a16 16 0 0118.56 26 130.73 130.73 0 01-26.16 14.32 8 8 0 00-5.13 7.47V392a8 8 0 008 8h24a16 16 0 0016-16v-24c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 464h-64a16 16 0 000 32h64a16 16 0 000-32zM304 416h-96a16 16 0 000 32h96a16 16 0 000-32zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v24a16 16 0 0016 16h24a8 8 0 008-8V274.82a8 8 0 00-5.13-7.47A130.73 130.73 0 01208.71 253a16 16 0 1118.58-26c7.4 5.24 21.65 13 28.71 13s21.31-7.78 28.73-13a16 16 0 0118.56 26 130.73 130.73 0 01-26.16 14.32 8 8 0 00-5.13 7.47V392a8 8 0 008 8h24a16 16 0 0016-16v-24c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bulb = props => {
 Bulb.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BulbOutline.js b/src/BulbOutline.js
index 2e72e612b..8ba32155f 100644
--- a/src/BulbOutline.js
+++ b/src/BulbOutline.js
@@ -15,7 +15,7 @@ const BulbOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 384v-24c0-29 31.54-56.43 52-76 28.84-27.57 44-64.61 44-108 0-80-63.73-144-144-144a143.6 143.6 0 00-144 144c0 41.84 15.81 81.39 44 108 20.35 19.21 52 46.7 52 76v24M224 480h64M208 432h96M256 384V256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M294 240s-21.51 16-38 16-38-16-38-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 384v-24c0-29 31.54-56.43 52-76 28.84-27.57 44-64.61 44-108 0-80-63.73-144-144-144a143.6 143.6 0 00-144 144c0 41.84 15.81 81.39 44 108 20.35 19.21 52 46.7 52 76v24M224 480h64M208 432h96M256 384V256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M294 240s-21.51 16-38 16-38-16-38-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BulbOutline = props => {
 BulbOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BulbSharp.js b/src/BulbSharp.js
index 88c6569b0..346bae4ba 100644
--- a/src/BulbSharp.js
+++ b/src/BulbSharp.js
@@ -15,7 +15,7 @@ const BulbSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 464h96v32h-96zM192 416h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244 214 217.72 256 240l41.29-22.39 19.1 25.68-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 464h96v32h-96zM192 416h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0096 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244 214 217.72 256 240l41.29-22.39 19.1 25.68-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 00-46.58-113.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BulbSharp = props => {
 BulbSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Bus.js b/src/Bus.js
index 48904a229..3cd183c35 100644
--- a/src/Bus.js
+++ b/src/Bus.js
@@ -15,7 +15,7 @@ const Bus = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 32H112a48 48 0 00-48 48v320a47.91 47.91 0 0016 35.74V454a26 26 0 0026 26h28a26 26 0 0026-26v-6h192v6a26 26 0 0026 26h28a26 26 0 0026-26v-18.26A47.91 47.91 0 00448 400V80a48 48 0 00-48-48zM147.47 399.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM236 288H112a16 16 0 01-16-16V144a16 16 0 0116-16h124a4 4 0 014 4v152a4 4 0 01-4 4zm20-192H112.46c-8.6 0-16-6.6-16.44-15.19A16 16 0 01112 64h287.54c8.6 0 16 6.6 16.44 15.19A16 16 0 01400 96H256zm20 32h124a16 16 0 0116 16v128a16 16 0 01-16 16H276a4 4 0 01-4-4V132a4 4 0 014-4zm60.18 243.47a32 32 0 1128.35 28.35 32 32 0 01-28.35-28.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 32H112a48 48 0 00-48 48v320a47.91 47.91 0 0016 35.74V454a26 26 0 0026 26h28a26 26 0 0026-26v-6h192v6a26 26 0 0026 26h28a26 26 0 0026-26v-18.26A47.91 47.91 0 00448 400V80a48 48 0 00-48-48zM147.47 399.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM236 288H112a16 16 0 01-16-16V144a16 16 0 0116-16h124a4 4 0 014 4v152a4 4 0 01-4 4zm20-192H112.46c-8.6 0-16-6.6-16.44-15.19A16 16 0 01112 64h287.54c8.6 0 16 6.6 16.44 15.19A16 16 0 01400 96H256zm20 32h124a16 16 0 0116 16v128a16 16 0 01-16 16H276a4 4 0 01-4-4V132a4 4 0 014-4zm60.18 243.47a32 32 0 1128.35 28.35 32 32 0 01-28.35-28.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Bus = props => {
 Bus.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BusOutline.js b/src/BusOutline.js
index 65e5bc53f..bca79f071 100644
--- a/src/BusOutline.js
+++ b/src/BusOutline.js
@@ -15,7 +15,7 @@ const BusOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="112" width="352" height="192" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="80" y="304" width="352" height="128" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M400 112H112a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32h288a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM144 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22zM416 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="368" cy="368" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="144" cy="368" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v192M80 80v288M432 80v288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="112" width="352" height="192" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="80" y="304" width="352" height="128" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M400 112H112a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32h288a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM144 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22zM416 432v22a10 10 0 01-10 10h-28a10 10 0 01-10-10v-22z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="368" cy="368" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="144" cy="368" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 112v192M80 80v288M432 80v288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BusOutline = props => {
 BusOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BusSharp.js b/src/BusSharp.js
index 53d4e757c..aa3ed3ed3 100644
--- a/src/BusSharp.js
+++ b/src/BusSharp.js
@@ -15,7 +15,7 @@ const BusSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 64H112a16 16 0 000 32h288a16 16 0 000-32z" fill="none"/><path d="M424 32H88a24 24 0 00-24 24v360a32 32 0 0016 27.71V480h72v-32h208v32h72v-36.29A32 32 0 00448 416V56a24 24 0 00-24-24zM175.82 371.47a32 32 0 11-35.3-35.29 32.09 32.09 0 0135.3 35.29zM240 288H96V128h144zm16-192H96.46L96 64h320l-.46 32H256zm16 32h144v160H272zm64.18 236.53a32 32 0 1135.3 35.29 32.09 32.09 0 01-35.3-35.29z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 64H112a16 16 0 000 32h288a16 16 0 000-32z" fill="none" /><path d="M424 32H88a24 24 0 00-24 24v360a32 32 0 0016 27.71V480h72v-32h208v32h72v-36.29A32 32 0 00448 416V56a24 24 0 00-24-24zM175.82 371.47a32 32 0 11-35.3-35.29 32.09 32.09 0 0135.3 35.29zM240 288H96V128h144zm16-192H96.46L96 64h320l-.46 32H256zm16 32h144v160H272zm64.18 236.53a32 32 0 1135.3 35.29 32.09 32.09 0 01-35.3-35.29z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BusSharp = props => {
 BusSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Business.js b/src/Business.js
index 90b77d134..f981b94a2 100644
--- a/src/Business.js
+++ b/src/Business.js
@@ -15,7 +15,7 @@ const Business = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 176H320V64a48 48 0 00-48-48H80a48 48 0 00-48 48v416a16 16 0 0016 16h104a8 8 0 008-8v-71.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01192 416v72a8 8 0 008 8h264a16 16 0 0016-16V224a48 48 0 00-48-48zM98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 240a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 320a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM444 464H320V208h112a16 16 0 0116 16v236a4 4 0 01-4 4z"/><path d="M400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 176H320V64a48 48 0 00-48-48H80a48 48 0 00-48 48v416a16 16 0 0016 16h104a8 8 0 008-8v-71.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01192 416v72a8 8 0 008 8h264a16 16 0 0016-16V224a48 48 0 00-48-48zM98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 240a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm80 320a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zm0-80a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM444 464H320V208h112a16 16 0 0116 16v236a4 4 0 01-4 4z" /><path d="M400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Business = props => {
 Business.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BusinessOutline.js b/src/BusinessOutline.js
index 230d7e537..0fd676546 100644
--- a/src/BusinessOutline.js
+++ b/src/BusinessOutline.js
@@ -15,7 +15,7 @@ const BusinessOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 416v64M80 32h192a32 32 0 0132 32v412a4 4 0 01-4 4H48h0V64a32 32 0 0132-32zM320 192h112a32 32 0 0132 32v256h0-160 0V208a16 16 0 0116-16z"/><path d="M98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z"/><ellipse cx="256" cy="176" rx="15.95" ry="16.03" transform="rotate(-45 255.99 175.996)"/><path d="M258.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 416v64M80 32h192a32 32 0 0132 32v412a4 4 0 01-4 4H48h0V64a32 32 0 0132-32zM320 192h112a32 32 0 0132 32v256h0-160 0V208a16 16 0 0116-16z" /><path d="M98.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM98.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 191.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM178.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 431.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 351.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM258.08 271.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z" /><ellipse cx="256" cy="176" rx="15.95" ry="16.03" transform="rotate(-45 255.99 175.996)" /><path d="M258.08 111.87a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79zM400 400a16 16 0 1016 16 16 16 0 00-16-16zM400 320a16 16 0 1016 16 16 16 0 00-16-16zM400 240a16 16 0 1016 16 16 16 0 00-16-16zM336 400a16 16 0 1016 16 16 16 0 00-16-16zM336 320a16 16 0 1016 16 16 16 0 00-16-16zM336 240a16 16 0 1016 16 16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BusinessOutline = props => {
 BusinessOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/BusinessSharp.js b/src/BusinessSharp.js
index ad5bcf863..5bc6002cb 100644
--- a/src/BusinessSharp.js
+++ b/src/BusinessSharp.js
@@ -15,7 +15,7 @@ const BusinessSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 176V16H32v480h128v-96h32v96h288V176zM112 432H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80V80h32zm128-32h32v32h-32zm-48 272h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32V80h32zm80 320h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32v32zm176 272H320v-32h32v-32h-32v-48h32v-32h-32v-48h32v-32h-32v-32h128z"/><path d="M384 400h32v32h-32zM384 320h32v32h-32zM384 240h32v32h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 176V16H32v480h128v-96h32v96h288V176zM112 432H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80v-32h32zm0-80H80V80h32zm128-32h32v32h-32zm-48 272h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32V80h32zm80 320h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32zm0-80h-32v-32h32v32zm176 272H320v-32h32v-32h-32v-48h32v-32h-32v-48h32v-32h-32v-32h128z" /><path d="M384 400h32v32h-32zM384 320h32v32h-32zM384 240h32v32h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const BusinessSharp = props => {
 BusinessSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cafe.js b/src/Cafe.js
index c63b4fe12..5859b32cd 100644
--- a/src/Cafe.js
+++ b/src/Cafe.js
@@ -15,7 +15,7 @@ const Cafe = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 64H96a16 16 0 00-16 16v192a96.11 96.11 0 0096 96h112a96.11 96.11 0 0096-96v-80h18a62.07 62.07 0 0062-62V96a32 32 0 00-32-32zm0 66a30 30 0 01-30 30h-18V96h48zM400 400H64a16 16 0 000 32h336a16 16 0 000-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 64H96a16 16 0 00-16 16v192a96.11 96.11 0 0096 96h112a96.11 96.11 0 0096-96v-80h18a62.07 62.07 0 0062-62V96a32 32 0 00-32-32zm0 66a30 30 0 01-30 30h-18V96h48zM400 400H64a16 16 0 000 32h336a16 16 0 000-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cafe = props => {
 Cafe.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CafeOutline.js b/src/CafeOutline.js
index c24ad27ee..d14be3e69 100644
--- a/src/CafeOutline.js
+++ b/src/CafeOutline.js
@@ -15,7 +15,7 @@ const CafeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 80h64a16 16 0 0116 16v34a46 46 0 01-46 46h-34M96 80h272v192a80 80 0 01-80 80H176a80 80 0 01-80-80V80h0zM64 416h336" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 80h64a16 16 0 0116 16v34a46 46 0 01-46 46h-34M96 80h272v192a80 80 0 01-80 80H176a80 80 0 01-80-80V80h0zM64 416h336" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CafeOutline = props => {
 CafeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CafeSharp.js b/src/CafeSharp.js
index c7dbd2711..ae2be26a5 100644
--- a/src/CafeSharp.js
+++ b/src/CafeSharp.js
@@ -15,7 +15,7 @@ const CafeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64H80v254.34a19.83 19.83 0 005.86 14.14l29.65 29.66a19.87 19.87 0 0014.15 5.86h204.68a19.87 19.87 0 0014.15-5.86l29.65-29.66a19.83 19.83 0 005.86-14.14V192h32a16 16 0 0011.31-4.69l32-32A16 16 0 00464 144V80a16 16 0 00-16-16zm-16 73.37L409.37 160H384V96h48zM48 400h368v32H48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64H80v254.34a19.83 19.83 0 005.86 14.14l29.65 29.66a19.87 19.87 0 0014.15 5.86h204.68a19.87 19.87 0 0014.15-5.86l29.65-29.66a19.83 19.83 0 005.86-14.14V192h32a16 16 0 0011.31-4.69l32-32A16 16 0 00464 144V80a16 16 0 00-16-16zm-16 73.37L409.37 160H384V96h48zM48 400h368v32H48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CafeSharp = props => {
 CafeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Calculator.js b/src/Calculator.js
index b0011a7fd..75cdc13a9 100644
--- a/src/Calculator.js
+++ b/src/Calculator.js
@@ -15,7 +15,7 @@ const Calculator = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 80a48.05 48.05 0 00-48-48H144a48.05 48.05 0 00-48 48v352a48.05 48.05 0 0048 48h224a48.05 48.05 0 0048-48zM168 432a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm88 160a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm112 136a24 24 0 01-48 0v-80a24 24 0 0148 0zm-24-136a24 24 0 1124-24 24 24 0 01-24 24zm19.31-100.69A16 16 0 01352 176H160a16 16 0 01-16-16V96a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-4.69 11.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 80a48.05 48.05 0 00-48-48H144a48.05 48.05 0 00-48 48v352a48.05 48.05 0 0048 48h224a48.05 48.05 0 0048-48zM168 432a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm88 160a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm0-80a24 24 0 1124-24 24 24 0 01-24 24zm112 136a24 24 0 01-48 0v-80a24 24 0 0148 0zm-24-136a24 24 0 1124-24 24 24 0 01-24 24zm19.31-100.69A16 16 0 01352 176H160a16 16 0 01-16-16V96a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-4.69 11.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Calculator = props => {
 Calculator.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalculatorOutline.js b/src/CalculatorOutline.js
index 72b94d8fc..f61d57505 100644
--- a/src/CalculatorOutline.js
+++ b/src/CalculatorOutline.js
@@ -15,7 +15,7 @@ const CalculatorOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="48" width="288" height="416" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160.01 112H352v64H160.01z"/><circle cx="168" cy="248" r="24"/><circle cx="256" cy="248" r="24"/><circle cx="344" cy="248" r="24"/><circle cx="168" cy="328" r="24"/><circle cx="256" cy="328" r="24"/><circle cx="168" cy="408" r="24"/><circle cx="256" cy="408" r="24"/><rect x="320" y="304" width="48" height="128" rx="24" ry="24"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="48" width="288" height="416" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160.01 112H352v64H160.01z" /><circle cx="168" cy="248" r="24" /><circle cx="256" cy="248" r="24" /><circle cx="344" cy="248" r="24" /><circle cx="168" cy="328" r="24" /><circle cx="256" cy="328" r="24" /><circle cx="168" cy="408" r="24" /><circle cx="256" cy="408" r="24" /><rect x="320" y="304" width="48" height="128" rx="24" ry="24" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalculatorOutline = props => {
 CalculatorOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalculatorSharp.js b/src/CalculatorSharp.js
index 6dbacc468..2e1606e47 100644
--- a/src/CalculatorSharp.js
+++ b/src/CalculatorSharp.js
@@ -15,7 +15,7 @@ const CalculatorSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 48a16 16 0 00-16-16H112a16 16 0 00-16 16v416a16 16 0 0016 16h288a16 16 0 0016-16zM192 432h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48V304h48zm0-160h-48v-48h48zm0-96H144V80h224z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 48a16 16 0 00-16-16H112a16 16 0 00-16 16v416a16 16 0 0016 16h288a16 16 0 0016-16zM192 432h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48v-48h48zm0-80h-48v-48h48zm0-80h-48v-48h48zm88 160h-48V304h48zm0-160h-48v-48h48zm0-96H144V80h224z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalculatorSharp = props => {
 CalculatorSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Calendar.js b/src/Calendar.js
index a3a3afec4..273128b3c 100644
--- a/src/Calendar.js
+++ b/src/Calendar.js
@@ -15,7 +15,7 @@ const Calendar = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3H35a3 3 0 00-3 3zm344-208a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3H35a3 3 0 00-3 3zm344-208a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Calendar = props => {
 Calendar.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalendarClear.js b/src/CalendarClear.js
index a2f9a5cd4..cb4420011 100644
--- a/src/CalendarClear.js
+++ b/src/CalendarClear.js
@@ -15,7 +15,7 @@ const CalendarClear = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V180a4 4 0 00-4-4H36a4 4 0 00-4 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V180a4 4 0 00-4-4H36a4 4 0 00-4 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalendarClear = props => {
 CalendarClear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalendarClearOutline.js b/src/CalendarClearOutline.js
index c444583f2..8d078e784 100644
--- a/src/CalendarClearOutline.js
+++ b/src/CalendarClearOutline.js
@@ -15,7 +15,7 @@ const CalendarClearOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32M464 160H48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32M464 160H48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalendarClearOutline = props => {
 CalendarClearOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalendarClearSharp.js b/src/CalendarClearSharp.js
index 39b873ec8..f945e397b 100644
--- a/src/CalendarClearSharp.js
+++ b/src/CalendarClearSharp.js
@@ -15,7 +15,7 @@ const CalendarClearSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V192H32zM480 87.77A23.8 23.8 0 00456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V192H32zM480 87.77A23.8 23.8 0 00456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalendarClearSharp = props => {
 CalendarClearSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalendarOutline.js b/src/CalendarOutline.js
index 0839db7e9..cfccdb3f8 100644
--- a/src/CalendarOutline.js
+++ b/src/CalendarOutline.js
@@ -15,7 +15,7 @@ const CalendarOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48"/><circle cx="296" cy="232" r="24"/><circle cx="376" cy="232" r="24"/><circle cx="296" cy="312" r="24"/><circle cx="376" cy="312" r="24"/><circle cx="136" cy="312" r="24"/><circle cx="216" cy="312" r="24"/><circle cx="136" cy="392" r="24"/><circle cx="216" cy="392" r="24"/><circle cx="296" cy="392" r="24"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M464 160H48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48" /><circle cx="296" cy="232" r="24" /><circle cx="376" cy="232" r="24" /><circle cx="296" cy="312" r="24" /><circle cx="376" cy="312" r="24" /><circle cx="136" cy="312" r="24" /><circle cx="216" cy="312" r="24" /><circle cx="136" cy="392" r="24" /><circle cx="216" cy="392" r="24" /><circle cx="296" cy="392" r="24" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M464 160H48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalendarOutline = props => {
 CalendarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CalendarSharp.js b/src/CalendarSharp.js
index b6967486e..f6c9c7b74 100644
--- a/src/CalendarSharp.js
+++ b/src/CalendarSharp.js
@@ -15,7 +15,7 @@ const CalendarSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm320-244a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm320-244a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm-80-80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zm0 80a4 4 0 014-4h40a4 4 0 014 4v40a4 4 0 01-4 4h-40a4 4 0 01-4-4zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CalendarSharp = props => {
 CalendarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Call.js b/src/Call.js
index 86ae716d8..e5827cb0f 100644
--- a/src/Call.js
+++ b/src/Call.js
@@ -15,7 +15,7 @@ const Call = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M391 480c-19.52 0-46.94-7.06-88-30-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0128.64-15.2c1-.43 1.93-.84 2.76-1.21 4.95-2.23 12.45-5.6 21.95-2 6.34 2.38 12 7.25 20.86 16 18.17 17.92 43 57.83 52.16 77.43 6.15 13.21 10.22 21.93 10.23 31.71 0 11.45-5.76 20.28-12.75 29.81-1.31 1.79-2.61 3.5-3.87 5.16-7.61 10-9.28 12.89-8.18 18.05 2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47 1.48-1.13 3-2.3 4.59-3.47 10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18 18 9.08 59.11 33.59 77.14 51.78 8.77 8.84 13.66 14.48 16.05 20.81 3.6 9.53.21 17-2 22-.37.83-.78 1.74-1.21 2.75a176.49 176.49 0 01-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.42 67.42 0 01391 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M391 480c-19.52 0-46.94-7.06-88-30-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0128.64-15.2c1-.43 1.93-.84 2.76-1.21 4.95-2.23 12.45-5.6 21.95-2 6.34 2.38 12 7.25 20.86 16 18.17 17.92 43 57.83 52.16 77.43 6.15 13.21 10.22 21.93 10.23 31.71 0 11.45-5.76 20.28-12.75 29.81-1.31 1.79-2.61 3.5-3.87 5.16-7.61 10-9.28 12.89-8.18 18.05 2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47 1.48-1.13 3-2.3 4.59-3.47 10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18 18 9.08 59.11 33.59 77.14 51.78 8.77 8.84 13.66 14.48 16.05 20.81 3.6 9.53.21 17-2 22-.37.83-.78 1.74-1.21 2.75a176.49 176.49 0 01-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.42 67.42 0 01391 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Call = props => {
 Call.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CallOutline.js b/src/CallOutline.js
index f2d3b9e75..8ff08e806 100644
--- a/src/CallOutline.js
+++ b/src/CallOutline.js
@@ -15,7 +15,7 @@ const CallOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M451 374c-15.88-16-54.34-39.35-73-48.76-24.3-12.24-26.3-13.24-45.4.95-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48 5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160.15 160.15 0 0083 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64 54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159.09 159.09 0 0013.8-25.8C465 391.17 468 391.17 451 374z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M451 374c-15.88-16-54.34-39.35-73-48.76-24.3-12.24-26.3-13.24-45.4.95-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48 5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160.15 160.15 0 0083 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64 54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159.09 159.09 0 0013.8-25.8C465 391.17 468 391.17 451 374z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CallOutline = props => {
 CallOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CallSharp.js b/src/CallSharp.js
index 9f7aabf08..4a6f5b89a 100644
--- a/src/CallSharp.js
+++ b/src/CallSharp.js
@@ -15,7 +15,7 @@ const CallSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.94 370.14c-5.22-5.56-23.65-22-57.53-43.75-34.13-21.94-59.3-35.62-66.52-38.81a3.83 3.83 0 00-3.92.49c-11.63 9.07-31.21 25.73-32.26 26.63-6.78 5.81-6.78 5.81-12.33 4-9.76-3.2-40.08-19.3-66.5-45.78s-43.35-57.55-46.55-67.3c-1.83-5.56-1.83-5.56 4-12.34.9-1.05 17.57-20.63 26.64-32.25a3.83 3.83 0 00.49-3.92c-3.19-7.23-16.87-32.39-38.81-66.52-21.78-33.87-38.2-52.3-43.76-57.52a3.9 3.9 0 00-3.89-.87 322.35 322.35 0 00-56 25.45A338 338 0 0033.35 92a3.83 3.83 0 00-1.26 3.74c2.09 9.74 12.08 50.4 43.08 106.72 31.63 57.48 53.55 86.93 100 133.22S252 405.21 309.54 436.84c56.32 31 97 41 106.72 43.07a3.86 3.86 0 003.75-1.26A337.73 337.73 0 00454.35 430a322.7 322.7 0 0025.45-56 3.9 3.9 0 00-.86-3.86z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.94 370.14c-5.22-5.56-23.65-22-57.53-43.75-34.13-21.94-59.3-35.62-66.52-38.81a3.83 3.83 0 00-3.92.49c-11.63 9.07-31.21 25.73-32.26 26.63-6.78 5.81-6.78 5.81-12.33 4-9.76-3.2-40.08-19.3-66.5-45.78s-43.35-57.55-46.55-67.3c-1.83-5.56-1.83-5.56 4-12.34.9-1.05 17.57-20.63 26.64-32.25a3.83 3.83 0 00.49-3.92c-3.19-7.23-16.87-32.39-38.81-66.52-21.78-33.87-38.2-52.3-43.76-57.52a3.9 3.9 0 00-3.89-.87 322.35 322.35 0 00-56 25.45A338 338 0 0033.35 92a3.83 3.83 0 00-1.26 3.74c2.09 9.74 12.08 50.4 43.08 106.72 31.63 57.48 53.55 86.93 100 133.22S252 405.21 309.54 436.84c56.32 31 97 41 106.72 43.07a3.86 3.86 0 003.75-1.26A337.73 337.73 0 00454.35 430a322.7 322.7 0 0025.45-56 3.9 3.9 0 00-.86-3.86z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CallSharp = props => {
 CallSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Camera.js b/src/Camera.js
index 1ee9e60d9..f6bd95c9a 100644
--- a/src/Camera.js
+++ b/src/Camera.js
@@ -15,7 +15,7 @@ const Camera = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="64"/><path d="M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM256 368a96 96 0 1196-96 96.11 96.11 0 01-96 96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="64" /><path d="M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM256 368a96 96 0 1196-96 96.11 96.11 0 01-96 96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Camera = props => {
 Camera.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CameraOutline.js b/src/CameraOutline.js
index b924f4132..2fdf01db8 100644
--- a/src/CameraOutline.js
+++ b/src/CameraOutline.js
@@ -15,7 +15,7 @@ const CameraOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="272" r="80" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M124 158v-22h-24v22"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="272" r="80" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M124 158v-22h-24v22" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CameraOutline = props => {
 CameraOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CameraReverse.js b/src/CameraReverse.js
index a9c6a4e6d..c6d28f285 100644
--- a/src/CameraReverse.js
+++ b/src/CameraReverse.js
@@ -15,7 +15,7 @@ const CameraReverse = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM316.84 346.3a96.06 96.06 0 01-155.66-59.18 16 16 0 01-16.49-26.43l20-20a16 16 0 0122.62 0l20 20A16 16 0 01196 288a17.31 17.31 0 01-2-.14 64.07 64.07 0 00102.66 33.63 16 16 0 1120.21 24.81zm50.47-63l-20 20a16 16 0 01-22.62 0l-20-20a16 16 0 0113.09-27.2A64 64 0 00215 222.64 16 16 0 11194.61 198a96 96 0 01156 59 16 16 0 0116.72 26.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 144h-59c-3 0-6.72-1.94-9.62-5l-25.94-40.94a15.52 15.52 0 00-1.37-1.85C327.11 85.76 315 80 302 80h-92c-13 0-25.11 5.76-34.07 16.21a15.52 15.52 0 00-1.37 1.85l-25.94 41c-2.22 2.42-5.34 5-8.62 5v-8a16 16 0 00-16-16h-24a16 16 0 00-16 16v8h-4a48.05 48.05 0 00-48 48V384a48.05 48.05 0 0048 48h352a48.05 48.05 0 0048-48V192a48.05 48.05 0 00-48-48zM316.84 346.3a96.06 96.06 0 01-155.66-59.18 16 16 0 01-16.49-26.43l20-20a16 16 0 0122.62 0l20 20A16 16 0 01196 288a17.31 17.31 0 01-2-.14 64.07 64.07 0 00102.66 33.63 16 16 0 1120.21 24.81zm50.47-63l-20 20a16 16 0 01-22.62 0l-20-20a16 16 0 0113.09-27.2A64 64 0 00215 222.64 16 16 0 11194.61 198a96 96 0 01156 59 16 16 0 0116.72 26.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CameraReverse = props => {
 CameraReverse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CameraReverseOutline.js b/src/CameraReverseOutline.js
index b1da7b024..23e3116bb 100644
--- a/src/CameraReverseOutline.js
+++ b/src/CameraReverseOutline.js
@@ -15,7 +15,7 @@ const CameraReverseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M124 158v-22h-24v22M335.76 285.22v-13.31a80 80 0 00-131-61.6M176 258.78v13.31a80 80 0 00130.73 61.8"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M196 272l-20-20-20 20M356 272l-20 20-20-20"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M124 158v-22h-24v22M335.76 285.22v-13.31a80 80 0 00-131-61.6M176 258.78v13.31a80 80 0 00130.73 61.8" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M196 272l-20-20-20 20M356 272l-20 20-20-20" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CameraReverseOutline = props => {
 CameraReverseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CameraReverseSharp.js b/src/CameraReverseSharp.js
index dcff92b93..dc59862f8 100644
--- a/src/CameraReverseSharp.js
+++ b/src/CameraReverseSharp.js
@@ -15,7 +15,7 @@ const CameraReverseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 144h-83c-3 0-6.72-1.94-9.62-5l-27.31-42.79C326 80 320 80 302 80h-92c-18 0-23 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM256 368c-47.82 0-87.76-34.23-95-80h-43.63L176 229.37 234.63 288H194a64.07 64.07 0 00102.63 33.49L320 343l-3.68 3.72A96.64 96.64 0 01256 368zm80-53.84L277.11 256H318a64.26 64.26 0 00-103-33.36L192 200l3.14-2.45A96.19 96.19 0 01255.76 176c47.85 0 87 34.19 94.24 80h44.92z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 144h-83c-3 0-6.72-1.94-9.62-5l-27.31-42.79C326 80 320 80 302 80h-92c-18 0-23 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM256 368c-47.82 0-87.76-34.23-95-80h-43.63L176 229.37 234.63 288H194a64.07 64.07 0 00102.63 33.49L320 343l-3.68 3.72A96.64 96.64 0 01256 368zm80-53.84L277.11 256H318a64.26 64.26 0 00-103-33.36L192 200l3.14-2.45A96.19 96.19 0 01255.76 176c47.85 0 87 34.19 94.24 80h44.92z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CameraReverseSharp = props => {
 CameraReverseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CameraSharp.js b/src/CameraSharp.js
index aff45271d..c59764550 100644
--- a/src/CameraSharp.js
+++ b/src/CameraSharp.js
@@ -15,7 +15,7 @@ const CameraSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="64"/><path d="M456 144h-83c-3 0-6.72-1.94-9.62-5L336.1 96.2C325 80 320 80 302 80h-92c-18 0-24 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM260.51 367.9a96 96 0 1191.39-91.39 96.11 96.11 0 01-91.39 91.39z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="64" /><path d="M456 144h-83c-3 0-6.72-1.94-9.62-5L336.1 96.2C325 80 320 80 302 80h-92c-18 0-24 0-34.07 16.21L148.62 139c-2.22 2.42-5.34 5-8.62 5v-16a8 8 0 00-8-8H92a8 8 0 00-8 8v16H56a24 24 0 00-24 24v240a24 24 0 0024 24h400a24 24 0 0024-24V168a24 24 0 00-24-24zM260.51 367.9a96 96 0 1191.39-91.39 96.11 96.11 0 01-91.39 91.39z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CameraSharp = props => {
 CameraSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Car.js b/src/Car.js
index 65e01ddda..f5e7a7a00 100644
--- a/src/Car.js
+++ b/src/Car.js
@@ -15,7 +15,7 @@ const Car = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.68 220.78a16 16 0 00-1-3.08l-37.78-88.16C400.19 109.17 379 96 354.89 96H157.11c-24.09 0-45.3 13.17-54 33.54L65.29 217.7A15.72 15.72 0 0064 224v176a16 16 0 0016 16h32a16 16 0 0016-16v-16h256v16a16 16 0 0016 16h32a16 16 0 0016-16V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l28.23-65.85C136.11 133.69 146 128 157.11 128h197.78c11.1 0 21 5.69 24.62 14.15L407.74 208z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.68 220.78a16 16 0 00-1-3.08l-37.78-88.16C400.19 109.17 379 96 354.89 96H157.11c-24.09 0-45.3 13.17-54 33.54L65.29 217.7A15.72 15.72 0 0064 224v176a16 16 0 0016 16h32a16 16 0 0016-16v-16h256v16a16 16 0 0016 16h32a16 16 0 0016-16V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l28.23-65.85C136.11 133.69 146 128 157.11 128h197.78c11.1 0 21 5.69 24.62 14.15L407.74 208z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Car = props => {
 Car.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CarOutline.js b/src/CarOutline.js
index 7cd984a7a..e7f50624e 100644
--- a/src/CarOutline.js
+++ b/src/CarOutline.js
@@ -15,7 +15,7 @@ const CarOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80zM112 368v32H80v-32M432 368v32h-32v-32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="144" cy="288" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="368" cy="288" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80zM112 368v32H80v-32M432 368v32h-32v-32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="144" cy="288" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="368" cy="288" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CarOutline = props => {
 CarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CarSharp.js b/src/CarSharp.js
index 290f59311..18c3bc99d 100644
--- a/src/CarSharp.js
+++ b/src/CarSharp.js
@@ -15,7 +15,7 @@ const CarSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.68 220.78a16.44 16.44 0 00-1-3.1l-48-112A16 16 0 00384 96H128a16 16 0 00-14.71 9.7l-48 112a16.44 16.44 0 00-1 3.1A16.15 16.15 0 0064 224v184a8 8 0 008 8h32a8 8 0 008-8v-24h288v24a8 8 0 008 8h32a8 8 0 008-8V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l34.29-80h234.9l34.29 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.68 220.78a16.44 16.44 0 00-1-3.1l-48-112A16 16 0 00384 96H128a16 16 0 00-14.71 9.7l-48 112a16.44 16.44 0 00-1 3.1A16.15 16.15 0 0064 224v184a8 8 0 008 8h32a8 8 0 008-8v-24h288v24a8 8 0 008 8h32a8 8 0 008-8V224a16.15 16.15 0 00-.32-3.22zM144 320a32 32 0 1132-32 32 32 0 01-32 32zm224 0a32 32 0 1132-32 32 32 0 01-32 32zM104.26 208l34.29-80h234.9l34.29 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CarSharp = props => {
 CarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CarSport.js b/src/CarSport.js
index 2c271b167..297d537ea 100644
--- a/src/CarSport.js
+++ b/src/CarSport.js
@@ -15,7 +15,7 @@ const CarSport = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M494.26 276.22c-3.6-40.41-9.53-48.28-11.77-51.24-5.15-6.84-13.39-11.31-22.11-16a3.6 3.6 0 01-.91-5.68 15.93 15.93 0 004.53-12.53A16.27 16.27 0 00447.65 176h-15.6a17 17 0 00-2 .13 8.5 8.5 0 00-1.41-.47c-9.24-19.53-21.89-46.27-48.11-59.32C341.64 97 270 96 256 96s-85.64 1-124.48 20.31c-26.22 13.05-38.87 39.79-48.11 59.32l-.08.16a6.52 6.52 0 00-1.35.34 17 17 0 00-2-.13H64.35A16.27 16.27 0 0048 190.77a15.93 15.93 0 004.59 12.47 3.6 3.6 0 01-.91 5.68c-8.72 4.72-17 9.19-22.11 16-2.24 3-8.16 10.83-11.77 51.24-2 22.74-2.3 46.28-.73 61.44 3.29 31.5 9.46 50.54 9.72 51.33a16 16 0 0013.2 10.87v.2a16 16 0 0016 16h56a16 16 0 0016-16c8.61 0 14.6-1.54 20.95-3.18a158.83 158.83 0 0128-4.91C207.45 389 237.79 388 256 388c17.84 0 49.52 1 80.08 3.91a159.16 159.16 0 0128.11 4.93c6.08 1.56 11.85 3 19.84 3.15a16 16 0 0016 16h56a16 16 0 0016-16v-.12A16 16 0 00485.27 389c.26-.79 6.43-19.83 9.72-51.33 1.57-15.17 1.29-38.67-.73-61.45zm-381.93-86.91c8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35l1 2.17a8 8 0 01-7.44 11.42C360 202 290 199.12 256 199.12s-104 2.95-137.28 3.85a8 8 0 01-7.44-11.42c.35-.74.72-1.49 1.05-2.24zm11.93 79.63A427.17 427.17 0 0172.42 272c-10.6 0-21.53-3-23.56-12.44-1.39-6.35-1.24-9.92-.49-13.51C49 243 50 240.78 55 240c13-2 20.27.51 41.55 6.78 14.11 4.15 24.29 9.68 30.09 14.06 2.91 2.16 1.36 7.8-2.38 8.1zm221.38 82c-13.16 1.5-39.48.95-89.34.95s-76.17.55-89.33-.95c-13.58-1.51-30.89-14.35-19.07-25.79 7.87-7.54 26.23-13.18 50.68-16.35s34.8-4.8 57.62-4.8 32.12 1 57.62 4.81 44.77 9.52 50.68 16.35c10.78 12.24-5.29 24.19-18.86 25.84zm117.5-91.39c-2 9.48-13 12.44-23.56 12.44a455.91 455.91 0 01-52.84-3.06c-3.06-.29-4.48-5.66-1.38-8.1 5.71-4.49 16-9.91 30.09-14.06 21.28-6.27 33.55-8.78 44.09-6.69 2.57.51 3.93 3.27 4.09 5a40.64 40.64 0 01-.49 14.48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M494.26 276.22c-3.6-40.41-9.53-48.28-11.77-51.24-5.15-6.84-13.39-11.31-22.11-16a3.6 3.6 0 01-.91-5.68 15.93 15.93 0 004.53-12.53A16.27 16.27 0 00447.65 176h-15.6a17 17 0 00-2 .13 8.5 8.5 0 00-1.41-.47c-9.24-19.53-21.89-46.27-48.11-59.32C341.64 97 270 96 256 96s-85.64 1-124.48 20.31c-26.22 13.05-38.87 39.79-48.11 59.32l-.08.16a6.52 6.52 0 00-1.35.34 17 17 0 00-2-.13H64.35A16.27 16.27 0 0048 190.77a15.93 15.93 0 004.59 12.47 3.6 3.6 0 01-.91 5.68c-8.72 4.72-17 9.19-22.11 16-2.24 3-8.16 10.83-11.77 51.24-2 22.74-2.3 46.28-.73 61.44 3.29 31.5 9.46 50.54 9.72 51.33a16 16 0 0013.2 10.87v.2a16 16 0 0016 16h56a16 16 0 0016-16c8.61 0 14.6-1.54 20.95-3.18a158.83 158.83 0 0128-4.91C207.45 389 237.79 388 256 388c17.84 0 49.52 1 80.08 3.91a159.16 159.16 0 0128.11 4.93c6.08 1.56 11.85 3 19.84 3.15a16 16 0 0016 16h56a16 16 0 0016-16v-.12A16 16 0 00485.27 389c.26-.79 6.43-19.83 9.72-51.33 1.57-15.17 1.29-38.67-.73-61.45zm-381.93-86.91c8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35l1 2.17a8 8 0 01-7.44 11.42C360 202 290 199.12 256 199.12s-104 2.95-137.28 3.85a8 8 0 01-7.44-11.42c.35-.74.72-1.49 1.05-2.24zm11.93 79.63A427.17 427.17 0 0172.42 272c-10.6 0-21.53-3-23.56-12.44-1.39-6.35-1.24-9.92-.49-13.51C49 243 50 240.78 55 240c13-2 20.27.51 41.55 6.78 14.11 4.15 24.29 9.68 30.09 14.06 2.91 2.16 1.36 7.8-2.38 8.1zm221.38 82c-13.16 1.5-39.48.95-89.34.95s-76.17.55-89.33-.95c-13.58-1.51-30.89-14.35-19.07-25.79 7.87-7.54 26.23-13.18 50.68-16.35s34.8-4.8 57.62-4.8 32.12 1 57.62 4.81 44.77 9.52 50.68 16.35c10.78 12.24-5.29 24.19-18.86 25.84zm117.5-91.39c-2 9.48-13 12.44-23.56 12.44a455.91 455.91 0 01-52.84-3.06c-3.06-.29-4.48-5.66-1.38-8.1 5.71-4.49 16-9.91 30.09-14.06 21.28-6.27 33.55-8.78 44.09-6.69 2.57.51 3.93 3.27 4.09 5a40.64 40.64 0 01-.49 14.48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CarSport = props => {
 CarSport.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CarSportOutline.js b/src/CarSportOutline.js
index a999507dc..9d1750b3b 100644
--- a/src/CarSportOutline.js
+++ b/src/CarSportOutline.js
@@ -15,7 +15,7 @@ const CarSportOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.71 234.6c-7.33-9.73-34.56-16.43-46.08-33.94s-20.95-55.43-50.27-70S288 112 256 112s-88 4-117.36 18.63-38.75 52.52-50.27 70-38.75 24.24-46.08 33.97S29.8 305.84 32.94 336s9 48 9 48h86c14.08 0 18.66-5.29 47.46-8 31.6-3 62.6-4 80.6-4s50 1 81.58 4c28.8 2.73 33.53 8 47.46 8h85s5.86-17.84 9-48-2.04-91.67-9.33-101.4zM400 384h56v16h-56zM56 384h56v16H56z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M364.47 309.16c-5.91-6.83-25.17-12.53-50.67-16.35S279 288 256.2 288s-33.17 1.64-57.61 4.81-42.79 8.81-50.66 16.35C136.12 320.6 153.42 333.44 167 335c13.16 1.5 39.47.95 89.31.95s76.15.55 89.31-.95c13.56-1.65 29.62-13.6 18.85-25.84zM431.57 243.05a3.23 3.23 0 00-3.1-3c-11.81-.42-23.8.42-45.07 6.69a93.88 93.88 0 00-30.08 15.06c-2.28 1.78-1.47 6.59 1.39 7.1a455.32 455.32 0 0052.82 3.1c10.59 0 21.52-3 23.55-12.44a52.41 52.41 0 00.49-16.51zM80.43 243.05a3.23 3.23 0 013.1-3c11.81-.42 23.8.42 45.07 6.69a93.88 93.88 0 0130.08 15.06c2.28 1.78 1.47 6.59-1.39 7.1a455.32 455.32 0 01-52.82 3.1c-10.59 0-21.52-3-23.55-12.44a52.41 52.41 0 01-.49-16.51z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 192h16M64 192h16M78 211s46.35-12 178-12 178 12 178 12"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.71 234.6c-7.33-9.73-34.56-16.43-46.08-33.94s-20.95-55.43-50.27-70S288 112 256 112s-88 4-117.36 18.63-38.75 52.52-50.27 70-38.75 24.24-46.08 33.97S29.8 305.84 32.94 336s9 48 9 48h86c14.08 0 18.66-5.29 47.46-8 31.6-3 62.6-4 80.6-4s50 1 81.58 4c28.8 2.73 33.53 8 47.46 8h85s5.86-17.84 9-48-2.04-91.67-9.33-101.4zM400 384h56v16h-56zM56 384h56v16H56z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M364.47 309.16c-5.91-6.83-25.17-12.53-50.67-16.35S279 288 256.2 288s-33.17 1.64-57.61 4.81-42.79 8.81-50.66 16.35C136.12 320.6 153.42 333.44 167 335c13.16 1.5 39.47.95 89.31.95s76.15.55 89.31-.95c13.56-1.65 29.62-13.6 18.85-25.84zM431.57 243.05a3.23 3.23 0 00-3.1-3c-11.81-.42-23.8.42-45.07 6.69a93.88 93.88 0 00-30.08 15.06c-2.28 1.78-1.47 6.59 1.39 7.1a455.32 455.32 0 0052.82 3.1c10.59 0 21.52-3 23.55-12.44a52.41 52.41 0 00.49-16.51zM80.43 243.05a3.23 3.23 0 013.1-3c11.81-.42 23.8.42 45.07 6.69a93.88 93.88 0 0130.08 15.06c2.28 1.78 1.47 6.59-1.39 7.1a455.32 455.32 0 01-52.82 3.1c-10.59 0-21.52-3-23.55-12.44a52.41 52.41 0 01-.49-16.51z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 192h16M64 192h16M78 211s46.35-12 178-12 178 12 178 12" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CarSportOutline = props => {
 CarSportOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CarSportSharp.js b/src/CarSportSharp.js
index 4b9edc91a..93828b21e 100644
--- a/src/CarSportSharp.js
+++ b/src/CarSportSharp.js
@@ -15,7 +15,7 @@ const CarSportSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M488 224c-3-5-32.61-17.79-32.61-17.79 5.15-2.66 8.67-3.21 8.67-14.21 0-12-.06-16-8.06-16h-27.14c-.11-.24-.23-.49-.34-.74-17.52-38.26-19.87-47.93-46-60.95C347.47 96.88 281.76 96 256 96s-91.47.88-126.49 18.31c-26.16 13-25.51 19.69-46 60.95 0 .11-.21.4-.4.74H55.94c-7.94 0-8 4-8 16 0 11 3.52 11.55 8.67 14.21C56.61 206.21 28 220 24 224s-8 32-8 80 4 96 4 96h11.94c0 14 2.06 16 8.06 16h80c6 0 8-2 8-16h256c0 14 2 16 8 16h82c4 0 6-3 6-16h12s4-49 4-96-5-75-8-80zm-362.74 44.94A516.94 516.94 0 0170.42 272c-20.42 0-21.12 1.31-22.56-11.44a72.16 72.16 0 01.51-17.51L49 240h3c12 0 23.27.51 44.55 6.78a98 98 0 0130.09 15.06C131 265 132 268 132 268zm247.16 72L368 352H144s.39-.61-5-11.18c-4-7.82 1-12.82 8.91-15.66C163.23 319.64 208 304 256 304s93.66 13.48 108.5 21.16C370 328 376.83 330 372.42 341zm-257-136.53a96.23 96.23 0 01-9.7.07c2.61-4.64 4.06-9.81 6.61-15.21 8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35 2.57 5.45 4 10.66 6.68 15.33-2 .11-4.3 0-9.79-.19zm347.72 56.11C461 273 463 272 441.58 272a516.94 516.94 0 01-54.84-3.06c-2.85-.51-3.66-5.32-1.38-7.1a93.84 93.84 0 0130.09-15.06c21.28-6.27 33.26-7.11 45.09-6.69a3.22 3.22 0 013.09 3 70.18 70.18 0 01-.49 17.47z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M488 224c-3-5-32.61-17.79-32.61-17.79 5.15-2.66 8.67-3.21 8.67-14.21 0-12-.06-16-8.06-16h-27.14c-.11-.24-.23-.49-.34-.74-17.52-38.26-19.87-47.93-46-60.95C347.47 96.88 281.76 96 256 96s-91.47.88-126.49 18.31c-26.16 13-25.51 19.69-46 60.95 0 .11-.21.4-.4.74H55.94c-7.94 0-8 4-8 16 0 11 3.52 11.55 8.67 14.21C56.61 206.21 28 220 24 224s-8 32-8 80 4 96 4 96h11.94c0 14 2.06 16 8.06 16h80c6 0 8-2 8-16h256c0 14 2 16 8 16h82c4 0 6-3 6-16h12s4-49 4-96-5-75-8-80zm-362.74 44.94A516.94 516.94 0 0170.42 272c-20.42 0-21.12 1.31-22.56-11.44a72.16 72.16 0 01.51-17.51L49 240h3c12 0 23.27.51 44.55 6.78a98 98 0 0130.09 15.06C131 265 132 268 132 268zm247.16 72L368 352H144s.39-.61-5-11.18c-4-7.82 1-12.82 8.91-15.66C163.23 319.64 208 304 256 304s93.66 13.48 108.5 21.16C370 328 376.83 330 372.42 341zm-257-136.53a96.23 96.23 0 01-9.7.07c2.61-4.64 4.06-9.81 6.61-15.21 8-17 17.15-36.24 33.44-44.35 23.54-11.72 72.33-17 110.23-17s86.69 5.24 110.23 17c16.29 8.11 25.4 27.36 33.44 44.35 2.57 5.45 4 10.66 6.68 15.33-2 .11-4.3 0-9.79-.19zm347.72 56.11C461 273 463 272 441.58 272a516.94 516.94 0 01-54.84-3.06c-2.85-.51-3.66-5.32-1.38-7.1a93.84 93.84 0 0130.09-15.06c21.28-6.27 33.26-7.11 45.09-6.69a3.22 3.22 0 013.09 3 70.18 70.18 0 01-.49 17.47z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CarSportSharp = props => {
 CarSportSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Card.js b/src/Card.js
index eae4c5664..4ff1ad776 100644
--- a/src/Card.js
+++ b/src/Card.js
@@ -15,7 +15,7 @@ const Card = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 376a56 56 0 0056 56h336a56 56 0 0056-56V222H32zm66-76a30 30 0 0130-30h48a30 30 0 0130 30v20a30 30 0 01-30 30h-48a30 30 0 01-30-30zM424 80H88a56 56 0 00-56 56v26h448v-26a56 56 0 00-56-56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 376a56 56 0 0056 56h336a56 56 0 0056-56V222H32zm66-76a30 30 0 0130-30h48a30 30 0 0130 30v20a30 30 0 01-30 30h-48a30 30 0 01-30-30zM424 80H88a56 56 0 00-56 56v26h448v-26a56 56 0 00-56-56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Card = props => {
 Card.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CardOutline.js b/src/CardOutline.js
index 3f2c725e6..ae5682963 100644
--- a/src/CardOutline.js
+++ b/src/CardOutline.js
@@ -15,7 +15,7 @@ const CardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="56" ry="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="60" d="M48 192h416M128 300h48v20h-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="56" ry="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="60" d="M48 192h416M128 300h48v20h-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CardOutline = props => {
 CardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CardSharp.js b/src/CardSharp.js
index f0cbfcd7e..8f614377c 100644
--- a/src/CardSharp.js
+++ b/src/CardSharp.js
@@ -15,7 +15,7 @@ const CardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 416a16 16 0 0016 16h416a16 16 0 0016-16V222H32zm66-138a8 8 0 018-8h92a8 8 0 018 8v64a8 8 0 01-8 8h-92a8 8 0 01-8-8zM464 80H48a16 16 0 00-16 16v66h448V96a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 416a16 16 0 0016 16h416a16 16 0 0016-16V222H32zm66-138a8 8 0 018-8h92a8 8 0 018 8v64a8 8 0 01-8 8h-92a8 8 0 01-8-8zM464 80H48a16 16 0 00-16 16v66h448V96a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CardSharp = props => {
 CardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBack.js b/src/CaretBack.js
index 427989988..467e04254 100644
--- a/src/CaretBack.js
+++ b/src/CaretBack.js
@@ -15,7 +15,7 @@ const CaretBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBack = props => {
 CaretBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBackCircle.js b/src/CaretBackCircle.js
index 02d1dded0..2791c0577 100644
--- a/src/CaretBackCircle.js
+++ b/src/CaretBackCircle.js
@@ -15,7 +15,7 @@ const CaretBackCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252-74.14v148.28a16 16 0 01-26.23 12.29l-89.09-74.13a16 16 0 010-24.6l89.09-74.13A16 16 0 01300 181.86z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252-74.14v148.28a16 16 0 01-26.23 12.29l-89.09-74.13a16 16 0 010-24.6l89.09-74.13A16 16 0 01300 181.86z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBackCircle = props => {
 CaretBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBackCircleOutline.js b/src/CaretBackCircleOutline.js
index 944eaea45..0eb7fbd91 100644
--- a/src/CaretBackCircleOutline.js
+++ b/src/CaretBackCircleOutline.js
@@ -15,7 +15,7 @@ const CaretBackCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.77 169.57l-89.09 74.13a16 16 0 000 24.6l89.09 74.13A16 16 0 00300 330.14V181.86a16 16 0 00-26.23-12.29z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M273.77 169.57l-89.09 74.13a16 16 0 000 24.6l89.09 74.13A16 16 0 00300 330.14V181.86a16 16 0 00-26.23-12.29z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBackCircleOutline = props => {
 CaretBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBackCircleSharp.js b/src/CaretBackCircleSharp.js
index 251ff92db..4d1d096ac 100644
--- a/src/CaretBackCircleSharp.js
+++ b/src/CaretBackCircleSharp.js
@@ -15,7 +15,7 @@ const CaretBackCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252 108.27L169.91 256 300 147.73z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm252 108.27L169.91 256 300 147.73z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBackCircleSharp = props => {
 CaretBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBackOutline.js b/src/CaretBackOutline.js
index 6b6d4d07d..01d1eb740 100644
--- a/src/CaretBackOutline.js
+++ b/src/CaretBackOutline.js
@@ -15,7 +15,7 @@ const CaretBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.94 98L158.82 237.78a24 24 0 000 36.44L321.94 414c15.57 13.34 39.62 2.28 39.62-18.22v-279.6c0-20.5-24.05-31.56-39.62-18.18z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBackOutline = props => {
 CaretBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretBackSharp.js b/src/CaretBackSharp.js
index 396db0a36..c2853cfea 100644
--- a/src/CaretBackSharp.js
+++ b/src/CaretBackSharp.js
@@ -15,7 +15,7 @@ const CaretBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 64L144 256l224 192V64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 64L144 256l224 192V64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretBackSharp = props => {
 CaretBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDown.js b/src/CaretDown.js
index 239bfee77..1611357b9 100644
--- a/src/CaretDown.js
+++ b/src/CaretDown.js
@@ -15,7 +15,7 @@ const CaretDown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDown = props => {
 CaretDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDownCircle.js b/src/CaretDownCircle.js
index 28ea3a829..d1727b6fb 100644
--- a/src/CaretDownCircle.js
+++ b/src/CaretDownCircle.js
@@ -15,7 +15,7 @@ const CaretDownCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-121.57-17.77l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-121.57-17.77l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDownCircle = props => {
 CaretDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDownCircleOutline.js b/src/CaretDownCircleOutline.js
index 6f11c3798..9cdaf6fe7 100644
--- a/src/CaretDownCircleOutline.js
+++ b/src/CaretDownCircleOutline.js
@@ -15,7 +15,7 @@ const CaretDownCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.43 238.23l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.43 238.23l-74.13 89.09a16 16 0 01-24.6 0l-74.13-89.09A16 16 0 01181.86 212h148.28a16 16 0 0112.29 26.23z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDownCircleOutline = props => {
 CaretDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDownCircleSharp.js b/src/CaretDownCircleSharp.js
index e890ebe94..eb6461c1d 100644
--- a/src/CaretDownCircleSharp.js
+++ b/src/CaretDownCircleSharp.js
@@ -15,7 +15,7 @@ const CaretDownCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-99.73-44L256 342.09 147.73 212z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-99.73-44L256 342.09 147.73 212z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDownCircleSharp = props => {
 CaretDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDownOutline.js b/src/CaretDownOutline.js
index 858361e4b..c157a1271 100644
--- a/src/CaretDownOutline.js
+++ b/src/CaretDownOutline.js
@@ -15,7 +15,7 @@ const CaretDownOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M98 190.06l139.78 163.12a24 24 0 0036.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDownOutline = props => {
 CaretDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretDownSharp.js b/src/CaretDownSharp.js
index fd1e4ca2c..65f4bc72c 100644
--- a/src/CaretDownSharp.js
+++ b/src/CaretDownSharp.js
@@ -15,7 +15,7 @@ const CaretDownSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 144l192 224 192-224H64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 144l192 224 192-224H64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretDownSharp = props => {
 CaretDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForward.js b/src/CaretForward.js
index 453321f26..af5edfd0b 100644
--- a/src/CaretForward.js
+++ b/src/CaretForward.js
@@ -15,7 +15,7 @@ const CaretForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForward = props => {
 CaretForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForwardCircle.js b/src/CaretForwardCircle.js
index c6eb20477..680856dbe 100644
--- a/src/CaretForwardCircle.js
+++ b/src/CaretForwardCircle.js
@@ -15,7 +15,7 @@ const CaretForwardCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-252 74.14V181.86a16 16 0 0126.23-12.29l89.09 74.13a16 16 0 010 24.6l-89.09 74.13A16 16 0 01212 330.14z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-252 74.14V181.86a16 16 0 0126.23-12.29l89.09 74.13a16 16 0 010 24.6l-89.09 74.13A16 16 0 01212 330.14z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForwardCircle = props => {
 CaretForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForwardCircleOutline.js b/src/CaretForwardCircleOutline.js
index 25056f1db..52c8f0e22 100644
--- a/src/CaretForwardCircleOutline.js
+++ b/src/CaretForwardCircleOutline.js
@@ -15,7 +15,7 @@ const CaretForwardCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M238.23 342.43l89.09-74.13a16 16 0 000-24.6l-89.09-74.13A16 16 0 00212 181.86v148.28a16 16 0 0026.23 12.29z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M238.23 342.43l89.09-74.13a16 16 0 000-24.6l-89.09-74.13A16 16 0 00212 181.86v148.28a16 16 0 0026.23 12.29z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForwardCircleOutline = props => {
 CaretForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForwardCircleSharp.js b/src/CaretForwardCircleSharp.js
index e9257a29b..0869b65c6 100644
--- a/src/CaretForwardCircleSharp.js
+++ b/src/CaretForwardCircleSharp.js
@@ -15,7 +15,7 @@ const CaretForwardCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zM212 147.73L342.09 256 212 364.27z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zM212 147.73L342.09 256 212 364.27z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForwardCircleSharp = props => {
 CaretForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForwardOutline.js b/src/CaretForwardOutline.js
index a346a6bb9..b7a7757fb 100644
--- a/src/CaretForwardOutline.js
+++ b/src/CaretForwardOutline.js
@@ -15,7 +15,7 @@ const CaretForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M190.06 414l163.12-139.78a24 24 0 000-36.44L190.06 98c-15.57-13.34-39.62-2.28-39.62 18.22v279.6c0 20.5 24.05 31.56 39.62 18.18z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForwardOutline = props => {
 CaretForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretForwardSharp.js b/src/CaretForwardSharp.js
index ce2f2c187..87d39fabd 100644
--- a/src/CaretForwardSharp.js
+++ b/src/CaretForwardSharp.js
@@ -15,7 +15,7 @@ const CaretForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 448l224-192L144 64v384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 448l224-192L144 64v384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretForwardSharp = props => {
 CaretForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUp.js b/src/CaretUp.js
index 77f6d0531..9b4c36d63 100644
--- a/src/CaretUp.js
+++ b/src/CaretUp.js
@@ -15,7 +15,7 @@ const CaretUp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUp = props => {
 CaretUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUpCircle.js b/src/CaretUpCircle.js
index f841deb02..c70d0dd10 100644
--- a/src/CaretUpCircle.js
+++ b/src/CaretUpCircle.js
@@ -15,7 +15,7 @@ const CaretUpCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm74.14 252H181.86a16 16 0 01-12.29-26.23l74.13-89.09a16 16 0 0124.6 0l74.13 89.09A16 16 0 01330.14 300z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm74.14 252H181.86a16 16 0 01-12.29-26.23l74.13-89.09a16 16 0 0124.6 0l74.13 89.09A16 16 0 01330.14 300z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUpCircle = props => {
 CaretUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUpCircleOutline.js b/src/CaretUpCircleOutline.js
index 568097d71..710380900 100644
--- a/src/CaretUpCircleOutline.js
+++ b/src/CaretUpCircleOutline.js
@@ -15,7 +15,7 @@ const CaretUpCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.43 273.77l-74.13-89.09a16 16 0 00-24.6 0l-74.13 89.09A16 16 0 00181.86 300h148.28a16 16 0 0012.29-26.23z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.43 273.77l-74.13-89.09a16 16 0 00-24.6 0l-74.13 89.09A16 16 0 00181.86 300h148.28a16 16 0 0012.29-26.23z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUpCircleOutline = props => {
 CaretUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUpCircleSharp.js b/src/CaretUpCircleSharp.js
index a7690aa3b..7f6f7f267 100644
--- a/src/CaretUpCircleSharp.js
+++ b/src/CaretUpCircleSharp.js
@@ -15,7 +15,7 @@ const CaretUpCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zM147.73 300L256 169.91 364.27 300z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zM147.73 300L256 169.91 364.27 300z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUpCircleSharp = props => {
 CaretUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUpOutline.js b/src/CaretUpOutline.js
index f4e37de5d..63a730f1b 100644
--- a/src/CaretUpOutline.js
+++ b/src/CaretUpOutline.js
@@ -15,7 +15,7 @@ const CaretUpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414 321.94L274.22 158.82a24 24 0 00-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUpOutline = props => {
 CaretUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CaretUpSharp.js b/src/CaretUpSharp.js
index b410794d7..e2ad199ec 100644
--- a/src/CaretUpSharp.js
+++ b/src/CaretUpSharp.js
@@ -15,7 +15,7 @@ const CaretUpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 368L256 144 64 368h384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 368L256 144 64 368h384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CaretUpSharp = props => {
 CaretUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cart.js b/src/Cart.js
index e0db75833..7e96eae72 100644
--- a/src/Cart.js
+++ b/src/Cart.js
@@ -15,7 +15,7 @@ const Cart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="32"/><circle cx="400" cy="416" r="32"/><path d="M456.8 120.78a23.92 23.92 0 00-18.56-8.78H133.89l-6.13-34.78A16 16 0 00112 64H48a16 16 0 000 32h50.58l45.66 258.78A16 16 0 00160 368h256a16 16 0 000-32H173.42l-5.64-32h241.66A24.07 24.07 0 00433 284.71l28.8-144a24 24 0 00-5-19.93z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="32" /><circle cx="400" cy="416" r="32" /><path d="M456.8 120.78a23.92 23.92 0 00-18.56-8.78H133.89l-6.13-34.78A16 16 0 00112 64H48a16 16 0 000 32h50.58l45.66 258.78A16 16 0 00160 368h256a16 16 0 000-32H173.42l-5.64-32h241.66A24.07 24.07 0 00433 284.71l28.8-144a24 24 0 00-5-19.93z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cart = props => {
 Cart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CartOutline.js b/src/CartOutline.js
index 9abbbecdf..cc1903615 100644
--- a/src/CartOutline.js
+++ b/src/CartOutline.js
@@ -15,7 +15,7 @@ const CartOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="400" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 80h64l48 272h256"/><path d="M160 288h249.44a8 8 0 007.85-6.43l28.8-144a8 8 0 00-7.85-9.57H128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="400" cy="416" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 80h64l48 272h256" /><path d="M160 288h249.44a8 8 0 007.85-6.43l28.8-144a8 8 0 00-7.85-9.57H128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CartOutline = props => {
 CartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CartSharp.js b/src/CartSharp.js
index a3e874e6c..31e8902ea 100644
--- a/src/CartSharp.js
+++ b/src/CartSharp.js
@@ -15,7 +15,7 @@ const CartSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="32"/><circle cx="400" cy="416" r="32"/><path d="M167.78 304h261.34l38.4-192H133.89l-8.47-48H32v32h66.58l48 272H432v-32H173.42l-5.64-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="176" cy="416" r="32" /><circle cx="400" cy="416" r="32" /><path d="M167.78 304h261.34l38.4-192H133.89l-8.47-48H32v32h66.58l48 272H432v-32H173.42l-5.64-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CartSharp = props => {
 CartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cash.js b/src/Cash.js
index 87eeb697f..41fa259bb 100644
--- a/src/Cash.js
+++ b/src/Cash.js
@@ -15,7 +15,7 @@ const Cash = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 400H64a16 16 0 010-32h384a16 16 0 010 32zM416 448H96a16 16 0 010-32h320a16 16 0 010 32zM32 272H16v48a32 32 0 0032 32h48v-16a64.07 64.07 0 00-64-64z"/><path d="M480 240h16v-64h-16a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96zm-224 64a96 96 0 1196-96 96.11 96.11 0 01-96 96z"/><circle cx="256" cy="208" r="64"/><path d="M416 336v16h48a32 32 0 0032-32v-48h-16a64.07 64.07 0 00-64 64zM480 144h16V96a32 32 0 00-32-32h-48v16a64.07 64.07 0 0064 64zM96 80V64H48a32 32 0 00-32 32v48h16a64.07 64.07 0 0064-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 400H64a16 16 0 010-32h384a16 16 0 010 32zM416 448H96a16 16 0 010-32h320a16 16 0 010 32zM32 272H16v48a32 32 0 0032 32h48v-16a64.07 64.07 0 00-64-64z" /><path d="M480 240h16v-64h-16a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96zm-224 64a96 96 0 1196-96 96.11 96.11 0 01-96 96z" /><circle cx="256" cy="208" r="64" /><path d="M416 336v16h48a32 32 0 0032-32v-48h-16a64.07 64.07 0 00-64 64zM480 144h16V96a32 32 0 00-32-32h-48v16a64.07 64.07 0 0064 64zM96 80V64H48a32 32 0 00-32 32v48h16a64.07 64.07 0 0064-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cash = props => {
 Cash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CashOutline.js b/src/CashOutline.js
index a44b64ea7..f7c95f5fb 100644
--- a/src/CashOutline.js
+++ b/src/CashOutline.js
@@ -15,7 +15,7 @@ const CashOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="80" width="448" height="256" rx="16" ry="16" transform="rotate(180 256 208)" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M64 384h384M96 432h320"/><circle cx="256" cy="208" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M480 160a80 80 0 01-80-80M32 160a80 80 0 0080-80M480 256a80 80 0 00-80 80M32 256a80 80 0 0180 80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="80" width="448" height="256" rx="16" ry="16" transform="rotate(180 256 208)" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M64 384h384M96 432h320" /><circle cx="256" cy="208" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M480 160a80 80 0 01-80-80M32 160a80 80 0 0080-80M480 256a80 80 0 00-80 80M32 256a80 80 0 0180 80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CashOutline = props => {
 CashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CashSharp.js b/src/CashSharp.js
index d345203b0..090e16e6d 100644
--- a/src/CashSharp.js
+++ b/src/CashSharp.js
@@ -15,7 +15,7 @@ const CashSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 368h416v32H48zM80 416h352v32H80zM480 176a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96h16v-64zM256 304a96 96 0 1196-96 96.11 96.11 0 01-96 96z"/><path d="M96 80V64H16v80h16a64.07 64.07 0 0064-64zM32 272H16v80h80v-16a64.07 64.07 0 00-64-64zM480 144h16V64h-80v16a64.07 64.07 0 0064 64zM416 336v16h80v-80h-16a64.07 64.07 0 00-64 64z"/><circle cx="256" cy="208" r="64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 368h416v32H48zM80 416h352v32H80zM480 176a96.11 96.11 0 01-96-96V64H128v16a96.11 96.11 0 01-96 96H16v64h16a96.11 96.11 0 0196 96v16h256v-16a96.11 96.11 0 0196-96h16v-64zM256 304a96 96 0 1196-96 96.11 96.11 0 01-96 96z" /><path d="M96 80V64H16v80h16a64.07 64.07 0 0064-64zM32 272H16v80h80v-16a64.07 64.07 0 00-64-64zM480 144h16V64h-80v16a64.07 64.07 0 0064 64zM416 336v16h80v-80h-16a64.07 64.07 0 00-64 64z" /><circle cx="256" cy="208" r="64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CashSharp = props => {
 CashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cellular.js b/src/Cellular.js
index 8d9accbfe..1d9438ddc 100644
--- a/src/Cellular.js
+++ b/src/Cellular.js
@@ -15,7 +15,7 @@ const Cellular = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472 432h-48a24 24 0 01-24-24V104a24 24 0 0124-24h48a24 24 0 0124 24v304a24 24 0 01-24 24zM344 432h-48a24 24 0 01-24-24V184a24 24 0 0124-24h48a24 24 0 0124 24v224a24 24 0 01-24 24zM216 432h-48a24 24 0 01-24-24V248a24 24 0 0124-24h48a24 24 0 0124 24v160a24 24 0 01-24 24zM88 432H40a24 24 0 01-24-24v-96a24 24 0 0124-24h48a24 24 0 0124 24v96a24 24 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472 432h-48a24 24 0 01-24-24V104a24 24 0 0124-24h48a24 24 0 0124 24v304a24 24 0 01-24 24zM344 432h-48a24 24 0 01-24-24V184a24 24 0 0124-24h48a24 24 0 0124 24v224a24 24 0 01-24 24zM216 432h-48a24 24 0 01-24-24V248a24 24 0 0124-24h48a24 24 0 0124 24v160a24 24 0 01-24 24zM88 432H40a24 24 0 01-24-24v-96a24 24 0 0124-24h48a24 24 0 0124 24v96a24 24 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cellular = props => {
 Cellular.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CellularOutline.js b/src/CellularOutline.js
index 2caa7d75e..e60a248ce 100644
--- a/src/CellularOutline.js
+++ b/src/CellularOutline.js
@@ -15,7 +15,7 @@ const CellularOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="416" y="96" width="64" height="320" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="288" y="176" width="64" height="240" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="160" y="240" width="64" height="176" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="32" y="304" width="64" height="112" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="416" y="96" width="64" height="320" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="288" y="176" width="64" height="240" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="160" y="240" width="64" height="176" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="32" y="304" width="64" height="112" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CellularOutline = props => {
 CellularOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CellularSharp.js b/src/CellularSharp.js
index f2f7f3493..020a6402f 100644
--- a/src/CellularSharp.js
+++ b/src/CellularSharp.js
@@ -15,7 +15,7 @@ const CellularSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 432h-96V80h96zM368 432h-96V160h96zM240 432h-96V224h96zM112 432H16V288h96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 432h-96V80h96zM368 432h-96V160h96zM240 432h-96V224h96zM112 432H16V288h96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CellularSharp = props => {
 CellularSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Chatbox.js b/src/Chatbox.js
index a24a9789d..272c4ce00 100644
--- a/src/Chatbox.js
+++ b/src/Chatbox.js
@@ -15,7 +15,7 @@ const Chatbox = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 464a16 16 0 01-16-16v-64h-24a72.08 72.08 0 01-72-72V120a72.08 72.08 0 0172-72h304a72.08 72.08 0 0172 72v192a72.08 72.08 0 01-72 72H245.74l-91.49 76.29A16.05 16.05 0 01144 464z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 464a16 16 0 01-16-16v-64h-24a72.08 72.08 0 01-72-72V120a72.08 72.08 0 0172-72h304a72.08 72.08 0 0172 72v192a72.08 72.08 0 01-72 72H245.74l-91.49 76.29A16.05 16.05 0 01144 464z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Chatbox = props => {
 Chatbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatboxEllipses.js b/src/ChatboxEllipses.js
index 34320e360..cf4e8f88a 100644
--- a/src/ChatboxEllipses.js
+++ b/src/ChatboxEllipses.js
@@ -15,7 +15,7 @@ const ChatboxEllipses = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 48H104a72.08 72.08 0 00-72 72v192a72.08 72.08 0 0072 72h24v64a16 16 0 0026.25 12.29L245.74 384H408a72.08 72.08 0 0072-72V120a72.08 72.08 0 00-72-72zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 48H104a72.08 72.08 0 00-72 72v192a72.08 72.08 0 0072 72h24v64a16 16 0 0026.25 12.29L245.74 384H408a72.08 72.08 0 0072-72V120a72.08 72.08 0 00-72-72zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatboxEllipses = props => {
 ChatboxEllipses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatboxEllipsesOutline.js b/src/ChatboxEllipsesOutline.js
index 38ae133ed..07ce45f5d 100644
--- a/src/ChatboxEllipsesOutline.js
+++ b/src/ChatboxEllipsesOutline.js
@@ -15,7 +15,7 @@ const ChatboxEllipsesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="160" cy="216" r="32"/><circle cx="256" cy="216" r="32"/><circle cx="352" cy="216" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="160" cy="216" r="32" /><circle cx="256" cy="216" r="32" /><circle cx="352" cy="216" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatboxEllipsesOutline = props => {
 ChatboxEllipsesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatboxEllipsesSharp.js b/src/ChatboxEllipsesSharp.js
index 29acc86fe..7929f0e8f 100644
--- a/src/ChatboxEllipsesSharp.js
+++ b/src/ChatboxEllipsesSharp.js
@@ -15,7 +15,7 @@ const ChatboxEllipsesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 48H56a24 24 0 00-24 24v288a24 24 0 0024 24h72v80l117.74-80H456a24 24 0 0024-24V72a24 24 0 00-24-24zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zM456 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 48H56a24 24 0 00-24 24v288a24 24 0 0024 24h72v80l117.74-80H456a24 24 0 0024-24V72a24 24 0 00-24-24zM160 248a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zM456 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatboxEllipsesSharp = props => {
 ChatboxEllipsesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatboxOutline.js b/src/ChatboxOutline.js
index bb1916bc9..619f9b8a5 100644
--- a/src/ChatboxOutline.js
+++ b/src/ChatboxOutline.js
@@ -15,7 +15,7 @@ const ChatboxOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 64H104a56.16 56.16 0 00-56 56v192a56.16 56.16 0 0056 56h40v80l93.72-78.14a8 8 0 015.13-1.86H408a56.16 56.16 0 0056-56V120a56.16 56.16 0 00-56-56z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatboxOutline = props => {
 ChatboxOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatboxSharp.js b/src/ChatboxSharp.js
index 379a42d2e..0bf536e56 100644
--- a/src/ChatboxSharp.js
+++ b/src/ChatboxSharp.js
@@ -15,7 +15,7 @@ const ChatboxSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 464v-80H56a24 24 0 01-24-24V72a24 24 0 0124-24h400a24 24 0 0124 24v288a24 24 0 01-24 24H245.74zM456 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 464v-80H56a24 24 0 01-24-24V72a24 24 0 0124-24h400a24 24 0 0124 24v288a24 24 0 01-24 24H245.74zM456 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatboxSharp = props => {
 ChatboxSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Chatbubble.js b/src/Chatbubble.js
index e0b57dd27..b6e90b9ab 100644
--- a/src/Chatbubble.js
+++ b/src/Chatbubble.js
@@ -15,7 +15,7 @@ const Chatbubble = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M76.83 480a25.69 25.69 0 01-25.57-25.74 29.13 29.13 0 011.2-7.63L70.88 380c.77-2.46-.1-4.94-1.23-6.9l-.22-.4c-.08-.13-.46-.66-.73-1.05s-.58-.81-.86-1.22l-.19-.27A215.66 215.66 0 0132 251.37c-.18-57.59 22.35-112 63.46-153.28C138 55.47 194.9 32 255.82 32A227.4 227.4 0 01398 81.84c39.45 31.75 66.87 76 77.21 124.68a213.5 213.5 0 014.78 45c0 58.93-22.64 114.28-63.76 155.87-41.48 42-97.18 65.06-156.83 65.06-21 0-47.87-5.36-60.77-9-15.52-4.34-30.23-10-31.85-10.6a15.12 15.12 0 00-5.37-1 14.75 14.75 0 00-5.8 1.15l-.85.33-67.48 24.38A29.44 29.44 0 0176.83 480zm-2-31.8zM87.48 380z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M76.83 480a25.69 25.69 0 01-25.57-25.74 29.13 29.13 0 011.2-7.63L70.88 380c.77-2.46-.1-4.94-1.23-6.9l-.22-.4c-.08-.13-.46-.66-.73-1.05s-.58-.81-.86-1.22l-.19-.27A215.66 215.66 0 0132 251.37c-.18-57.59 22.35-112 63.46-153.28C138 55.47 194.9 32 255.82 32A227.4 227.4 0 01398 81.84c39.45 31.75 66.87 76 77.21 124.68a213.5 213.5 0 014.78 45c0 58.93-22.64 114.28-63.76 155.87-41.48 42-97.18 65.06-156.83 65.06-21 0-47.87-5.36-60.77-9-15.52-4.34-30.23-10-31.85-10.6a15.12 15.12 0 00-5.37-1 14.75 14.75 0 00-5.8 1.15l-.85.33-67.48 24.38A29.44 29.44 0 0176.83 480zm-2-31.8zM87.48 380z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Chatbubble = props => {
 Chatbubble.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubbleEllipses.js b/src/ChatbubbleEllipses.js
index b5a7b5a8d..bd93d23b3 100644
--- a/src/ChatbubbleEllipses.js
+++ b/src/ChatbubbleEllipses.js
@@ -15,7 +15,7 @@ const ChatbubbleEllipses = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M398 81.84A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l.19.27c.28.41.57.82.86 1.22s.65.92.73 1.05l.22.4c1.13 2 2 4.44 1.23 6.9l-18.42 66.66a29.13 29.13 0 00-1.2 7.63A25.69 25.69 0 0076.83 480a29.44 29.44 0 0010.45-2.29l67.49-24.36.85-.33a14.75 14.75 0 015.8-1.15 15.12 15.12 0 015.37 1c1.62.63 16.33 6.26 31.85 10.6 12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-45c-10.34-48.62-37.76-92.9-77.22-124.65zM87.48 380zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M398 81.84A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l.19.27c.28.41.57.82.86 1.22s.65.92.73 1.05l.22.4c1.13 2 2 4.44 1.23 6.9l-18.42 66.66a29.13 29.13 0 00-1.2 7.63A25.69 25.69 0 0076.83 480a29.44 29.44 0 0010.45-2.29l67.49-24.36.85-.33a14.75 14.75 0 015.8-1.15 15.12 15.12 0 015.37 1c1.62.63 16.33 6.26 31.85 10.6 12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-45c-10.34-48.62-37.76-92.9-77.22-124.65zM87.48 380zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubbleEllipses = props => {
 ChatbubbleEllipses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubbleEllipsesOutline.js b/src/ChatbubbleEllipsesOutline.js
index 92475a951..8b9fb9126 100644
--- a/src/ChatbubbleEllipsesOutline.js
+++ b/src/ChatbubbleEllipsesOutline.js
@@ -15,7 +15,7 @@ const ChatbubbleEllipsesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M87.48 380c1.2-4.38-1.43-10.47-3.94-14.86a42.63 42.63 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.64 139.09 140.72 48 255.82 48 356.2 48 440 117.54 459.57 209.85a199 199 0 014.43 41.64c0 112.41-89.49 204.93-204.59 204.93-18.31 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.14 31.14 0 00-11.13-2.07 30.7 30.7 0 00-12.08 2.43L81.5 462.78a15.92 15.92 0 01-4.66 1.22 9.61 9.61 0 01-9.58-9.74 15.85 15.85 0 01.6-3.29z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="160" cy="256" r="32"/><circle cx="256" cy="256" r="32"/><circle cx="352" cy="256" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M87.48 380c1.2-4.38-1.43-10.47-3.94-14.86a42.63 42.63 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.64 139.09 140.72 48 255.82 48 356.2 48 440 117.54 459.57 209.85a199 199 0 014.43 41.64c0 112.41-89.49 204.93-204.59 204.93-18.31 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.14 31.14 0 00-11.13-2.07 30.7 30.7 0 00-12.08 2.43L81.5 462.78a15.92 15.92 0 01-4.66 1.22 9.61 9.61 0 01-9.58-9.74 15.85 15.85 0 01.6-3.29z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="160" cy="256" r="32" /><circle cx="256" cy="256" r="32" /><circle cx="352" cy="256" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubbleEllipsesOutline = props => {
 ChatbubbleEllipsesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubbleEllipsesSharp.js b/src/ChatbubbleEllipsesSharp.js
index 737798328..88e9c91c7 100644
--- a/src/ChatbubbleEllipsesSharp.js
+++ b/src/ChatbubbleEllipsesSharp.js
@@ -15,7 +15,7 @@ const ChatbubbleEllipsesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97zM160 288a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32zm96 0a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubbleEllipsesSharp = props => {
 ChatbubbleEllipsesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubbleOutline.js b/src/ChatbubbleOutline.js
index 59e9e3cff..17572711d 100644
--- a/src/ChatbubbleOutline.js
+++ b/src/ChatbubbleOutline.js
@@ -15,7 +15,7 @@ const ChatbubbleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M87.49 380c1.19-4.38-1.44-10.47-3.95-14.86a44.86 44.86 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.65 139.09 140.73 48 255.83 48 356.21 48 440 117.54 459.58 209.85a199 199 0 014.42 41.64c0 112.41-89.49 204.93-204.59 204.93-18.3 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.09 31.09 0 00-11.12-2.07 30.71 30.71 0 00-12.09 2.43l-67.83 24.48a16 16 0 01-4.67 1.22 9.6 9.6 0 01-9.57-9.74 15.85 15.85 0 01.6-3.29z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M87.49 380c1.19-4.38-1.44-10.47-3.95-14.86a44.86 44.86 0 00-2.54-3.8 199.81 199.81 0 01-33-110C47.65 139.09 140.73 48 255.83 48 356.21 48 440 117.54 459.58 209.85a199 199 0 014.42 41.64c0 112.41-89.49 204.93-204.59 204.93-18.3 0-43-4.6-56.47-8.37s-26.92-8.77-30.39-10.11a31.09 31.09 0 00-11.12-2.07 30.71 30.71 0 00-12.09 2.43l-67.83 24.48a16 16 0 01-4.67 1.22 9.6 9.6 0 01-9.57-9.74 15.85 15.85 0 01.6-3.29z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubbleOutline = props => {
 ChatbubbleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubbleSharp.js b/src/ChatbubbleSharp.js
index b4d4cd7e0..8b0d587ad 100644
--- a/src/ChatbubbleSharp.js
+++ b/src/ChatbubbleSharp.js
@@ -15,7 +15,7 @@ const ChatbubbleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 00255.82 32C194.9 32 138 55.47 95.46 98.09 54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0035.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42 16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9 59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 00-4.78-44.97z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubbleSharp = props => {
 ChatbubbleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Chatbubbles.js b/src/Chatbubbles.js
index 4fb565247..360f77350 100644
--- a/src/Chatbubbles.js
+++ b/src/Chatbubbles.js
@@ -15,7 +15,7 @@ const Chatbubbles = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M60.44 389.17c0 .07 0 .2-.08.38.03-.12.05-.25.08-.38zM439.9 405.6a26.77 26.77 0 01-9.59-2l-56.78-20.13-.42-.17a9.88 9.88 0 00-3.91-.76 10.32 10.32 0 00-3.62.66c-1.38.52-13.81 5.19-26.85 8.77-7.07 1.94-31.68 8.27-51.43 8.27-50.48 0-97.68-19.4-132.89-54.63A183.38 183.38 0 01100.3 215.1a175.9 175.9 0 014.06-37.58c8.79-40.62 32.07-77.57 65.55-104A194.76 194.76 0 01290.3 32c52.21 0 100.86 20 137 56.18 34.16 34.27 52.88 79.33 52.73 126.87a177.86 177.86 0 01-30.3 99.15l-.19.28-.74 1c-.17.23-.34.45-.5.68l-.15.27a21.63 21.63 0 00-1.08 2.09l15.74 55.94a26.42 26.42 0 011.12 7.11 24 24 0 01-24.03 24.03z"/><path d="M299.87 425.39a15.74 15.74 0 00-10.29-8.1c-5.78-1.53-12.52-1.27-17.67-1.65a201.78 201.78 0 01-128.82-58.75A199.21 199.21 0 0186.4 244.16C85 234.42 85 232 85 232a16 16 0 00-28-10.58s-7.88 8.58-11.6 17.19a162.09 162.09 0 0011 150.06C59 393 59 395 58.42 399.5c-2.73 14.11-7.51 39-10 51.91a24 24 0 008 22.92l.46.39A24.34 24.34 0 0072 480a23.42 23.42 0 009-1.79l53.51-20.65a8.05 8.05 0 015.72 0c21.07 7.84 43 12 63.78 12a176 176 0 0074.91-16.66c5.46-2.56 14-5.34 19-11.12a15 15 0 001.95-16.39z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M60.44 389.17c0 .07 0 .2-.08.38.03-.12.05-.25.08-.38zM439.9 405.6a26.77 26.77 0 01-9.59-2l-56.78-20.13-.42-.17a9.88 9.88 0 00-3.91-.76 10.32 10.32 0 00-3.62.66c-1.38.52-13.81 5.19-26.85 8.77-7.07 1.94-31.68 8.27-51.43 8.27-50.48 0-97.68-19.4-132.89-54.63A183.38 183.38 0 01100.3 215.1a175.9 175.9 0 014.06-37.58c8.79-40.62 32.07-77.57 65.55-104A194.76 194.76 0 01290.3 32c52.21 0 100.86 20 137 56.18 34.16 34.27 52.88 79.33 52.73 126.87a177.86 177.86 0 01-30.3 99.15l-.19.28-.74 1c-.17.23-.34.45-.5.68l-.15.27a21.63 21.63 0 00-1.08 2.09l15.74 55.94a26.42 26.42 0 011.12 7.11 24 24 0 01-24.03 24.03z" /><path d="M299.87 425.39a15.74 15.74 0 00-10.29-8.1c-5.78-1.53-12.52-1.27-17.67-1.65a201.78 201.78 0 01-128.82-58.75A199.21 199.21 0 0186.4 244.16C85 234.42 85 232 85 232a16 16 0 00-28-10.58s-7.88 8.58-11.6 17.19a162.09 162.09 0 0011 150.06C59 393 59 395 58.42 399.5c-2.73 14.11-7.51 39-10 51.91a24 24 0 008 22.92l.46.39A24.34 24.34 0 0072 480a23.42 23.42 0 009-1.79l53.51-20.65a8.05 8.05 0 015.72 0c21.07 7.84 43 12 63.78 12a176 176 0 0074.91-16.66c5.46-2.56 14-5.34 19-11.12a15 15 0 001.95-16.39z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Chatbubbles = props => {
 Chatbubbles.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubblesOutline.js b/src/ChatbubblesOutline.js
index fe67c03a6..c2e316ff0 100644
--- a/src/ChatbubblesOutline.js
+++ b/src/ChatbubblesOutline.js
@@ -15,7 +15,7 @@ const ChatbubblesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 012.1-3.1A162 162 0 00464 215c.3-92.2-77.5-167-173.7-167-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 00-3.7 34.2c0 92.3 74.8 169.1 171 169.1 15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 019.3-1.7 26 26 0 0110.1 2l56.7 20.1a13.52 13.52 0 003.9 1 8 8 0 008-8 12.85 12.85 0 00-.5-2.7z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M66.46 232a146.23 146.23 0 006.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 002.71 7.68A8.17 8.17 0 0072 464a7.26 7.26 0 002.91-.6l56.21-22a15.7 15.7 0 0112 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 00284 432.11" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 012.1-3.1A162 162 0 00464 215c.3-92.2-77.5-167-173.7-167-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 00-3.7 34.2c0 92.3 74.8 169.1 171 169.1 15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 019.3-1.7 26 26 0 0110.1 2l56.7 20.1a13.52 13.52 0 003.9 1 8 8 0 008-8 12.85 12.85 0 00-.5-2.7z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M66.46 232a146.23 146.23 0 006.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 002.71 7.68A8.17 8.17 0 0072 464a7.26 7.26 0 002.91-.6l56.21-22a15.7 15.7 0 0112 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 00284 432.11" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubblesOutline = props => {
 ChatbubblesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChatbubblesSharp.js b/src/ChatbubblesSharp.js
index 5fceecc4f..9828b0300 100644
--- a/src/ChatbubblesSharp.js
+++ b/src/ChatbubblesSharp.js
@@ -15,7 +15,7 @@ const ChatbubblesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 312.43c.77-1.11 1.51-2.26 2.27-3.34A174.55 174.55 0 00480 211.85C480.32 112.55 396.54 32 292.94 32c-90.36 0-165.74 61.49-183.4 143.12a172.81 172.81 0 00-4 36.83c0 99.4 80.56 182.11 184.16 182.11 16.47 0 38.66-4.95 50.83-8.29s24.23-7.75 27.35-8.94 8-2.41 11.89-1.29l77.42 22.38a4 4 0 005-4.86l-17.72-67.49c-1.23-5-1.39-5.94 3.53-13.14z"/><path d="M312.54 415.38a165.32 165.32 0 01-23.26 2.05c-42.43 0-82.5-11.2-115-32.2a184.09 184.09 0 01-53.09-49.32c-26.08-34.57-40.3-78.51-40.3-124.49 0-3.13.11-6.14.22-9.16a4.34 4.34 0 00-7.54-3.12 158.76 158.76 0 00-14.86 195.24c2.47 3.77 3.87 6.68 3.44 8.62l-14.09 72.26a4 4 0 005.22 4.53l68-24.24a16.85 16.85 0 0112.92.22c20.35 8 42.86 12.92 65.37 12.92a169.45 169.45 0 00116.63-46 4.29 4.29 0 00-3.66-7.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 312.43c.77-1.11 1.51-2.26 2.27-3.34A174.55 174.55 0 00480 211.85C480.32 112.55 396.54 32 292.94 32c-90.36 0-165.74 61.49-183.4 143.12a172.81 172.81 0 00-4 36.83c0 99.4 80.56 182.11 184.16 182.11 16.47 0 38.66-4.95 50.83-8.29s24.23-7.75 27.35-8.94 8-2.41 11.89-1.29l77.42 22.38a4 4 0 005-4.86l-17.72-67.49c-1.23-5-1.39-5.94 3.53-13.14z" /><path d="M312.54 415.38a165.32 165.32 0 01-23.26 2.05c-42.43 0-82.5-11.2-115-32.2a184.09 184.09 0 01-53.09-49.32c-26.08-34.57-40.3-78.51-40.3-124.49 0-3.13.11-6.14.22-9.16a4.34 4.34 0 00-7.54-3.12 158.76 158.76 0 00-14.86 195.24c2.47 3.77 3.87 6.68 3.44 8.62l-14.09 72.26a4 4 0 005.22 4.53l68-24.24a16.85 16.85 0 0112.92.22c20.35 8 42.86 12.92 65.37 12.92a169.45 169.45 0 00116.63-46 4.29 4.29 0 00-3.66-7.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChatbubblesSharp = props => {
 ChatbubblesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Checkbox.js b/src/Checkbox.js
index 58a145761..0030fcf51 100644
--- a/src/Checkbox.js
+++ b/src/Checkbox.js
@@ -15,7 +15,7 @@ const Checkbox = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 48H112a64.07 64.07 0 00-64 64v288a64.07 64.07 0 0064 64h288a64.07 64.07 0 0064-64V112a64.07 64.07 0 00-64-64zm-35.75 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 48H112a64.07 64.07 0 00-64 64v288a64.07 64.07 0 0064 64h288a64.07 64.07 0 0064-64V112a64.07 64.07 0 00-64-64zm-35.75 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Checkbox = props => {
 Checkbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckboxOutline.js b/src/CheckboxOutline.js
index 3f8a7b210..fcbef1fe6 100644
--- a/src/CheckboxOutline.js
+++ b/src/CheckboxOutline.js
@@ -15,7 +15,7 @@ const CheckboxOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 176L217.6 336 160 272"/><rect x="64" y="64" width="384" height="384" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 176L217.6 336 160 272" /><rect x="64" y="64" width="384" height="384" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckboxOutline = props => {
 CheckboxOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckboxSharp.js b/src/CheckboxSharp.js
index 7c17453c2..5f0150366 100644
--- a/src/CheckboxSharp.js
+++ b/src/CheckboxSharp.js
@@ -15,7 +15,7 @@ const CheckboxSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 48v416h416V48zm170 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 48v416h416V48zm170 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckboxSharp = props => {
 CheckboxSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Checkmark.js b/src/Checkmark.js
index 8c3e3474b..3f35388a7 100644
--- a/src/Checkmark.js
+++ b/src/Checkmark.js
@@ -15,7 +15,7 @@ const Checkmark = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M416 128L192 384l-96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M416 128L192 384l-96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Checkmark = props => {
 Checkmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkCircle.js b/src/CheckmarkCircle.js
index 2a02cba81..c268ce8e3 100644
--- a/src/CheckmarkCircle.js
+++ b/src/CheckmarkCircle.js
@@ -15,7 +15,7 @@ const CheckmarkCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkCircle = props => {
 CheckmarkCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkCircleOutline.js b/src/CheckmarkCircleOutline.js
index 02138ade1..d9f16c8ae 100644
--- a/src/CheckmarkCircleOutline.js
+++ b/src/CheckmarkCircleOutline.js
@@ -15,7 +15,7 @@ const CheckmarkCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 176L217.6 336 160 272"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 176L217.6 336 160 272" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkCircleOutline = props => {
 CheckmarkCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkCircleSharp.js b/src/CheckmarkCircleSharp.js
index 6581bdf46..8fba5bd44 100644
--- a/src/CheckmarkCircleSharp.js
+++ b/src/CheckmarkCircleSharp.js
@@ -15,7 +15,7 @@ const CheckmarkCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-38 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-38 312.38l-80.6-89.57 23.79-21.41 56 62.22L350 153.46 374.54 174z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkCircleSharp = props => {
 CheckmarkCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDone.js b/src/CheckmarkDone.js
index 3b543cc26..755409845 100644
--- a/src/CheckmarkDone.js
+++ b/src/CheckmarkDone.js
@@ -15,7 +15,7 @@ const CheckmarkDone = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDone = props => {
 CheckmarkDone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDoneCircle.js b/src/CheckmarkDoneCircle.js
index 9960c27f4..e4b4cf945 100644
--- a/src/CheckmarkDoneCircle.js
+++ b/src/CheckmarkDoneCircle.js
@@ -15,7 +15,7 @@ const CheckmarkDoneCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-16.79 192.47l51.55-59a16 16 0 0124.1 21.06l-51.55 59a16 16 0 11-24.1-21.06zm-38.86 90.85a16 16 0 01-22.62 0l-47.95-48a16 16 0 1122.64-22.62l48 48a16 16 0 01-.07 22.62zm176.8-128.79l-111.88 128a16 16 0 01-11.51 5.47h-.54a16 16 0 01-11.32-4.69l-47.94-48a16 16 0 1122.64-22.62l29.8 29.83a8 8 0 0011.68-.39l95-108.66a16 16 0 0124.1 21.06z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-16.79 192.47l51.55-59a16 16 0 0124.1 21.06l-51.55 59a16 16 0 11-24.1-21.06zm-38.86 90.85a16 16 0 01-22.62 0l-47.95-48a16 16 0 1122.64-22.62l48 48a16 16 0 01-.07 22.62zm176.8-128.79l-111.88 128a16 16 0 01-11.51 5.47h-.54a16 16 0 01-11.32-4.69l-47.94-48a16 16 0 1122.64-22.62l29.8 29.83a8 8 0 0011.68-.39l95-108.66a16 16 0 0124.1 21.06z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDoneCircle = props => {
 CheckmarkDoneCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDoneCircleOutline.js b/src/CheckmarkDoneCircleOutline.js
index 2d2c13717..3253cb4e4 100644
--- a/src/CheckmarkDoneCircleOutline.js
+++ b/src/CheckmarkDoneCircleOutline.js
@@ -15,7 +15,7 @@ const CheckmarkDoneCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 192L256.13 320l-47.95-48M191.95 320L144 272M305.71 192l-51.55 59"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 192L256.13 320l-47.95-48M191.95 320L144 272M305.71 192l-51.55 59" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDoneCircleOutline = props => {
 CheckmarkDoneCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDoneCircleSharp.js b/src/CheckmarkDoneCircleSharp.js
index f0a41cd00..5211af819 100644
--- a/src/CheckmarkDoneCircleSharp.js
+++ b/src/CheckmarkDoneCircleSharp.js
@@ -15,7 +15,7 @@ const CheckmarkDoneCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48.19 121.42l24.1 21.06-73.61 84.1-24.1-23.06zM191.93 342.63L121.37 272 144 249.37 214.57 320zm65 .79L185.55 272l22.64-22.62 47.16 47.21 111.13-127.17 24.1 21.06z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48.19 121.42l24.1 21.06-73.61 84.1-24.1-23.06zM191.93 342.63L121.37 272 144 249.37 214.57 320zm65 .79L185.55 272l22.64-22.62 47.16 47.21 111.13-127.17 24.1 21.06z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDoneCircleSharp = props => {
 CheckmarkDoneCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDoneOutline.js b/src/CheckmarkDoneOutline.js
index 22ddd6105..4e9619e23 100644
--- a/src/CheckmarkDoneOutline.js
+++ b/src/CheckmarkDoneOutline.js
@@ -15,7 +15,7 @@ const CheckmarkDoneOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 128L240 384l-96-96M144 384l-96-96M368 128L232 284" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDoneOutline = props => {
 CheckmarkDoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkDoneSharp.js b/src/CheckmarkDoneSharp.js
index 1502cd5a2..b6760e130 100644
--- a/src/CheckmarkDoneSharp.js
+++ b/src/CheckmarkDoneSharp.js
@@ -15,7 +15,7 @@ const CheckmarkDoneSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="44" d="M465 127L241 384l-92-92M140 385l-93-93M363 127L236 273"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="44" d="M465 127L241 384l-92-92M140 385l-93-93M363 127L236 273" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkDoneSharp = props => {
 CheckmarkDoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkOutline.js b/src/CheckmarkOutline.js
index 02cd58b45..8d40f6b79 100644
--- a/src/CheckmarkOutline.js
+++ b/src/CheckmarkOutline.js
@@ -15,7 +15,7 @@ const CheckmarkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M416 128L192 384l-96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M416 128L192 384l-96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkOutline = props => {
 CheckmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CheckmarkSharp.js b/src/CheckmarkSharp.js
index cb169a102..2bc69d0f1 100644
--- a/src/CheckmarkSharp.js
+++ b/src/CheckmarkSharp.js
@@ -15,7 +15,7 @@ const CheckmarkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="44" d="M416 128L192 384l-96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="44" d="M416 128L192 384l-96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CheckmarkSharp = props => {
 CheckmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBack.js b/src/ChevronBack.js
index 1a4f712c3..9c35e2707 100644
--- a/src/ChevronBack.js
+++ b/src/ChevronBack.js
@@ -15,7 +15,7 @@ const ChevronBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M328 112L184 256l144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M328 112L184 256l144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBack = props => {
 ChevronBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBackCircle.js b/src/ChevronBackCircle.js
index eb9e20331..790b0e5e4 100644
--- a/src/ChevronBackCircle.js
+++ b/src/ChevronBackCircle.js
@@ -15,7 +15,7 @@ const ChevronBackCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm35.31 292.69a16 16 0 11-22.62 22.62l-96-96a16 16 0 010-22.62l96-96a16 16 0 0122.62 22.62L206.63 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm35.31 292.69a16 16 0 11-22.62 22.62l-96-96a16 16 0 010-22.62l96-96a16 16 0 0122.62 22.62L206.63 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBackCircle = props => {
 ChevronBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBackCircleOutline.js b/src/ChevronBackCircleOutline.js
index 41d33e065..db514579d 100644
--- a/src/ChevronBackCircleOutline.js
+++ b/src/ChevronBackCircleOutline.js
@@ -15,7 +15,7 @@ const ChevronBackCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M296 352l-96-96 96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M296 352l-96-96 96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBackCircleOutline = props => {
 ChevronBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBackCircleSharp.js b/src/ChevronBackCircleSharp.js
index 6bf4d4cf4..098f2be60 100644
--- a/src/ChevronBackCircleSharp.js
+++ b/src/ChevronBackCircleSharp.js
@@ -15,7 +15,7 @@ const ChevronBackCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm62.63 304L296 374.63 177.37 256 296 137.37 318.63 160l-96 96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm62.63 304L296 374.63 177.37 256 296 137.37 318.63 160l-96 96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBackCircleSharp = props => {
 ChevronBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBackOutline.js b/src/ChevronBackOutline.js
index e882ff1c4..4ee6988bb 100644
--- a/src/ChevronBackOutline.js
+++ b/src/ChevronBackOutline.js
@@ -15,7 +15,7 @@ const ChevronBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M328 112L184 256l144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M328 112L184 256l144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBackOutline = props => {
 ChevronBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronBackSharp.js b/src/ChevronBackSharp.js
index 3447ab7c7..30cb8ee2e 100644
--- a/src/ChevronBackSharp.js
+++ b/src/ChevronBackSharp.js
@@ -15,7 +15,7 @@ const ChevronBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M328 112L184 256l144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M328 112L184 256l144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronBackSharp = props => {
 ChevronBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDown.js b/src/ChevronDown.js
index f662100d3..555fb0a25 100644
--- a/src/ChevronDown.js
+++ b/src/ChevronDown.js
@@ -15,7 +15,7 @@ const ChevronDown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 184l144 144 144-144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 184l144 144 144-144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDown = props => {
 ChevronDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDownCircle.js b/src/ChevronDownCircle.js
index c3f10dcae..87da6447e 100644
--- a/src/ChevronDownCircle.js
+++ b/src/ChevronDownCircle.js
@@ -15,7 +15,7 @@ const ChevronDownCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-100.69-28.69l-96 96a16 16 0 01-22.62 0l-96-96a16 16 0 0122.62-22.62L256 289.37l84.69-84.68a16 16 0 0122.62 22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-100.69-28.69l-96 96a16 16 0 01-22.62 0l-96-96a16 16 0 0122.62-22.62L256 289.37l84.69-84.68a16 16 0 0122.62 22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDownCircle = props => {
 ChevronDownCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDownCircleOutline.js b/src/ChevronDownCircleOutline.js
index cd6806fe6..eb5e74b3c 100644
--- a/src/ChevronDownCircleOutline.js
+++ b/src/ChevronDownCircleOutline.js
@@ -15,7 +15,7 @@ const ChevronDownCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 216l-96 96-96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 216l-96 96-96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDownCircleOutline = props => {
 ChevronDownCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDownCircleSharp.js b/src/ChevronDownCircleSharp.js
index 31445c863..99cc667ac 100644
--- a/src/ChevronDownCircleSharp.js
+++ b/src/ChevronDownCircleSharp.js
@@ -15,7 +15,7 @@ const ChevronDownCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-96-270.63l96 96 96-96L374.63 216 256 334.63 137.37 216z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c114.87 0 208-93.13 208-208S370.87 48 256 48 48 141.13 48 256s93.13 208 208 208zm-96-270.63l96 96 96-96L374.63 216 256 334.63 137.37 216z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDownCircleSharp = props => {
 ChevronDownCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDownOutline.js b/src/ChevronDownOutline.js
index 8747c7354..7729e5ddc 100644
--- a/src/ChevronDownOutline.js
+++ b/src/ChevronDownOutline.js
@@ -15,7 +15,7 @@ const ChevronDownOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 184l144 144 144-144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 184l144 144 144-144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDownOutline = props => {
 ChevronDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronDownSharp.js b/src/ChevronDownSharp.js
index ffc3076bd..211b953eb 100644
--- a/src/ChevronDownSharp.js
+++ b/src/ChevronDownSharp.js
@@ -15,7 +15,7 @@ const ChevronDownSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 184l144 144 144-144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 184l144 144 144-144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronDownSharp = props => {
 ChevronDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForward.js b/src/ChevronForward.js
index b383663bd..dd2a6010b 100644
--- a/src/ChevronForward.js
+++ b/src/ChevronForward.js
@@ -15,7 +15,7 @@ const ChevronForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M184 112l144 144-144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M184 112l144 144-144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForward = props => {
 ChevronForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForwardCircle.js b/src/ChevronForwardCircle.js
index 0a796d985..1f39d9372 100644
--- a/src/ChevronForwardCircle.js
+++ b/src/ChevronForwardCircle.js
@@ -15,7 +15,7 @@ const ChevronForwardCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm257.37 0l-84.68-84.69a16 16 0 0122.62-22.62l96 96a16 16 0 010 22.62l-96 96a16 16 0 01-22.62-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm257.37 0l-84.68-84.69a16 16 0 0122.62-22.62l96 96a16 16 0 010 22.62l-96 96a16 16 0 01-22.62-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForwardCircle = props => {
 ChevronForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForwardCircleOutline.js b/src/ChevronForwardCircleOutline.js
index dfdc64340..f300abcf2 100644
--- a/src/ChevronForwardCircleOutline.js
+++ b/src/ChevronForwardCircleOutline.js
@@ -15,7 +15,7 @@ const ChevronForwardCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M216 352l96-96-96-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 256c0 106 86 192 192 192s192-86 192-192S362 64 256 64 64 150 64 256z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M216 352l96-96-96-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForwardCircleOutline = props => {
 ChevronForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForwardCircleSharp.js b/src/ChevronForwardCircleSharp.js
index cb4de51a0..7f9e42950 100644
--- a/src/ChevronForwardCircleSharp.js
+++ b/src/ChevronForwardCircleSharp.js
@@ -15,7 +15,7 @@ const ChevronForwardCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-40 326.63L193.37 352l96-96-96-96L216 137.37 334.63 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-40 326.63L193.37 352l96-96-96-96L216 137.37 334.63 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForwardCircleSharp = props => {
 ChevronForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForwardOutline.js b/src/ChevronForwardOutline.js
index 242b7f892..a9136c3b3 100644
--- a/src/ChevronForwardOutline.js
+++ b/src/ChevronForwardOutline.js
@@ -15,7 +15,7 @@ const ChevronForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M184 112l144 144-144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M184 112l144 144-144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForwardOutline = props => {
 ChevronForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronForwardSharp.js b/src/ChevronForwardSharp.js
index c97da4a1f..51e7b6b45 100644
--- a/src/ChevronForwardSharp.js
+++ b/src/ChevronForwardSharp.js
@@ -15,7 +15,7 @@ const ChevronForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M184 112l144 144-144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M184 112l144 144-144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronForwardSharp = props => {
 ChevronForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUp.js b/src/ChevronUp.js
index 64e7c57fa..098b489d8 100644
--- a/src/ChevronUp.js
+++ b/src/ChevronUp.js
@@ -15,7 +15,7 @@ const ChevronUp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 328l144-144 144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 328l144-144 144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUp = props => {
 ChevronUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUpCircle.js b/src/ChevronUpCircle.js
index 5c78a412c..caaa8264e 100644
--- a/src/ChevronUpCircle.js
+++ b/src/ChevronUpCircle.js
@@ -15,7 +15,7 @@ const ChevronUpCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm107.31 259.31a16 16 0 01-22.62 0L256 222.63l-84.69 84.68a16 16 0 01-22.62-22.62l96-96a16 16 0 0122.62 0l96 96a16 16 0 010 22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm107.31 259.31a16 16 0 01-22.62 0L256 222.63l-84.69 84.68a16 16 0 01-22.62-22.62l96-96a16 16 0 0122.62 0l96 96a16 16 0 010 22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUpCircle = props => {
 ChevronUpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUpCircleOutline.js b/src/ChevronUpCircleOutline.js
index 7155870fa..68a8a15bd 100644
--- a/src/ChevronUpCircleOutline.js
+++ b/src/ChevronUpCircleOutline.js
@@ -15,7 +15,7 @@ const ChevronUpCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 296l-96-96-96 96"/><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 296l-96-96-96 96" /><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUpCircleOutline = props => {
 ChevronUpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUpCircleSharp.js b/src/ChevronUpCircleSharp.js
index 4152bc360..959cefec4 100644
--- a/src/ChevronUpCircleSharp.js
+++ b/src/ChevronUpCircleSharp.js
@@ -15,7 +15,7 @@ const ChevronUpCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 270.63l-96-96-96 96L137.37 296 256 177.37 374.63 296z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 270.63l-96-96-96 96L137.37 296 256 177.37 374.63 296z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUpCircleSharp = props => {
 ChevronUpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUpOutline.js b/src/ChevronUpOutline.js
index 53a8722bb..a3b991d0a 100644
--- a/src/ChevronUpOutline.js
+++ b/src/ChevronUpOutline.js
@@ -15,7 +15,7 @@ const ChevronUpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 328l144-144 144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M112 328l144-144 144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUpOutline = props => {
 ChevronUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ChevronUpSharp.js b/src/ChevronUpSharp.js
index 03812d8c4..9fd3c3373 100644
--- a/src/ChevronUpSharp.js
+++ b/src/ChevronUpSharp.js
@@ -15,7 +15,7 @@ const ChevronUpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 328l144-144 144 144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="48" d="M112 328l144-144 144 144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ChevronUpSharp = props => {
 ChevronUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Clipboard.js b/src/Clipboard.js
index 331828d42..615966f96 100644
--- a/src/Clipboard.js
+++ b/src/Clipboard.js
@@ -15,7 +15,7 @@ const Clipboard = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 48h-11.41a8 8 0 01-7.44-5.08A42.18 42.18 0 00309.87 16H202.13a42.18 42.18 0 00-39.28 26.92 8 8 0 01-7.44 5.08H144a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V112a64 64 0 00-64-64zm-48.13 64H192.13a16 16 0 010-32h127.74a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 48h-11.41a8 8 0 01-7.44-5.08A42.18 42.18 0 00309.87 16H202.13a42.18 42.18 0 00-39.28 26.92 8 8 0 01-7.44 5.08H144a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V112a64 64 0 00-64-64zm-48.13 64H192.13a16 16 0 010-32h127.74a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Clipboard = props => {
 Clipboard.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ClipboardOutline.js b/src/ClipboardOutline.js
index 34c69785e..a92e6f019 100644
--- a/src/ClipboardOutline.js
+++ b/src/ClipboardOutline.js
@@ -15,7 +15,7 @@ const ClipboardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 64h32a48 48 0 0148 48v320a48 48 0 01-48 48H144a48 48 0 01-48-48V112a48 48 0 0148-48h32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="176" y="32" width="160" height="64" rx="26.13" ry="26.13" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 64h32a48 48 0 0148 48v320a48 48 0 01-48 48H144a48 48 0 01-48-48V112a48 48 0 0148-48h32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="176" y="32" width="160" height="64" rx="26.13" ry="26.13" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ClipboardOutline = props => {
 ClipboardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ClipboardSharp.js b/src/ClipboardSharp.js
index d76cf1090..9411a7e1d 100644
--- a/src/ClipboardSharp.js
+++ b/src/ClipboardSharp.js
@@ -15,7 +15,7 @@ const ClipboardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 48h-68V28a12 12 0 00-12-12H172a12 12 0 00-12 12v20H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V60a12 12 0 00-12-12zm-84.13 64H176.13V80h159.74z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 48h-68V28a12 12 0 00-12-12H172a12 12 0 00-12 12v20H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V60a12 12 0 00-12-12zm-84.13 64H176.13V80h159.74z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ClipboardSharp = props => {
 ClipboardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Close.js b/src/Close.js
index d01fdf421..0baa5dde2 100644
--- a/src/Close.js
+++ b/src/Close.js
@@ -15,7 +15,7 @@ const Close = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Close = props => {
 Close.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloseCircle.js b/src/CloseCircle.js
index 17097a5de..e7bac0855 100644
--- a/src/CloseCircle.js
+++ b/src/CloseCircle.js
@@ -15,7 +15,7 @@ const CloseCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloseCircle = props => {
 CloseCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloseCircleOutline.js b/src/CloseCircleOutline.js
index ed633d23b..bb6962e3b 100644
--- a/src/CloseCircleOutline.js
+++ b/src/CloseCircleOutline.js
@@ -15,7 +15,7 @@ const CloseCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 320L192 192M192 320l128-128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 320L192 192M192 320l128-128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloseCircleOutline = props => {
 CloseCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloseCircleSharp.js b/src/CloseCircleSharp.js
index fb7edd9e0..c1bf3c0bc 100644
--- a/src/CloseCircleSharp.js
+++ b/src/CloseCircleSharp.js
@@ -15,7 +15,7 @@ const CloseCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloseCircleSharp = props => {
 CloseCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloseOutline.js b/src/CloseOutline.js
index 601c6e2e9..9f999b4fb 100644
--- a/src/CloseOutline.js
+++ b/src/CloseOutline.js
@@ -15,7 +15,7 @@ const CloseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 368L144 144M368 144L144 368"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 368L144 144M368 144L144 368" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloseOutline = props => {
 CloseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloseSharp.js b/src/CloseSharp.js
index 273ac934f..f6da54b4a 100644
--- a/src/CloseSharp.js
+++ b/src/CloseSharp.js
@@ -15,7 +15,7 @@ const CloseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloseSharp = props => {
 CloseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cloud.js b/src/Cloud.js
index 5f8a146b6..5afda8022 100644
--- a/src/Cloud.js
+++ b/src/Cloud.js
@@ -15,7 +15,7 @@ const Cloud = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 18.11-16.53 42.22-28.25 69.18-33.87a16 16 0 0011.37-9.15 156.24 156.24 0 0142.05-56C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c24.73 23.81 41.5 55.28 49.18 92a16 16 0 0012.12 12.39C470 237.42 512 270.43 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 18.11-16.53 42.22-28.25 69.18-33.87a16 16 0 0011.37-9.15 156.24 156.24 0 0142.05-56C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c24.73 23.81 41.5 55.28 49.18 92a16 16 0 0012.12 12.39C470 237.42 512 270.43 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cloud = props => {
 Cloud.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudCircle.js b/src/CloudCircle.js
index ef94dcae2..7da0ff42a 100644
--- a/src/CloudCircle.js
+++ b/src/CloudCircle.js
@@ -15,7 +15,7 @@ const CloudCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H193.05c-31.53 0-57.56-25.58-57-57.11.53-31.74 23.68-49.95 51.35-54.3a7.92 7.92 0 006.16-5C202.07 189.22 223.63 168 256 168c33.17 0 61.85 22.49 70.14 60.21a17.75 17.75 0 0013.18 13.43C357.79 246.05 376 259.21 376 284c0 30.28-22.5 44-50 44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H193.05c-31.53 0-57.56-25.58-57-57.11.53-31.74 23.68-49.95 51.35-54.3a7.92 7.92 0 006.16-5C202.07 189.22 223.63 168 256 168c33.17 0 61.85 22.49 70.14 60.21a17.75 17.75 0 0013.18 13.43C357.79 246.05 376 259.21 376 284c0 30.28-22.5 44-50 44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudCircle = props => {
 CloudCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudCircleOutline.js b/src/CloudCircleOutline.js
index b960ba69e..028202679 100644
--- a/src/CloudCircleOutline.js
+++ b/src/CloudCircleOutline.js
@@ -15,7 +15,7 @@ const CloudCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M333.88 240.59a8 8 0 01-6.66-6.66C320.68 192.78 290.82 168 256 168c-32.37 0-53.93 21.22-62.48 43.58a7.92 7.92 0 01-6.16 5c-27.67 4.35-50.82 22.56-51.35 54.3-.52 31.53 25.51 57.11 57 57.11H326c27.5 0 50-13.72 50-44 0-27.22-22-40.41-42.12-43.4z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M333.88 240.59a8 8 0 01-6.66-6.66C320.68 192.78 290.82 168 256 168c-32.37 0-53.93 21.22-62.48 43.58a7.92 7.92 0 01-6.16 5c-27.67 4.35-50.82 22.56-51.35 54.3-.52 31.53 25.51 57.11 57 57.11H326c27.5 0 50-13.72 50-44 0-27.22-22-40.41-42.12-43.4z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudCircleOutline = props => {
 CloudCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudCircleSharp.js b/src/CloudCircleSharp.js
index 97bbb0d43..f841782fd 100644
--- a/src/CloudCircleSharp.js
+++ b/src/CloudCircleSharp.js
@@ -15,7 +15,7 @@ const CloudCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H196c-33 0-60-23-60-56 0-34.21 26-53 56-56 7.28-23.9 29.5-48 64-48 36.5 0 67.55 27.23 72 72 21.49 1.12 48 14.09 48 44 0 30.28-22.5 44-50 44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm70 280H196c-33 0-60-23-60-56 0-34.21 26-53 56-56 7.28-23.9 29.5-48 64-48 36.5 0 67.55 27.23 72 72 21.49 1.12 48 14.09 48 44 0 30.28-22.5 44-50 44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudCircleSharp = props => {
 CloudCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDone.js b/src/CloudDone.js
index 9ef727a36..d6e6c2bec 100644
--- a/src/CloudDone.js
+++ b/src/CloudDone.js
@@ -15,7 +15,7 @@ const CloudDone = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.44 227.25a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.24 156.24 0 00-42 56 16 16 0 01-11.37 9.15c-27 5.62-51.07 17.34-69.18 33.87C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-57.57-42-90.58-87.56-100.75zm-95.2-8.94l-107.8 128a16 16 0 01-12 5.69h-.27a16 16 0 01-11.88-5.28l-45.9-50.87c-5.77-6.39-5.82-16.33.3-22.4a16 16 0 0123.16.63l33.9 37.58 96-114a16 16 0 1124.48 20.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.44 227.25a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.24 156.24 0 00-42 56 16 16 0 01-11.37 9.15c-27 5.62-51.07 17.34-69.18 33.87C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-57.57-42-90.58-87.56-100.75zm-95.2-8.94l-107.8 128a16 16 0 01-12 5.69h-.27a16 16 0 01-11.88-5.28l-45.9-50.87c-5.77-6.39-5.82-16.33.3-22.4a16 16 0 0123.16.63l33.9 37.58 96-114a16 16 0 1124.48 20.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDone = props => {
 CloudDone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDoneOutline.js b/src/CloudDoneOutline.js
index 4513d3728..563c7b89b 100644
--- a/src/CloudDoneOutline.js
+++ b/src/CloudDoneOutline.js
@@ -15,7 +15,7 @@ const CloudDoneOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M317 208L209.2 336 163 284.8"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M317 208L209.2 336 163 284.8" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDoneOutline = props => {
 CloudDoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDoneSharp.js b/src/CloudDoneSharp.js
index b44e559e9..4dea5658e 100644
--- a/src/CloudDoneSharp.js
+++ b/src/CloudDoneSharp.js
@@ -15,7 +15,7 @@ const CloudDoneSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.25 225.36c-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.42 156.42 0 00-45.22 63.61c-30.26 4.81-57.45 17.18-77.38 35.37C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64zm-204.63 135l-69.22-76.7 23.76-21.44 44.62 49.46 106.29-126.2 24.47 20.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.25 225.36c-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-35.5 0-68.24 11.69-94.68 33.8a156.42 156.42 0 00-45.22 63.61c-30.26 4.81-57.45 17.18-77.38 35.37C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h260c32.37 0 60.23-8.57 80.59-24.77C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64zm-204.63 135l-69.22-76.7 23.76-21.44 44.62 49.46 106.29-126.2 24.47 20.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDoneSharp = props => {
 CloudDoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDownload.js b/src/CloudDownload.js
index ec69b06cd..fb8360476 100644
--- a/src/CloudDownload.js
+++ b/src/CloudDownload.js
@@ -15,7 +15,7 @@ const CloudDownload = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.7 189.5c-13.26-8.43-29.83-14.56-48.08-17.93A16 16 0 01412 159.28c-7.86-34.51-24.6-64.13-49.15-86.58C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a150.13 150.13 0 00-41.95 52.83A16.05 16.05 0 01108 125.8c-27.13 4.9-50.53 14.68-68.41 28.7C13.7 174.83 0 203.56 0 237.6 0 305 55.93 352 136 352h104V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v128h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 425.42l-36.7-36.64a16 16 0 00-22.6 22.65l64 63.89a16 16 0 0022.6 0l64-63.89a16 16 0 00-22.6-22.65L272 425.42V352h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.7 189.5c-13.26-8.43-29.83-14.56-48.08-17.93A16 16 0 01412 159.28c-7.86-34.51-24.6-64.13-49.15-86.58C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a150.13 150.13 0 00-41.95 52.83A16.05 16.05 0 01108 125.8c-27.13 4.9-50.53 14.68-68.41 28.7C13.7 174.83 0 203.56 0 237.6 0 305 55.93 352 136 352h104V224.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 224v128h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 425.42l-36.7-36.64a16 16 0 00-22.6 22.65l64 63.89a16 16 0 0022.6 0l64-63.89a16 16 0 00-22.6-22.65L272 425.42V352h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDownload = props => {
 CloudDownload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDownloadOutline.js b/src/CloudDownloadOutline.js
index aaa1b9450..be7eb9158 100644
--- a/src/CloudDownloadOutline.js
+++ b/src/CloudDownloadOutline.js
@@ -15,7 +15,7 @@ const CloudDownloadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDownloadOutline = props => {
 CloudDownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudDownloadSharp.js b/src/CloudDownloadSharp.js
index 02195f7b3..cc1bc27c5 100644
--- a/src/CloudDownloadSharp.js
+++ b/src/CloudDownloadSharp.js
@@ -15,7 +15,7 @@ const CloudDownloadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.7 189.5c-15.76-10-36.21-16.79-58.59-19.54-6.65-39.1-24.22-72.52-51.27-97.26C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a149.7 149.7 0 00-45.29 60.42c-30.67 4.32-57 14.61-76.71 30C13.7 174.83 0 203.56 0 237.6 0 305 55.92 352 136 352h104V208h32v144h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 419.42L191.98 371l-22.61 23L256 480l86.63-86-22.61-23L272 419.42V352h-32v67.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.7 189.5c-15.76-10-36.21-16.79-58.59-19.54-6.65-39.1-24.22-72.52-51.27-97.26C334.15 46.45 296.21 32 256 32c-35.35 0-68 11.08-94.37 32a149.7 149.7 0 00-45.29 60.42c-30.67 4.32-57 14.61-76.71 30C13.7 174.83 0 203.56 0 237.6 0 305 55.92 352 136 352h104V208h32v144h124c72.64 0 116-34.24 116-91.6 0-30.05-13.59-54.57-39.3-70.9zM240 419.42L191.98 371l-22.61 23L256 480l86.63-86-22.61-23L272 419.42V352h-32v67.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudDownloadSharp = props => {
 CloudDownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudOffline.js b/src/CloudOffline.js
index 57758181f..07dec4b41 100644
--- a/src/CloudOffline.js
+++ b/src/CloudOffline.js
@@ -15,7 +15,7 @@ const CloudOffline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM38.72 196.78C13.39 219.88 0 251.42 0 288c0 36 14.38 68.88 40.49 92.59C65.64 403.43 99.56 416 136 416h192.8a8 8 0 005.66-13.66L100.88 168.76a8 8 0 00-8-2C72 173.15 53.4 183.38 38.72 196.78zM476.59 391.23C499.76 372.78 512 345.39 512 312c0-57.57-42-90.58-87.56-100.75a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 64c-31.12 0-60.12 9-84.62 26.1a8 8 0 00-1.14 12.26L461.68 393.8a8 8 0 0010.2.93q2.43-1.68 4.71-3.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM38.72 196.78C13.39 219.88 0 251.42 0 288c0 36 14.38 68.88 40.49 92.59C65.64 403.43 99.56 416 136 416h192.8a8 8 0 005.66-13.66L100.88 168.76a8 8 0 00-8-2C72 173.15 53.4 183.38 38.72 196.78zM476.59 391.23C499.76 372.78 512 345.39 512 312c0-57.57-42-90.58-87.56-100.75a16 16 0 01-12.12-12.39c-7.68-36.68-24.45-68.15-49.18-92A153.57 153.57 0 00256 64c-31.12 0-60.12 9-84.62 26.1a8 8 0 00-1.14 12.26L461.68 393.8a8 8 0 0010.2.93q2.43-1.68 4.71-3.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudOffline = props => {
 CloudOffline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudOfflineOutline.js b/src/CloudOfflineOutline.js
index ef5c8245b..6c9cda302 100644
--- a/src/CloudOfflineOutline.js
+++ b/src/CloudOfflineOutline.js
@@ -15,7 +15,7 @@ const CloudOfflineOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37M467.82 377.74C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88-8.89-89.54-71-144-144-144-26.16 0-48.79 6.93-67.6 18.14" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M448 448L64 64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37M467.82 377.74C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88-8.89-89.54-71-144-144-144-26.16 0-48.79 6.93-67.6 18.14" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M448 448L64 64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudOfflineOutline = props => {
 CloudOfflineOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudOfflineSharp.js b/src/CloudOfflineSharp.js
index 6a967da68..b795ca759 100644
--- a/src/CloudOfflineSharp.js
+++ b/src/CloudOfflineSharp.js
@@ -15,7 +15,7 @@ const CloudOfflineSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM38.72 212.78C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h228.12L110.51 178.39c-28.01 5.39-53.09 17.33-71.79 34.39zM476.59 407.23C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-30.47 0-58.9 8.62-83.07 25l302.82 302.86c.25-.21.57-.41.84-.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM38.72 212.78C13.39 235.88 0 267.42 0 304c0 36 14.38 68.88 40.49 92.59C65.64 419.43 99.56 432 136 432h228.12L110.51 178.39c-28.01 5.39-53.09 17.33-71.79 34.39zM476.59 407.23C499.76 388.78 512 361.39 512 328c0-61.85-48.44-95.34-97.75-102.64-6.52-41.18-24.05-76.4-51.11-102.46A153.57 153.57 0 00256 80c-30.47 0-58.9 8.62-83.07 25l302.82 302.86c.25-.21.57-.41.84-.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudOfflineSharp = props => {
 CloudOfflineSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudOutline.js b/src/CloudOutline.js
index db910b3c8..b00a61245 100644
--- a/src/CloudOutline.js
+++ b/src/CloudOutline.js
@@ -15,7 +15,7 @@ const CloudOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 240c-8.89-89.54-71-144-144-144-69 0-113.44 48.2-128 96-60 6-112 43.59-112 112 0 66 54 112 120 112h260c55 0 100-27.44 100-88 0-59.82-53-85.76-96-88z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudOutline = props => {
 CloudOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudSharp.js b/src/CloudSharp.js
index 6f0fd9d94..8bf23346f 100644
--- a/src/CloudSharp.js
+++ b/src/CloudSharp.js
@@ -15,7 +15,7 @@ const CloudSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 19.93-18.19 47.12-30.56 77.38-35.37a156.42 156.42 0 0145.22-63.61C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c27.06 26.06 44.59 61.28 51.11 102.46C463.56 232.66 512 266.15 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M396 432H136c-36.44 0-70.36-12.57-95.51-35.41C14.38 372.88 0 340 0 304c0-36.58 13.39-68.12 38.72-91.22 19.93-18.19 47.12-30.56 77.38-35.37a156.42 156.42 0 0145.22-63.61C187.76 91.69 220.5 80 256 80a153.57 153.57 0 01107.14 42.9c27.06 26.06 44.59 61.28 51.11 102.46C463.56 232.66 512 266.15 512 328c0 33.39-12.24 60.78-35.41 79.23C456.23 423.43 428.37 432 396 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudSharp = props => {
 CloudSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudUpload.js b/src/CloudUpload.js
index f830c8a57..2de2588ae 100644
--- a/src/CloudUpload.js
+++ b/src/CloudUpload.js
@@ -15,7 +15,7 @@ const CloudUpload = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.66 210c-14-10.38-31.2-18-49.36-22.11a16.11 16.11 0 01-12.19-12.22c-7.8-34.75-24.59-64.55-49.27-87.13C334.15 62.25 296.21 47.79 256 47.79c-35.35 0-68 11.08-94.37 32.05a150.07 150.07 0 00-42.06 53 16 16 0 01-11.31 8.87c-26.75 5.4-50.9 16.87-69.34 33.12C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-36.69 36.69a16 16 0 01-23.16-.56c-5.8-6.37-5.24-16.3.85-22.39l63.69-63.68a16 16 0 0122.62 0L331 244.14c6.28 6.29 6.64 16.6.39 22.91a16 16 0 01-22.68.06L272 230.42v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 448.21a16 16 0 1032 0v-64.42h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.66 210c-14-10.38-31.2-18-49.36-22.11a16.11 16.11 0 01-12.19-12.22c-7.8-34.75-24.59-64.55-49.27-87.13C334.15 62.25 296.21 47.79 256 47.79c-35.35 0-68 11.08-94.37 32.05a150.07 150.07 0 00-42.06 53 16 16 0 01-11.31 8.87c-26.75 5.4-50.9 16.87-69.34 33.12C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-36.69 36.69a16 16 0 01-23.16-.56c-5.8-6.37-5.24-16.3.85-22.39l63.69-63.68a16 16 0 0122.62 0L331 244.14c6.28 6.29 6.64 16.6.39 22.91a16 16 0 01-22.68.06L272 230.42v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 448.21a16 16 0 1032 0v-64.42h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudUpload = props => {
 CloudUpload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudUploadOutline.js b/src/CloudUploadOutline.js
index 3e20125fa..f3271eec5 100644
--- a/src/CloudUploadOutline.js
+++ b/src/CloudUploadOutline.js
@@ -15,7 +15,7 @@ const CloudUploadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8-69 0-113.44 45.79-128 91.2-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 255.79l-64-64-64 64M256 448.21V207.79"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8-69 0-113.44 45.79-128 91.2-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 255.79l-64-64-64 64M256 448.21V207.79" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudUploadOutline = props => {
 CloudUploadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudUploadSharp.js b/src/CloudUploadSharp.js
index 4e73dab73..f52e85c8e 100644
--- a/src/CloudUploadSharp.js
+++ b/src/CloudUploadSharp.js
@@ -15,7 +15,7 @@ const CloudUploadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.66 210c-16.56-12.3-37.7-20.75-59.52-24-6.62-39.18-24.21-72.67-51.3-97.45-28.69-26.3-66.63-40.76-106.84-40.76-35.35 0-68 11.08-94.37 32.05a149.61 149.61 0 00-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 383.79h32v80.41h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.66 210c-16.56-12.3-37.7-20.75-59.52-24-6.62-39.18-24.21-72.67-51.3-97.45-28.69-26.3-66.63-40.76-106.84-40.76-35.35 0-68 11.08-94.37 32.05a149.61 149.61 0 00-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76 25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77 23.26-18.1 35.55-44 35.55-74.83 0-29.94-13.26-55.61-38.34-74.19zM240 383.79h32v80.41h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudUploadSharp = props => {
 CloudUploadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cloudy.js b/src/Cloudy.js
index a4add9ebb..ed8053888 100644
--- a/src/Cloudy.js
+++ b/src/Cloudy.js
@@ -15,7 +15,7 @@ const Cloudy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-57.57 42-90.58 87.56-100.75a16 16 0 0012.12-12.39c7.68-36.68 24.45-68.15 49.18-92A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.24 156.24 0 0142.05 56 16 16 0 0011.37 9.16c27 5.61 51.07 17.33 69.18 33.85C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-57.57 42-90.58 87.56-100.75a16 16 0 0012.12-12.39c7.68-36.68 24.45-68.15 49.18-92A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.24 156.24 0 0142.05 56 16 16 0 0011.37 9.16c27 5.61 51.07 17.33 69.18 33.85C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cloudy = props => {
 Cloudy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudyNight.js b/src/CloudyNight.js
index 4f6eb6dcb..fb0d6291d 100644
--- a/src/CloudyNight.js
+++ b/src/CloudyNight.js
@@ -15,7 +15,7 @@ const CloudyNight = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 12.1-9.26 27.2-16.17 43.33-20.05a16 16 0 0011.81-12.21c7.15-32.54 22.25-60.49 44.33-81.75A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.22 142.22 0 0137.65 49.54 16.06 16.06 0 0011.12 9c24 5.22 45.42 15.78 61.62 30.56C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM510.53 209.79a16.34 16.34 0 00-1.35-15.8 16 16 0 00-19.57-5.58c-10.7 4.65-24.48 7.17-39.92 7.28-55.3.4-101.38-45-101.38-100.31 0-15.75 2.48-29.84 7.18-40.76a16.3 16.3 0 00-1.85-16.33 16 16 0 00-19.1-5c-38.63 16.82-66.18 51.51-75.27 92.54a4 4 0 003.19 4.79 162.54 162.54 0 0176.31 35.59 172.58 172.58 0 0139.64 47.84 16.35 16.35 0 009.54 7.64c23.89 7.17 45.1 18.9 62.25 34.54q4.44 4.07 8.48 8.42a4 4 0 005.16.57 129.12 129.12 0 0046.69-55.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 12.1-9.26 27.2-16.17 43.33-20.05a16 16 0 0011.81-12.21c7.15-32.54 22.25-60.49 44.33-81.75A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.22 142.22 0 0137.65 49.54 16.06 16.06 0 0011.12 9c24 5.22 45.42 15.78 61.62 30.56C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM510.53 209.79a16.34 16.34 0 00-1.35-15.8 16 16 0 00-19.57-5.58c-10.7 4.65-24.48 7.17-39.92 7.28-55.3.4-101.38-45-101.38-100.31 0-15.75 2.48-29.84 7.18-40.76a16.3 16.3 0 00-1.85-16.33 16 16 0 00-19.1-5c-38.63 16.82-66.18 51.51-75.27 92.54a4 4 0 003.19 4.79 162.54 162.54 0 0176.31 35.59 172.58 172.58 0 0139.64 47.84 16.35 16.35 0 009.54 7.64c23.89 7.17 45.1 18.9 62.25 34.54q4.44 4.07 8.48 8.42a4 4 0 005.16.57 129.12 129.12 0 0046.69-55.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudyNight = props => {
 CloudyNight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudyNightOutline.js b/src/CloudyNightOutline.js
index 5de7fe78a..6df464323 100644
--- a/src/CloudyNightOutline.js
+++ b/src/CloudyNightOutline.js
@@ -15,7 +15,7 @@ const CloudyNightOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388.31 272c47.75 0 89.77-27.77 107.69-68.92-14.21 6.18-30.9 8.61-47.38 8.61A116.31 116.31 0 01332.31 95.38c0-16.48 2.43-33.17 8.61-47.38C299.77 65.92 272 107.94 272 155.69a116.31 116.31 0 003.44 28.18" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388.31 272c47.75 0 89.77-27.77 107.69-68.92-14.21 6.18-30.9 8.61-47.38 8.61A116.31 116.31 0 01332.31 95.38c0-16.48 2.43-33.17 8.61-47.38C299.77 65.92 272 107.94 272 155.69a116.31 116.31 0 003.44 28.18" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudyNightOutline = props => {
 CloudyNightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudyNightSharp.js b/src/CloudyNightSharp.js
index fdfa65250..7e45a810a 100644
--- a/src/CloudyNightSharp.js
+++ b/src/CloudyNightSharp.js
@@ -15,7 +15,7 @@ const CloudyNightSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 14.55-11.13 33.41-18.87 53.2-22 6.06-36.92 21.92-68.53 46.29-92A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.41 142.41 0 0140.83 57.05c27.18 4.48 51.59 15.68 69.56 32.08C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM381.55 219.93c26.5 6.93 50 19.32 68.65 36.34q3.89 3.56 7.47 7.34c25.41-18.4 45.47-44.92 54.33-71.38-16.24 7.07-35.31 9.85-54.15 9.85-73.42 0-115.93-42.51-115.93-115.93 0-18.84 2.78-37.91 9.85-54.15-40.41 13.53-81 53.19-92.52 98.13a162.61 162.61 0 0179.52 36.12 173 173 0 0142.78 53.68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-29.44 12.09-54.25 35-71.74 14.55-11.13 33.41-18.87 53.2-22 6.06-36.92 21.92-68.53 46.29-92A139.82 139.82 0 01232 160c32.33 0 62.15 10.65 86.24 30.79a142.41 142.41 0 0140.83 57.05c27.18 4.48 51.59 15.68 69.56 32.08C451.77 301 464 329.82 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zM381.55 219.93c26.5 6.93 50 19.32 68.65 36.34q3.89 3.56 7.47 7.34c25.41-18.4 45.47-44.92 54.33-71.38-16.24 7.07-35.31 9.85-54.15 9.85-73.42 0-115.93-42.51-115.93-115.93 0-18.84 2.78-37.91 9.85-54.15-40.41 13.53-81 53.19-92.52 98.13a162.61 162.61 0 0179.52 36.12 173 173 0 0142.78 53.68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudyNightSharp = props => {
 CloudyNightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudyOutline.js b/src/CloudyOutline.js
index d31d0f00b..e12bcf90b 100644
--- a/src/CloudyOutline.js
+++ b/src/CloudyOutline.js
@@ -15,7 +15,7 @@ const CloudyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M100.18 241.19a15.93 15.93 0 0013.37-13.25C126.6 145.59 186.34 96 256 96c64.69 0 107.79 42.36 124.92 87a16.11 16.11 0 0012.53 10.18C449.36 202.06 496 239.21 496 304c0 66-54 112-120 112H116c-55 0-100-27.44-100-88 0-54.43 43.89-80.81 84.18-86.81z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M100.18 241.19a15.93 15.93 0 0013.37-13.25C126.6 145.59 186.34 96 256 96c64.69 0 107.79 42.36 124.92 87a16.11 16.11 0 0012.53 10.18C449.36 202.06 496 239.21 496 304c0 66-54 112-120 112H116c-55 0-100-27.44-100-88 0-54.43 43.89-80.81 84.18-86.81z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudyOutline = props => {
 CloudyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CloudySharp.js b/src/CloudySharp.js
index 12b9505bf..ed79c1ba2 100644
--- a/src/CloudySharp.js
+++ b/src/CloudySharp.js
@@ -15,7 +15,7 @@ const CloudySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-61.85 48.44-95.34 97.75-102.64 6.52-41.18 24-76.4 51.11-102.46A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.42 156.42 0 0145.22 63.61c30.26 4.81 57.45 17.18 77.38 35.36C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 432H116c-32.37 0-60.23-8.57-80.59-24.77C12.24 388.78 0 361.39 0 328c0-61.85 48.44-95.34 97.75-102.64 6.52-41.18 24-76.4 51.11-102.46A153.57 153.57 0 01256 80c35.5 0 68.24 11.69 94.68 33.8a156.42 156.42 0 0145.22 63.61c30.26 4.81 57.45 17.18 77.38 35.36C498.61 235.88 512 267.42 512 304c0 36-14.38 68.88-40.49 92.59C446.36 419.43 412.44 432 376 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CloudySharp = props => {
 CloudySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Code.js b/src/Code.js
index 030657a8e..8e2c912d3 100644
--- a/src/Code.js
+++ b/src/Code.js
@@ -15,7 +15,7 @@ const Code = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Code = props => {
 Code.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeDownload.js b/src/CodeDownload.js
index f68085c11..1d2029327 100644
--- a/src/CodeDownload.js
+++ b/src/CodeDownload.js
@@ -15,7 +15,7 @@ const CodeDownload = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeDownload = props => {
 CodeDownload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeDownloadOutline.js b/src/CodeDownloadOutline.js
index 882c364f2..4bc7b2ef2 100644
--- a/src/CodeDownloadOutline.js
+++ b/src/CodeDownloadOutline.js
@@ -15,7 +15,7 @@ const CodeDownloadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeDownloadOutline = props => {
 CodeDownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeDownloadSharp.js b/src/CodeDownloadSharp.js
index 22bc7d0ff..64415de65 100644
--- a/src/CodeDownloadSharp.js
+++ b/src/CodeDownloadSharp.js
@@ -15,7 +15,7 @@ const CodeDownloadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112M192 288.1l64 63.9 64-63.9M256 160v176.03" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeDownloadSharp = props => {
 CodeDownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeOutline.js b/src/CodeOutline.js
index 741b38099..a92179850 100644
--- a/src/CodeOutline.js
+++ b/src/CodeOutline.js
@@ -15,7 +15,7 @@ const CodeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeOutline = props => {
 CodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeSharp.js b/src/CodeSharp.js
index 19b1cc1aa..f6c3fd90a 100644
--- a/src/CodeSharp.js
+++ b/src/CodeSharp.js
@@ -15,7 +15,7 @@ const CodeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeSharp = props => {
 CodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeSlash.js b/src/CodeSlash.js
index 01ec5fe13..3a308ec2f 100644
--- a/src/CodeSlash.js
+++ b/src/CodeSlash.js
@@ -15,7 +15,7 @@ const CodeSlash = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389zM208 437a21 21 0 01-20.12-27l96-320a21 21 0 1140.23 12l-96 320A21 21 0 01208 437z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 389a20.91 20.91 0 01-13.82-5.2l-128-112a21 21 0 010-31.6l128-112a21 21 0 0127.66 31.61L63.89 256l109.94 96.19A21 21 0 01160 389zM352 389a21 21 0 01-13.84-36.81L448.11 256l-109.94-96.19a21 21 0 0127.66-31.61l128 112a21 21 0 010 31.6l-128 112A20.89 20.89 0 01352 389zM208 437a21 21 0 01-20.12-27l96-320a21 21 0 1140.23 12l-96 320A21 21 0 01208 437z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeSlash = props => {
 CodeSlash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeSlashOutline.js b/src/CodeSlashOutline.js
index ab2f71d05..87af21275 100644
--- a/src/CodeSlashOutline.js
+++ b/src/CodeSlashOutline.js
@@ -15,7 +15,7 @@ const CodeSlashOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeSlashOutline = props => {
 CodeSlashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeSlashSharp.js b/src/CodeSlashSharp.js
index 789942ad3..2fd083875 100644
--- a/src/CodeSlashSharp.js
+++ b/src/CodeSlashSharp.js
@@ -15,7 +15,7 @@ const CodeSlashSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63zM222.15 442L182 430.08 289.85 70 330 81.92 222.15 442z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.98 397.63L0 256l161.98-141.63 27.65 31.61L64 256l125.63 110.02-27.65 31.61zM350.02 397.63l-27.65-31.61L448 256 322.37 145.98l27.65-31.61L512 256 350.02 397.63zM222.15 442L182 430.08 289.85 70 330 81.92 222.15 442z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeSlashSharp = props => {
 CodeSlashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeWorking.js b/src/CodeWorking.js
index 53b5583db..d23586fa7 100644
--- a/src/CodeWorking.js
+++ b/src/CodeWorking.js
@@ -15,7 +15,7 @@ const CodeWorking = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10"/><circle cx="346" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10"/><circle cx="166" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10" /><circle cx="346" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10" /><circle cx="166" cy="256" r="26" stroke="currentColor" strokeMiterlimit="10" strokeWidth="10" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeWorking = props => {
 CodeWorking.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeWorkingOutline.js b/src/CodeWorkingOutline.js
index b17158b2d..cb2d76db1 100644
--- a/src/CodeWorkingOutline.js
+++ b/src/CodeWorkingOutline.js
@@ -15,7 +15,7 @@ const CodeWorkingOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26"/><circle cx="346" cy="256" r="26"/><circle cx="166" cy="256" r="26"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" /><circle cx="346" cy="256" r="26" /><circle cx="166" cy="256" r="26" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368L32 256l128-112M352 368l128-112-128-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeWorkingOutline = props => {
 CodeWorkingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CodeWorkingSharp.js b/src/CodeWorkingSharp.js
index a7afe24d3..8b4e12360 100644
--- a/src/CodeWorkingSharp.js
+++ b/src/CodeWorkingSharp.js
@@ -15,7 +15,7 @@ const CodeWorkingSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10"/><circle cx="346" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10"/><circle cx="166" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10" /><circle cx="346" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10" /><circle cx="166" cy="256" r="26" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="10" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="42" d="M160 368L32 256l128-112M352 368l128-112-128-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CodeWorkingSharp = props => {
 CodeWorkingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cog.js b/src/Cog.js
index 3094dfd28..0e878f64e 100644
--- a/src/Cog.js
+++ b/src/Cog.js
@@ -15,7 +15,7 @@ const Cog = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.51 5.51 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.64a10.42 10.42 0 00.39-13.76l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-5-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.09-5.89a10.3 10.3 0 00-13.45 2.83L325 96.28a4.6 4.6 0 01-5.6 1.72c-.61-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.46 5.46 0 01-5.36 3.65h-9.75a5.5 5.5 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.47 2a10.46 10.46 0 00-8.56 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.29.89-7.26 2.79-9.52 3.63-2 .72-4.18-.07-5.94-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.4 10.4 0 00-13.61 2L93 126.63a10.31 10.31 0 00.37 13.75L110.45 160a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.38 10.38 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.24 1.27c-.52 2.79-1 5.43-1.46 8.24a5.48 5.48 0 01-4.46 4.64l-25.69 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.49 5.49 0 015.82 2.81c1.5 2.8 3.11 5.63 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.63a10.41 10.41 0 00-.5 13.77l7.41 8.91a10.23 10.23 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.47 5.47 0 011.73 6.21l-9.27 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.4-1.73 3.6-2.5 5.23-1.84 3.48 1.44 5.81 2.25 9.94 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.43 10.43 0 0011.75-7.17l8.5-24.77a5.45 5.45 0 015.36-3.65h9.75a5.49 5.49 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.54-2.33 8.91-3.25l.6-.23c3.1-1.07 4.6.23 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.55 5.55 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.37 10.37 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.24-1.27c.52-2.79 1-5.43 1.46-8.24a5.48 5.48 0 014.46-4.64l25.69-4.14a10.43 10.43 0 009.18-10.28v-11.71zm-282.45 94a15.8 15.8 0 01-25.47 2.66 135.06 135.06 0 01.42-181.65 15.81 15.81 0 0125.5 2.77l45.65 80.35a15.85 15.85 0 010 15.74zM256 391.11a134.75 134.75 0 01-28.31-3 15.81 15.81 0 01-10.23-23.36l46-80a15.79 15.79 0 0113.7-7.93h92.14a15.8 15.8 0 0115.1 20.53c-17.49 54.32-68.4 93.76-128.4 93.76zm7.51-163.9L218 147.07a15.81 15.81 0 0110.31-23.3 134 134 0 0127.69-2.88c60 0 110.91 39.44 128.37 93.79a15.8 15.8 0 01-15.1 20.53h-92a15.78 15.78 0 01-13.76-8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.51 5.51 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.64a10.42 10.42 0 00.39-13.76l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-5-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.09-5.89a10.3 10.3 0 00-13.45 2.83L325 96.28a4.6 4.6 0 01-5.6 1.72c-.61-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.46 5.46 0 01-5.36 3.65h-9.75a5.5 5.5 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.47 2a10.46 10.46 0 00-8.56 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.29.89-7.26 2.79-9.52 3.63-2 .72-4.18-.07-5.94-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.4 10.4 0 00-13.61 2L93 126.63a10.31 10.31 0 00.37 13.75L110.45 160a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.38 10.38 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.24 1.27c-.52 2.79-1 5.43-1.46 8.24a5.48 5.48 0 01-4.46 4.64l-25.69 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.49 5.49 0 015.82 2.81c1.5 2.8 3.11 5.63 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.63a10.41 10.41 0 00-.5 13.77l7.41 8.91a10.23 10.23 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.47 5.47 0 011.73 6.21l-9.27 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.4-1.73 3.6-2.5 5.23-1.84 3.48 1.44 5.81 2.25 9.94 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.43 10.43 0 0011.75-7.17l8.5-24.77a5.45 5.45 0 015.36-3.65h9.75a5.49 5.49 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.54-2.33 8.91-3.25l.6-.23c3.1-1.07 4.6.23 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.55 5.55 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.37 10.37 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.24-1.27c.52-2.79 1-5.43 1.46-8.24a5.48 5.48 0 014.46-4.64l25.69-4.14a10.43 10.43 0 009.18-10.28v-11.71zm-282.45 94a15.8 15.8 0 01-25.47 2.66 135.06 135.06 0 01.42-181.65 15.81 15.81 0 0125.5 2.77l45.65 80.35a15.85 15.85 0 010 15.74zM256 391.11a134.75 134.75 0 01-28.31-3 15.81 15.81 0 01-10.23-23.36l46-80a15.79 15.79 0 0113.7-7.93h92.14a15.8 15.8 0 0115.1 20.53c-17.49 54.32-68.4 93.76-128.4 93.76zm7.51-163.9L218 147.07a15.81 15.81 0 0110.31-23.3 134 134 0 0127.69-2.88c60 0 110.91 39.44 128.37 93.79a15.8 15.8 0 01-15.1 20.53h-92a15.78 15.78 0 01-13.76-8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cog = props => {
 Cog.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CogOutline.js b/src/CogOutline.js
index fcc18f7dd..765d8aef3 100644
--- a/src/CogOutline.js
+++ b/src/CogOutline.js
@@ -15,7 +15,7 @@ const CogOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CogOutline = props => {
 CogOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CogSharp.js b/src/CogSharp.js
index 96df84fa1..d15b3db50 100644
--- a/src/CogSharp.js
+++ b/src/CogSharp.js
@@ -15,7 +15,7 @@ const CogSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.5 5.5 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.63a10.44 10.44 0 00.39-13.77l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-4.95-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.08-5.85a10.31 10.31 0 00-13.46 2.83L325 96.28a4.58 4.58 0 01-5.6 1.72c-.62-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.42 5.42 0 01-5.36 3.65h-9.75a5.53 5.53 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.46 2a10.46 10.46 0 00-8.57 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.28.89-7.26 2.78-9.51 3.63-2 .72-4.19-.07-6-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.39 10.39 0 00-13.61 2l-7.4 8.9a10.32 10.32 0 00.37 13.76l17.09 19.6a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.37 10.37 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.23 1.24c-.53 2.8-1 5.45-1.47 8.27a5.48 5.48 0 01-4.46 4.64l-25.7 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.5 5.5 0 015.82 2.81c1.5 2.8 3.12 5.64 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.64a10.41 10.41 0 00-.5 13.76l7.41 8.91a10.24 10.24 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.45 5.45 0 011.72 6.21l-9.26 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.39-1.73 3.6-2.5 5.24-1.84 3.47 1.44 5.8 2.25 9.93 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.44 10.44 0 0011.75-7.17l8.5-24.77a5.48 5.48 0 015.36-3.65h9.75a5.52 5.52 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.53-2.33 8.91-3.24l.6-.24c3.06-1.06 4.53.14 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.56 5.56 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.36 10.36 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.23-1.25c.53-2.8 1-5.44 1.47-8.26a5.48 5.48 0 014.46-4.64l25.7-4.14a10.43 10.43 0 009.17-10.28v-11.71zM171.59 361.27a135.12 135.12 0 01.5-210.94l60 105.61zM256 391.11a133.75 133.75 0 01-48.49-9.05L268 276.79h121.22C379.21 341.45 323.29 391.11 256 391.11zm12.06-155.9l-59.95-105.5a133.87 133.87 0 0147.89-8.82c67.29 0 123.21 49.66 133.22 114.32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 249.93a10.58 10.58 0 00-9.36-9.94L429 235.84a5.42 5.42 0 01-4.5-4.67c-.49-3.15-1-6.42-1.7-9.52a5.52 5.52 0 012.63-5.85l22.78-12.65a10.35 10.35 0 005-12.83l-3.95-10.9a10.32 10.32 0 00-12.13-6.51l-25.55 5a5.5 5.5 0 01-5.82-2.81c-1.49-2.79-3.11-5.63-4.8-8.42a5.6 5.6 0 01.44-6.5l17-19.63a10.44 10.44 0 00.39-13.77l-7.42-8.91a10.24 10.24 0 00-13.58-2l-22.37 13.43a5.39 5.39 0 01-6.39-.63c-2.47-2.17-4.95-4.26-7.37-6.19a5.45 5.45 0 01-1.72-6.21l9.26-24.4a10.35 10.35 0 00-4.31-13.07l-10.08-5.85a10.31 10.31 0 00-13.46 2.83L325 96.28a4.58 4.58 0 01-5.6 1.72c-.62-.25-5.77-2.36-9.78-3.7a5.42 5.42 0 01-3.74-5.23l.39-26.07a10.48 10.48 0 00-8.57-10.88l-11.45-2a10.45 10.45 0 00-11.75 7.17L266 82.1a5.42 5.42 0 01-5.36 3.65h-9.75a5.53 5.53 0 01-5.3-3.67l-8.46-24.67a10.46 10.46 0 00-11.77-7.25l-11.46 2a10.46 10.46 0 00-8.57 10.79l.4 26.16a5.45 5.45 0 01-3.86 5.25c-2.28.89-7.26 2.78-9.51 3.63-2 .72-4.19-.07-6-2.1l-16.26-20A10.3 10.3 0 00156.69 73l-10.06 5.83A10.36 10.36 0 00142.31 92l9.25 24.34a5.54 5.54 0 01-1.7 6.23c-2.43 2-4.92 4-7.4 6.22a5.38 5.38 0 01-6.35.64L114 115.74a10.39 10.39 0 00-13.61 2l-7.4 8.9a10.32 10.32 0 00.37 13.76l17.09 19.6a5.42 5.42 0 01.45 6.45c-1.71 2.72-3.34 5.58-4.82 8.44a5.53 5.53 0 01-5.86 2.82l-25.51-4.93a10.34 10.34 0 00-12.14 6.51l-4 10.88a10.37 10.37 0 005 12.85l22.78 12.65a5.39 5.39 0 012.65 5.92l-.23 1.24c-.53 2.8-1 5.45-1.47 8.27a5.48 5.48 0 01-4.46 4.64l-25.7 4.15A10.42 10.42 0 0048 250.16v11.58A10.26 10.26 0 0057.16 272l25.68 4.14a5.41 5.41 0 014.5 4.67c.49 3.16 1 6.42 1.7 9.52a5.52 5.52 0 01-2.63 5.85l-22.77 12.67a10.35 10.35 0 00-5 12.83l4 10.9a10.33 10.33 0 0012.13 6.51l25.55-4.95a5.5 5.5 0 015.82 2.81c1.5 2.8 3.12 5.64 4.8 8.42a5.58 5.58 0 01-.44 6.5l-17 19.64a10.41 10.41 0 00-.5 13.76l7.41 8.91a10.24 10.24 0 0013.58 2l22.37-13.43a5.39 5.39 0 016.39.63c2.48 2.17 5 4.26 7.37 6.19a5.45 5.45 0 011.72 6.21l-9.26 24.4a10.35 10.35 0 004.31 13.07l10.11 5.84a10.3 10.3 0 0013.45-2.82L187 415.92c1.39-1.73 3.6-2.5 5.24-1.84 3.47 1.44 5.8 2.25 9.93 3.63a5.44 5.44 0 013.75 5.23l-.4 26.05a10.5 10.5 0 008.57 10.88l11.45 2a10.44 10.44 0 0011.75-7.17l8.5-24.77a5.48 5.48 0 015.36-3.65h9.75a5.52 5.52 0 015.3 3.67l8.47 24.67a10.48 10.48 0 0010 7.41 9.74 9.74 0 001.78-.16l11.47-2a10.46 10.46 0 008.56-10.79l-.4-26.16a5.43 5.43 0 013.75-5.2c3.84-1.29 6.53-2.33 8.91-3.24l.6-.24c3.06-1.06 4.53.14 5.47 1.31l16.75 20.63A10.3 10.3 0 00355 439l10.07-5.83a10.35 10.35 0 004.31-13.1l-9.24-24.34a5.52 5.52 0 011.69-6.23c2.43-2 4.92-4 7.4-6.22a5.39 5.39 0 016.38-.62l22.39 13.4a10.39 10.39 0 0013.61-2l7.4-8.9a10.31 10.31 0 00-.37-13.75l-17.06-19.67a5.42 5.42 0 01-.45-6.45c1.71-2.71 3.34-5.57 4.82-8.44a5.56 5.56 0 015.86-2.82l25.48 4.97a10.34 10.34 0 0012.14-6.51l3.95-10.88a10.36 10.36 0 00-5-12.84l-22.8-12.67a5.4 5.4 0 01-2.61-5.89l.23-1.25c.53-2.8 1-5.44 1.47-8.26a5.48 5.48 0 014.46-4.64l25.7-4.14a10.43 10.43 0 009.17-10.28v-11.71zM171.59 361.27a135.12 135.12 0 01.5-210.94l60 105.61zM256 391.11a133.75 133.75 0 01-48.49-9.05L268 276.79h121.22C379.21 341.45 323.29 391.11 256 391.11zm12.06-155.9l-59.95-105.5a133.87 133.87 0 0147.89-8.82c67.29 0 123.21 49.66 133.22 114.32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CogSharp = props => {
 CogSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFill.js b/src/ColorFill.js
index 16ec28f20..24e4a21eb 100644
--- a/src/ColorFill.js
+++ b/src/ColorFill.js
@@ -15,7 +15,7 @@ const ColorFill = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 480c-35.29 0-64-29.11-64-64.88 0-33.29 28.67-65.4 44.08-82.64 1.87-2.1 3.49-3.91 4.68-5.31a19.94 19.94 0 0130.55 0c1.13 1.31 2.63 3 4.36 4.93 15.5 17.3 44.33 49.51 44.33 83.05 0 35.74-28.71 64.85-64 64.85zM398.23 276.64L166.89 47.22a52.1 52.1 0 00-73.6 0l-4.51 4.51a53.2 53.2 0 00-15.89 37.33A51.66 51.66 0 0088.14 126l41.51 41.5L45 252a44.52 44.52 0 00-13 32 42.81 42.81 0 0013.5 30.84l131.24 126a44 44 0 0061.08-.18l124.11-120.28a15.6 15.6 0 018.23-4.29 69.21 69.21 0 0111.93-.86h.3a22.53 22.53 0 0015.84-38.59zM152.29 144.85l-41.53-41.52a20 20 0 010-28.34l5.16-5.15a20.07 20.07 0 0128.39 0L186 111.21z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 480c-35.29 0-64-29.11-64-64.88 0-33.29 28.67-65.4 44.08-82.64 1.87-2.1 3.49-3.91 4.68-5.31a19.94 19.94 0 0130.55 0c1.13 1.31 2.63 3 4.36 4.93 15.5 17.3 44.33 49.51 44.33 83.05 0 35.74-28.71 64.85-64 64.85zM398.23 276.64L166.89 47.22a52.1 52.1 0 00-73.6 0l-4.51 4.51a53.2 53.2 0 00-15.89 37.33A51.66 51.66 0 0088.14 126l41.51 41.5L45 252a44.52 44.52 0 00-13 32 42.81 42.81 0 0013.5 30.84l131.24 126a44 44 0 0061.08-.18l124.11-120.28a15.6 15.6 0 018.23-4.29 69.21 69.21 0 0111.93-.86h.3a22.53 22.53 0 0015.84-38.59zM152.29 144.85l-41.53-41.52a20 20 0 010-28.34l5.16-5.15a20.07 20.07 0 0128.39 0L186 111.21z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFill = props => {
 ColorFill.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFillOutline.js b/src/ColorFillOutline.js
index 7b58f0232..04b6f4a43 100644
--- a/src/ColorFillOutline.js
+++ b/src/ColorFillOutline.js
@@ -15,7 +15,7 @@ const ColorFillOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M419.1 337.45a3.94 3.94 0 00-6.1 0c-10.5 12.4-45 46.55-45 77.66 0 27 21.5 48.89 48 48.89h0c26.5 0 48-22 48-48.89 0-31.11-34.3-65.26-44.9-77.66zM387 287.9L155.61 58.36a36 36 0 00-51 0l-5.15 5.15a36 36 0 000 51l52.89 52.89 57-57L56.33 263.2a28 28 0 00.3 40l131.2 126a28.05 28.05 0 0038.9-.1c37.8-36.6 118.3-114.5 126.7-122.9 5.8-5.8 18.2-7.1 28.7-7.1h.3a6.53 6.53 0 004.57-11.2z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M419.1 337.45a3.94 3.94 0 00-6.1 0c-10.5 12.4-45 46.55-45 77.66 0 27 21.5 48.89 48 48.89h0c26.5 0 48-22 48-48.89 0-31.11-34.3-65.26-44.9-77.66zM387 287.9L155.61 58.36a36 36 0 00-51 0l-5.15 5.15a36 36 0 000 51l52.89 52.89 57-57L56.33 263.2a28 28 0 00.3 40l131.2 126a28.05 28.05 0 0038.9-.1c37.8-36.6 118.3-114.5 126.7-122.9 5.8-5.8 18.2-7.1 28.7-7.1h.3a6.53 6.53 0 004.57-11.2z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFillOutline = props => {
 ColorFillOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFillSharp.js b/src/ColorFillSharp.js
index b0c55d1cb..931101b5a 100644
--- a/src/ColorFillSharp.js
+++ b/src/ColorFillSharp.js
@@ -15,7 +15,7 @@ const ColorFillSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 320s-64 48-64 99.84c0 33.28 28.67 60.16 64 60.16s64-27 64-60.16C480 368 416 320 416 320zM144 32l-76 76 70 70L32 280l176 184 152.8-148.3L416 304zm24 116l-39.6-41 15.88-15.89L184 132z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 320s-64 48-64 99.84c0 33.28 28.67 60.16 64 60.16s64-27 64-60.16C480 368 416 320 416 320zM144 32l-76 76 70 70L32 280l176 184 152.8-148.3L416 304zm24 116l-39.6-41 15.88-15.89L184 132z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFillSharp = props => {
 ColorFillSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFilter.js b/src/ColorFilter.js
index 602a3ea4d..33471408f 100644
--- a/src/ColorFilter.js
+++ b/src/ColorFilter.js
@@ -15,7 +15,7 @@ const ColorFilter = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M253.72 202.53a4 4 0 004.56 0 151.88 151.88 0 01128.44-20.41 4 4 0 005.15-4C388.8 105.86 329 48 256 48s-132.8 57.86-135.87 130.15a4 4 0 005.15 4 151.88 151.88 0 01128.44 20.41zM405.31 212.56a152.53 152.53 0 01-83.08 108.23 4 4 0 00-2.28 3.69c0 1.17.05 2.34.05 3.52a151.58 151.58 0 01-47.15 109.94 4 4 0 00.64 6.31A135.24 135.24 0 00344 464c72.07 0 134.1-60.28 136-132.34a136.07 136.07 0 00-68.76-121.87 4 4 0 00-5.93 2.77z"/><path d="M390.57 203.67a4 4 0 00-2.69-4.4 135.84 135.84 0 00-114.4 12.49 4 4 0 00-.64 6.29 151.92 151.92 0 0144.47 81.4 4 4 0 005.94 2.72 136.29 136.29 0 0067.32-98.5zM192 328c0-1.18 0-2.35.05-3.52a4 4 0 00-2.28-3.69 152.53 152.53 0 01-83.08-108.23 4 4 0 00-5.88-2.77 136.07 136.07 0 00-68.76 121.87C34 403.72 96 464 168.05 464a135.24 135.24 0 0070.46-19.75 4 4 0 00.64-6.31A151.58 151.58 0 01192 328z"/><path d="M168 192a135.34 135.34 0 00-43.88 7.27 4 4 0 00-2.69 4.4 136.29 136.29 0 0067.32 98.5 4 4 0 005.94-2.72 151.92 151.92 0 0144.47-81.4 4 4 0 00-.64-6.29A135.18 135.18 0 00168 192zM256 336a151.44 151.44 0 01-42.72-6.12 4 4 0 00-5.15 4 135.69 135.69 0 0045.18 95.4 4 4 0 005.38 0 135.69 135.69 0 0045.18-95.4 4 4 0 00-5.15-4A151.44 151.44 0 01256 336zM302.57 308.33a135.94 135.94 0 00-43.87-81.58 4.06 4.06 0 00-5.4 0 135.94 135.94 0 00-43.87 81.58 4 4 0 002.69 4.4 136.06 136.06 0 0087.76 0 4 4 0 002.69-4.4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M253.72 202.53a4 4 0 004.56 0 151.88 151.88 0 01128.44-20.41 4 4 0 005.15-4C388.8 105.86 329 48 256 48s-132.8 57.86-135.87 130.15a4 4 0 005.15 4 151.88 151.88 0 01128.44 20.41zM405.31 212.56a152.53 152.53 0 01-83.08 108.23 4 4 0 00-2.28 3.69c0 1.17.05 2.34.05 3.52a151.58 151.58 0 01-47.15 109.94 4 4 0 00.64 6.31A135.24 135.24 0 00344 464c72.07 0 134.1-60.28 136-132.34a136.07 136.07 0 00-68.76-121.87 4 4 0 00-5.93 2.77z" /><path d="M390.57 203.67a4 4 0 00-2.69-4.4 135.84 135.84 0 00-114.4 12.49 4 4 0 00-.64 6.29 151.92 151.92 0 0144.47 81.4 4 4 0 005.94 2.72 136.29 136.29 0 0067.32-98.5zM192 328c0-1.18 0-2.35.05-3.52a4 4 0 00-2.28-3.69 152.53 152.53 0 01-83.08-108.23 4 4 0 00-5.88-2.77 136.07 136.07 0 00-68.76 121.87C34 403.72 96 464 168.05 464a135.24 135.24 0 0070.46-19.75 4 4 0 00.64-6.31A151.58 151.58 0 01192 328z" /><path d="M168 192a135.34 135.34 0 00-43.88 7.27 4 4 0 00-2.69 4.4 136.29 136.29 0 0067.32 98.5 4 4 0 005.94-2.72 151.92 151.92 0 0144.47-81.4 4 4 0 00-.64-6.29A135.18 135.18 0 00168 192zM256 336a151.44 151.44 0 01-42.72-6.12 4 4 0 00-5.15 4 135.69 135.69 0 0045.18 95.4 4 4 0 005.38 0 135.69 135.69 0 0045.18-95.4 4 4 0 00-5.15-4A151.44 151.44 0 01256 336zM302.57 308.33a135.94 135.94 0 00-43.87-81.58 4.06 4.06 0 00-5.4 0 135.94 135.94 0 00-43.87 81.58 4 4 0 002.69 4.4 136.06 136.06 0 0087.76 0 4 4 0 002.69-4.4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFilter = props => {
 ColorFilter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFilterOutline.js b/src/ColorFilterOutline.js
index 90807b777..e41957779 100644
--- a/src/ColorFilterOutline.js
+++ b/src/ColorFilterOutline.js
@@ -15,7 +15,7 @@ const ColorFilterOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="184" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="344" cy="328" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="168" cy="328" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="184" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="344" cy="328" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="168" cy="328" r="120" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFilterOutline = props => {
 ColorFilterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorFilterSharp.js b/src/ColorFilterSharp.js
index 2c65ad7ba..d3943738f 100644
--- a/src/ColorFilterSharp.js
+++ b/src/ColorFilterSharp.js
@@ -15,7 +15,7 @@ const ColorFilterSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 185a167.85 167.85 0 01134.9-18.28C382.36 99.83 325.12 48 256 48S129.64 99.83 121.1 166.67A167.85 167.85 0 01256 185zM336 331.73a167.51 167.51 0 01-52.37 118.08A135 135 0 00344 464c75 0 136-61 136-136a136 136 0 00-59.06-112.08A168.53 168.53 0 01336 331.73zM283.58 206.19a167.87 167.87 0 0149.36 89.89 136.14 136.14 0 0058.06-95.7 135.87 135.87 0 00-107.43 5.81zM176.05 331.73a168.53 168.53 0 01-85-115.81A136 136 0 0032 328c0 75 61 136 136 136a135 135 0 0060.42-14.19 167.51 167.51 0 01-52.37-118.08zM179.06 296.08a167.87 167.87 0 0149.36-89.89A135.87 135.87 0 00121 200.38a136.14 136.14 0 0058.06 95.7zM302.9 345.33a168.22 168.22 0 01-93.8 0A135.9 135.9 0 00256 431.6a135.9 135.9 0 0046.9-86.27zM209 311.62a136 136 0 0094 0 135.93 135.93 0 00-47-87.22 135.93 135.93 0 00-47 87.22z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 185a167.85 167.85 0 01134.9-18.28C382.36 99.83 325.12 48 256 48S129.64 99.83 121.1 166.67A167.85 167.85 0 01256 185zM336 331.73a167.51 167.51 0 01-52.37 118.08A135 135 0 00344 464c75 0 136-61 136-136a136 136 0 00-59.06-112.08A168.53 168.53 0 01336 331.73zM283.58 206.19a167.87 167.87 0 0149.36 89.89 136.14 136.14 0 0058.06-95.7 135.87 135.87 0 00-107.43 5.81zM176.05 331.73a168.53 168.53 0 01-85-115.81A136 136 0 0032 328c0 75 61 136 136 136a135 135 0 0060.42-14.19 167.51 167.51 0 01-52.37-118.08zM179.06 296.08a167.87 167.87 0 0149.36-89.89A135.87 135.87 0 00121 200.38a136.14 136.14 0 0058.06 95.7zM302.9 345.33a168.22 168.22 0 01-93.8 0A135.9 135.9 0 00256 431.6a135.9 135.9 0 0046.9-86.27zM209 311.62a136 136 0 0094 0 135.93 135.93 0 00-47-87.22 135.93 135.93 0 00-47 87.22z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorFilterSharp = props => {
 ColorFilterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorPalette.js b/src/ColorPalette.js
index 8891f31cb..13f741a59 100644
--- a/src/ColorPalette.js
+++ b/src/ColorPalette.js
@@ -15,7 +15,7 @@ const ColorPalette = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441 336.2l-.06-.05c-9.93-9.18-22.78-11.34-32.16-12.92l-.69-.12c-9.05-1.49-10.48-2.5-14.58-6.17-2.44-2.17-5.35-5.65-5.35-9.94s2.91-7.77 5.34-9.94l30.28-26.87c25.92-22.91 40.2-53.66 40.2-86.59s-14.25-63.68-40.2-86.6c-35.89-31.59-85-49-138.37-49C223.72 48 162 71.37 116 112.11c-43.87 38.77-68 90.71-68 146.24s24.16 107.47 68 146.23c21.75 19.24 47.49 34.18 76.52 44.42a266.17 266.17 0 0086.87 15h1.81c61 0 119.09-20.57 159.39-56.4 9.7-8.56 15.15-20.83 15.34-34.56.21-14.17-5.37-27.95-14.93-36.84zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441 336.2l-.06-.05c-9.93-9.18-22.78-11.34-32.16-12.92l-.69-.12c-9.05-1.49-10.48-2.5-14.58-6.17-2.44-2.17-5.35-5.65-5.35-9.94s2.91-7.77 5.34-9.94l30.28-26.87c25.92-22.91 40.2-53.66 40.2-86.59s-14.25-63.68-40.2-86.6c-35.89-31.59-85-49-138.37-49C223.72 48 162 71.37 116 112.11c-43.87 38.77-68 90.71-68 146.24s24.16 107.47 68 146.23c21.75 19.24 47.49 34.18 76.52 44.42a266.17 266.17 0 0086.87 15h1.81c61 0 119.09-20.57 159.39-56.4 9.7-8.56 15.15-20.83 15.34-34.56.21-14.17-5.37-27.95-14.93-36.84zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorPalette = props => {
 ColorPalette.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorPaletteOutline.js b/src/ColorPaletteOutline.js
index 6cf16a736..5081dffa8 100644
--- a/src/ColorPaletteOutline.js
+++ b/src/ColorPaletteOutline.js
@@ -15,7 +15,7 @@ const ColorPaletteOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="144" cy="208" r="32"/><circle cx="152" cy="311" r="32"/><circle cx="224" cy="144" r="32"/><circle cx="256" cy="367" r="48"/><circle cx="328" cy="144" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430.11 347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1 0-43.8l30.3-26.9c46.4-41 46.4-108.2 0-149.2-34.2-30.1-80.1-45-127.8-45-55.7 0-113.9 20.3-158.8 60.1-83.5 73.8-83.5 194.7 0 268.5 41.5 36.7 97.5 55 152.9 55.4h1.7c55.4 0 110-17.9 148.8-52.4 14.4-12.7 11.99-36.6.1-47.7z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="144" cy="208" r="32" /><circle cx="152" cy="311" r="32" /><circle cx="224" cy="144" r="32" /><circle cx="256" cy="367" r="48" /><circle cx="328" cy="144" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorPaletteOutline = props => {
 ColorPaletteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorPaletteSharp.js b/src/ColorPaletteSharp.js
index b671af6fa..59e5a9fa8 100644
--- a/src/ColorPaletteSharp.js
+++ b/src/ColorPaletteSharp.js
@@ -15,7 +15,7 @@ const ColorPaletteSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 352c-12.6-.84-21-4-28-12-14-16-14-36 5.49-52.48l32.82-29.14c50.27-44.41 50.27-117.21 0-161.63C389.26 64.14 339.54 48 287.86 48c-60.34 0-123.39 22-172 65.11-90.46 80-90.46 210.92 0 290.87 45 39.76 105.63 59.59 165.64 60h1.84c60 0 119.07-19.5 161.2-56.77C464 390 464 385 444.62 355.56 440 348 431 353 416 352zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 352c-12.6-.84-21-4-28-12-14-16-14-36 5.49-52.48l32.82-29.14c50.27-44.41 50.27-117.21 0-161.63C389.26 64.14 339.54 48 287.86 48c-60.34 0-123.39 22-172 65.11-90.46 80-90.46 210.92 0 290.87 45 39.76 105.63 59.59 165.64 60h1.84c60 0 119.07-19.5 161.2-56.77C464 390 464 385 444.62 355.56 440 348 431 353 416 352zM112 208a32 32 0 1132 32 32 32 0 01-32-32zm40 135a32 32 0 1132-32 32 32 0 01-32 32zm40-199a32 32 0 1132 32 32 32 0 01-32-32zm64 271a48 48 0 1148-48 48 48 0 01-48 48zm72-239a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorPaletteSharp = props => {
 ColorPaletteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorWand.js b/src/ColorWand.js
index 10b990f5f..0947abf85 100644
--- a/src/ColorWand.js
+++ b/src/ColorWand.js
@@ -15,7 +15,7 @@ const ColorWand = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 208H48c-8.8 0-16-7.2-16-16s7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16zM124.1 140.1c-4.2 0-8.3-1.7-11.3-4.7l-33.9-33.9c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l33.9 33.9c6.3 6.2 6.3 16.4 0 22.6-3 3-7 4.7-11.3 4.7zM192 112c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16s16 7.2 16 16v48c0 8.8-7.2 16-16 16zM259.9 140.1c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM90.2 309.8c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM234.2 167c-18.4-18.7-48.5-19-67.2-.7s-19 48.5-.7 67.2l.7.7 39.5 39.5c3.1 3.1 8.2 3.1 11.3 0l55.9-55.9c3.1-3.1 3.1-8.2 0-11.3L234.2 167zM457 389.8L307.6 240.4c-3.1-3.1-8.2-3.1-11.3 0l-55.9 55.9c-3.1 3.1-3.1 8.2 0 11.3L389.8 457c18.4 18.7 48.5 19 67.2.7 18.7-18.4 19-48.5.7-67.2-.2-.2-.4-.5-.7-.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 208H48c-8.8 0-16-7.2-16-16s7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16zM124.1 140.1c-4.2 0-8.3-1.7-11.3-4.7l-33.9-33.9c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l33.9 33.9c6.3 6.2 6.3 16.4 0 22.6-3 3-7 4.7-11.3 4.7zM192 112c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16s16 7.2 16 16v48c0 8.8-7.2 16-16 16zM259.9 140.1c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM90.2 309.8c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM234.2 167c-18.4-18.7-48.5-19-67.2-.7s-19 48.5-.7 67.2l.7.7 39.5 39.5c3.1 3.1 8.2 3.1 11.3 0l55.9-55.9c3.1-3.1 3.1-8.2 0-11.3L234.2 167zM457 389.8L307.6 240.4c-3.1-3.1-8.2-3.1-11.3 0l-55.9 55.9c-3.1 3.1-3.1 8.2 0 11.3L389.8 457c18.4 18.7 48.5 19 67.2.7 18.7-18.4 19-48.5.7-67.2-.2-.2-.4-.5-.7-.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorWand = props => {
 ColorWand.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorWandOutline.js b/src/ColorWandOutline.js
index 389d39cfd..ef2c2c1f4 100644
--- a/src/ColorWandOutline.js
+++ b/src/ColorWandOutline.js
@@ -15,7 +15,7 @@ const ColorWandOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" x="280.48" y="122.9" width="63.03" height="378.2" rx="31.52" transform="rotate(-45 312.002 311.994)"/><path d="M178.38 178.38a31.64 31.64 0 000 44.75L223.25 268 268 223.25l-44.87-44.87a31.64 31.64 0 00-44.75 0z"/><path stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" strokeLinecap="round" d="M48 192h48M90.18 90.18l33.94 33.94M192 48v48M293.82 90.18l-33.94 33.94M124.12 259.88l-33.94 33.94"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" x="280.48" y="122.9" width="63.03" height="378.2" rx="31.52" transform="rotate(-45 312.002 311.994)" /><path d="M178.38 178.38a31.64 31.64 0 000 44.75L223.25 268 268 223.25l-44.87-44.87a31.64 31.64 0 00-44.75 0z" /><path stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" strokeLinecap="round" d="M48 192h48M90.18 90.18l33.94 33.94M192 48v48M293.82 90.18l-33.94 33.94M124.12 259.88l-33.94 33.94" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorWandOutline = props => {
 ColorWandOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ColorWandSharp.js b/src/ColorWandSharp.js
index edd286bc6..6f1848723 100644
--- a/src/ColorWandSharp.js
+++ b/src/ColorWandSharp.js
@@ -15,7 +15,7 @@ const ColorWandSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M133.441 200.647l67.197-67.196 78.142 78.142-67.196 67.196zM301.41 234.21l-67.19 67.2L412 480l68-68-178.59-177.79zM32 176h80v32H32zM67.624 90.25l22.627-22.628 56.569 56.569-22.627 22.627zM176 32h32v80h-32zM237.32 124.195l56.569-56.569 22.627 22.627-56.569 56.569zM67.62 293.887l56.569-56.569 22.627 22.627-56.569 56.569z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M133.441 200.647l67.197-67.196 78.142 78.142-67.196 67.196zM301.41 234.21l-67.19 67.2L412 480l68-68-178.59-177.79zM32 176h80v32H32zM67.624 90.25l22.627-22.628 56.569 56.569-22.627 22.627zM176 32h32v80h-32zM237.32 124.195l56.569-56.569 22.627 22.627-56.569 56.569zM67.62 293.887l56.569-56.569 22.627 22.627-56.569 56.569z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ColorWandSharp = props => {
 ColorWandSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Compass.js b/src/Compass.js
index ed8b5b36c..ed0ca9208 100644
--- a/src/Compass.js
+++ b/src/Compass.js
@@ -15,7 +15,7 @@ const Compass = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="24"/><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm105.07 113.33l-46.88 117.2a64 64 0 01-35.66 35.66l-117.2 46.88a8 8 0 01-10.4-10.4l46.88-117.2a64 64 0 0135.66-35.66l117.2-46.88a8 8 0 0110.4 10.4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="24" /><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm105.07 113.33l-46.88 117.2a64 64 0 01-35.66 35.66l-117.2 46.88a8 8 0 01-10.4-10.4l46.88-117.2a64 64 0 0135.66-35.66l117.2-46.88a8 8 0 0110.4 10.4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Compass = props => {
 Compass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CompassOutline.js b/src/CompassOutline.js
index 650660971..74a73b10c 100644
--- a/src/CompassOutline.js
+++ b/src/CompassOutline.js
@@ -15,7 +15,7 @@ const CompassOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M350.67 150.93l-117.2 46.88a64 64 0 00-35.66 35.66l-46.88 117.2a8 8 0 0010.4 10.4l117.2-46.88a64 64 0 0035.66-35.66l46.88-117.2a8 8 0 00-10.4-10.4zM256 280a24 24 0 1124-24 24 24 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M350.67 150.93l-117.2 46.88a64 64 0 00-35.66 35.66l-46.88 117.2a8 8 0 0010.4 10.4l117.2-46.88a64 64 0 0035.66-35.66l46.88-117.2a8 8 0 00-10.4-10.4zM256 280a24 24 0 1124-24 24 24 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CompassOutline = props => {
 CompassOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CompassSharp.js b/src/CompassSharp.js
index 0bfd913b2..dcd2b42db 100644
--- a/src/CompassSharp.js
+++ b/src/CompassSharp.js
@@ -15,7 +15,7 @@ const CompassSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="24"/><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 256l-160 64 64-160 160-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="24" /><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 256l-160 64 64-160 160-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CompassSharp = props => {
 CompassSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Construct.js b/src/Construct.js
index a91812e48..b4b0d261e 100644
--- a/src/Construct.js
+++ b/src/Construct.js
@@ -15,7 +15,7 @@ const Construct = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M503.58 126.2a16.85 16.85 0 00-27.07-4.55l-51.15 51.15a11.15 11.15 0 01-15.66 0l-22.48-22.48a11.17 11.17 0 010-15.67l50.88-50.89a16.85 16.85 0 00-5.27-27.4c-39.71-17-89.08-7.45-120 23.29-26.81 26.61-34.83 68-22 113.7a11 11 0 01-3.16 11.1L114.77 365.1a56.76 56.76 0 1080.14 80.18L357 272.08a11 11 0 0110.9-3.17c45 12 86 4 112.43-22 15.2-15 25.81-36.17 29.89-59.71 3.83-22.2 1.41-44.44-6.64-61z"/><path d="M437.33 378.41c-13.94-11.59-43.72-38.4-74.07-66.22l-66.07 70.61c28.24 30 53.8 57.85 65 70.88l.07.08A30 30 0 00383.72 464h1.1a30.11 30.11 0 0021-8.62l.07-.07 33.43-33.37a29.46 29.46 0 00-2-43.53zM118.54 214.55a20.48 20.48 0 00-3-10.76 2.76 2.76 0 012.62-4.22h.06c.84.09 5.33.74 11.7 4.61 4.73 2.87 18.23 12.08 41.73 35.54a34.23 34.23 0 007.22 22.12l66.23-61.55a33.73 33.73 0 00-21.6-9.2 2.65 2.65 0 01-.21-.26l-.65-.69-24.54-33.84a28.45 28.45 0 01-4-26.11 35.23 35.23 0 0111.78-16.35c5.69-4.41 18.53-9.72 29.44-10.62a52.92 52.92 0 0115.19.94 65.57 65.57 0 017.06 2.13 15.46 15.46 0 002.15.63 16 16 0 0016.38-25.06c-.26-.35-1.32-1.79-2.89-3.73a91.85 91.85 0 00-9.6-10.36c-8.15-7.36-29.27-19.77-57-19.77a123.13 123.13 0 00-46.3 9c-38.37 15.45-63.47 36.58-75.01 47.79l-.09.09A222.14 222.14 0 0063.7 129.5a27 27 0 00-4.7 11.77 7.33 7.33 0 01-7.71 6.17H50.2a20.65 20.65 0 00-14.59 5.9L6.16 182.05l-.32.32a20.89 20.89 0 00-.24 28.72c.19.2.37.39.57.58L53.67 258a21 21 0 0014.65 6 20.65 20.65 0 0014.59-5.9l29.46-28.79a20.51 20.51 0 006.17-14.76z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M503.58 126.2a16.85 16.85 0 00-27.07-4.55l-51.15 51.15a11.15 11.15 0 01-15.66 0l-22.48-22.48a11.17 11.17 0 010-15.67l50.88-50.89a16.85 16.85 0 00-5.27-27.4c-39.71-17-89.08-7.45-120 23.29-26.81 26.61-34.83 68-22 113.7a11 11 0 01-3.16 11.1L114.77 365.1a56.76 56.76 0 1080.14 80.18L357 272.08a11 11 0 0110.9-3.17c45 12 86 4 112.43-22 15.2-15 25.81-36.17 29.89-59.71 3.83-22.2 1.41-44.44-6.64-61z" /><path d="M437.33 378.41c-13.94-11.59-43.72-38.4-74.07-66.22l-66.07 70.61c28.24 30 53.8 57.85 65 70.88l.07.08A30 30 0 00383.72 464h1.1a30.11 30.11 0 0021-8.62l.07-.07 33.43-33.37a29.46 29.46 0 00-2-43.53zM118.54 214.55a20.48 20.48 0 00-3-10.76 2.76 2.76 0 012.62-4.22h.06c.84.09 5.33.74 11.7 4.61 4.73 2.87 18.23 12.08 41.73 35.54a34.23 34.23 0 007.22 22.12l66.23-61.55a33.73 33.73 0 00-21.6-9.2 2.65 2.65 0 01-.21-.26l-.65-.69-24.54-33.84a28.45 28.45 0 01-4-26.11 35.23 35.23 0 0111.78-16.35c5.69-4.41 18.53-9.72 29.44-10.62a52.92 52.92 0 0115.19.94 65.57 65.57 0 017.06 2.13 15.46 15.46 0 002.15.63 16 16 0 0016.38-25.06c-.26-.35-1.32-1.79-2.89-3.73a91.85 91.85 0 00-9.6-10.36c-8.15-7.36-29.27-19.77-57-19.77a123.13 123.13 0 00-46.3 9c-38.37 15.45-63.47 36.58-75.01 47.79l-.09.09A222.14 222.14 0 0063.7 129.5a27 27 0 00-4.7 11.77 7.33 7.33 0 01-7.71 6.17H50.2a20.65 20.65 0 00-14.59 5.9L6.16 182.05l-.32.32a20.89 20.89 0 00-.24 28.72c.19.2.37.39.57.58L53.67 258a21 21 0 0014.65 6 20.65 20.65 0 0014.59-5.9l29.46-28.79a20.51 20.51 0 006.17-14.76z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Construct = props => {
 Construct.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ConstructOutline.js b/src/ConstructOutline.js
index 572181386..794a417dd 100644
--- a/src/ConstructOutline.js
+++ b/src/ConstructOutline.js
@@ -15,7 +15,7 @@ const ConstructOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M436.67 184.11a27.17 27.17 0 01-38.3 0l-22.48-22.49a27.15 27.15 0 010-38.29l50.89-50.89a.85.85 0 00-.26-1.38C393.68 57 351.09 64.15 324.05 91c-25.88 25.69-27.35 64.27-17.87 98a27 27 0 01-7.67 27.14l-173 160.76a40.76 40.76 0 1057.57 57.54l162.15-173.3a27 27 0 0126.77-7.7c33.46 8.94 71.49 7.26 97.07-17.94 27.49-27.08 33.42-74.94 20.1-102.33a.85.85 0 00-1.36-.22z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M224 284c-17.48-17-25.49-24.91-31-30.29a18.24 18.24 0 01-3.33-21.35 20.76 20.76 0 013.5-4.62l15.68-15.29a18.66 18.66 0 015.63-3.87 18.11 18.11 0 0120 3.62c5.45 5.29 15.43 15 33.41 32.52M317.07 291.3c40.95 38.1 90.62 83.27 110 99.41a13.46 13.46 0 01.94 19.92L394.63 444a14 14 0 01-20.29-.76c-16.53-19.18-61.09-67.11-99.27-107" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M17.34 193.5l29.41-28.74a4.71 4.71 0 013.41-1.35 4.85 4.85 0 013.41 1.35h0a9.86 9.86 0 008.19 2.77c3.83-.42 7.92-1.6 10.57-4.12 6-5.8-.94-17.23 4.34-24.54a207 207 0 0119.78-22.6c6-5.88 29.84-28.32 69.9-44.45A107.31 107.31 0 01206.67 64c22.59 0 40 10 46.26 15.67a89.54 89.54 0 0110.28 11.64 78.92 78.92 0 00-9.21-2.77 68.82 68.82 0 00-20-1.26c-13.33 1.09-29.41 7.26-38 14-13.9 11-19.87 25.72-20.81 44.71-.68 14.12 2.72 22.1 36.1 55.49a6.6 6.6 0 01-.34 9.16l-18.22 18a6.88 6.88 0 01-9.54.09c-21.94-21.94-36.65-33.09-45-38.16s-15.07-6.5-18.3-6.85a30.85 30.85 0 00-18.27 3.87 11.39 11.39 0 00-2.64 2 14.14 14.14 0 00.42 20.08l1.71 1.6a4.63 4.63 0 010 6.64L71.73 246.6a4.71 4.71 0 01-3.41 1.4 4.86 4.86 0 01-3.41-1.35l-47.57-46.43a4.88 4.88 0 010-6.72z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M436.67 184.11a27.17 27.17 0 01-38.3 0l-22.48-22.49a27.15 27.15 0 010-38.29l50.89-50.89a.85.85 0 00-.26-1.38C393.68 57 351.09 64.15 324.05 91c-25.88 25.69-27.35 64.27-17.87 98a27 27 0 01-7.67 27.14l-173 160.76a40.76 40.76 0 1057.57 57.54l162.15-173.3a27 27 0 0126.77-7.7c33.46 8.94 71.49 7.26 97.07-17.94 27.49-27.08 33.42-74.94 20.1-102.33a.85.85 0 00-1.36-.22z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M224 284c-17.48-17-25.49-24.91-31-30.29a18.24 18.24 0 01-3.33-21.35 20.76 20.76 0 013.5-4.62l15.68-15.29a18.66 18.66 0 015.63-3.87 18.11 18.11 0 0120 3.62c5.45 5.29 15.43 15 33.41 32.52M317.07 291.3c40.95 38.1 90.62 83.27 110 99.41a13.46 13.46 0 01.94 19.92L394.63 444a14 14 0 01-20.29-.76c-16.53-19.18-61.09-67.11-99.27-107" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M17.34 193.5l29.41-28.74a4.71 4.71 0 013.41-1.35 4.85 4.85 0 013.41 1.35h0a9.86 9.86 0 008.19 2.77c3.83-.42 7.92-1.6 10.57-4.12 6-5.8-.94-17.23 4.34-24.54a207 207 0 0119.78-22.6c6-5.88 29.84-28.32 69.9-44.45A107.31 107.31 0 01206.67 64c22.59 0 40 10 46.26 15.67a89.54 89.54 0 0110.28 11.64 78.92 78.92 0 00-9.21-2.77 68.82 68.82 0 00-20-1.26c-13.33 1.09-29.41 7.26-38 14-13.9 11-19.87 25.72-20.81 44.71-.68 14.12 2.72 22.1 36.1 55.49a6.6 6.6 0 01-.34 9.16l-18.22 18a6.88 6.88 0 01-9.54.09c-21.94-21.94-36.65-33.09-45-38.16s-15.07-6.5-18.3-6.85a30.85 30.85 0 00-18.27 3.87 11.39 11.39 0 00-2.64 2 14.14 14.14 0 00.42 20.08l1.71 1.6a4.63 4.63 0 010 6.64L71.73 246.6a4.71 4.71 0 01-3.41 1.4 4.86 4.86 0 01-3.41-1.35l-47.57-46.43a4.88 4.88 0 010-6.72z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ConstructOutline = props => {
 ConstructOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ConstructSharp.js b/src/ConstructSharp.js
index 5a17880b2..7bf5c8cb7 100644
--- a/src/ConstructSharp.js
+++ b/src/ConstructSharp.js
@@ -15,7 +15,7 @@ const ConstructSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M497.14 111.38l-81.09 80.84-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 000 17l52.27 52.11a12 12 0 0017 0l180-180.5c43.16 16.21 98 11.64 132.74-23 37.5-37.45 37.42-100.34 15.56-145.6z"/><path d="M365.45 308.62l-71.83 72 75.53 79.92a10.88 10.88 0 0015.65.21l60-60.46a11 11 0 00-.24-15.69zM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24-1.54-1.47a1.06 1.06 0 01-.26-.8 16.16 16.16 0 019.52-2c1.27.13 5.91.9 12.4 4.91 3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 00.14 15.35l7.43 7.86 65.66-65.17-8.25-7.84a10.87 10.87 0 00-15.31-.06c-23-24.68-29-35.45-31-42.45-4.42-15.47 4.14-28 14-36 5.84-4.62 17.88-8.08 29-9a52.72 52.72 0 0111.61.6c3.47.5 6.3 1.14 7.39 1.4a68.51 68.51 0 0111 4l12-19a88.38 88.38 0 00-13.4-17.7 115.05 115.05 0 00-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.38 117.38 0 00-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.55 219.55 0 0067 128.56c-5.35 7.53-4.77 15.84-4.38 21.34 0 .32 0 .67.07 1a18.41 18.41 0 00-10.78-3.5A18 18 0 0039 152.73L2 189.62a6.79 6.79 0 000 9.6L65 262a6.72 6.72 0 009.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M497.14 111.38l-81.09 80.84-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 000 17l52.27 52.11a12 12 0 0017 0l180-180.5c43.16 16.21 98 11.64 132.74-23 37.5-37.45 37.42-100.34 15.56-145.6z" /><path d="M365.45 308.62l-71.83 72 75.53 79.92a10.88 10.88 0 0015.65.21l60-60.46a11 11 0 00-.24-15.69zM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24-1.54-1.47a1.06 1.06 0 01-.26-.8 16.16 16.16 0 019.52-2c1.27.13 5.91.9 12.4 4.91 3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 00.14 15.35l7.43 7.86 65.66-65.17-8.25-7.84a10.87 10.87 0 00-15.31-.06c-23-24.68-29-35.45-31-42.45-4.42-15.47 4.14-28 14-36 5.84-4.62 17.88-8.08 29-9a52.72 52.72 0 0111.61.6c3.47.5 6.3 1.14 7.39 1.4a68.51 68.51 0 0111 4l12-19a88.38 88.38 0 00-13.4-17.7 115.05 115.05 0 00-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.38 117.38 0 00-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.55 219.55 0 0067 128.56c-5.35 7.53-4.77 15.84-4.38 21.34 0 .32 0 .67.07 1a18.41 18.41 0 00-10.78-3.5A18 18 0 0039 152.73L2 189.62a6.79 6.79 0 000 9.6L65 262a6.72 6.72 0 009.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ConstructSharp = props => {
 ConstructSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Contract.js b/src/Contract.js
index 92285d149..99f368018 100644
--- a/src/Contract.js
+++ b/src/Contract.js
@@ -15,7 +15,7 @@ const Contract = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Contract = props => {
 Contract.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ContractOutline.js b/src/ContractOutline.js
index 3e308052d..d9116f664 100644
--- a/src/ContractOutline.js
+++ b/src/ContractOutline.js
@@ -15,7 +15,7 @@ const ContractOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ContractOutline = props => {
 ContractOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ContractSharp.js b/src/ContractSharp.js
index c95fa711e..935de09bc 100644
--- a/src/ContractSharp.js
+++ b/src/ContractSharp.js
@@ -15,7 +15,7 @@ const ContractSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 416V304h112M314.2 314.23L432 432M208 96v112H96M197.8 197.77L80 80M416 208H304V96M314.23 197.8L432 80M96 304h112v112M197.77 314.2L80 432" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ContractSharp = props => {
 ContractSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Contrast.js b/src/Contrast.js
index d0e2028c4..1f28316b7 100644
--- a/src/Contrast.js
+++ b/src/Contrast.js
@@ -15,7 +15,7 @@ const Contrast = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32A224 224 0 0097.61 414.39 224 224 0 10414.39 97.61 222.53 222.53 0 00256 32zM64 256c0-105.87 86.13-192 192-192v384c-105.87 0-192-86.13-192-192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32A224 224 0 0097.61 414.39 224 224 0 10414.39 97.61 222.53 222.53 0 00256 32zM64 256c0-105.87 86.13-192 192-192v384c-105.87 0-192-86.13-192-192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Contrast = props => {
 Contrast.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ContrastOutline.js b/src/ContrastOutline.js
index b1f2e97a3..ee53c9948 100644
--- a/src/ContrastOutline.js
+++ b/src/ContrastOutline.js
@@ -15,7 +15,7 @@ const ContrastOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 464c-114.88 0-208-93.12-208-208S141.12 48 256 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 464c-114.88 0-208-93.12-208-208S141.12 48 256 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ContrastOutline = props => {
 ContrastOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ContrastSharp.js b/src/ContrastSharp.js
index fb7358f45..a369cf543 100644
--- a/src/ContrastSharp.js
+++ b/src/ContrastSharp.js
@@ -15,7 +15,7 @@ const ContrastSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zM128.72 383.28A180 180 0 01256 76v360a178.82 178.82 0 01-127.28-52.72z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zM128.72 383.28A180 180 0 01256 76v360a178.82 178.82 0 01-127.28-52.72z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ContrastSharp = props => {
 ContrastSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Copy.js b/src/Copy.js
index 46867c914..e2a58dfa3 100644
--- a/src/Copy.js
+++ b/src/Copy.js
@@ -15,7 +15,7 @@ const Copy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 480H184a72 72 0 01-72-72V184a72 72 0 0172-72h224a72 72 0 0172 72v224a72 72 0 01-72 72z"/><path d="M160 80h235.88A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 480H184a72 72 0 01-72-72V184a72 72 0 0172-72h224a72 72 0 0172 72v224a72 72 0 01-72 72z" /><path d="M160 80h235.88A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Copy = props => {
 Copy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CopyOutline.js b/src/CopyOutline.js
index 2773b2e6a..94a556b32 100644
--- a/src/CopyOutline.js
+++ b/src/CopyOutline.js
@@ -15,7 +15,7 @@ const CopyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="128" width="336" height="336" rx="57" ry="57" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="128" width="336" height="336" rx="57" ry="57" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CopyOutline = props => {
 CopyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CopySharp.js b/src/CopySharp.js
index f76e950dc..9f88af419 100644
--- a/src/CopySharp.js
+++ b/src/CopySharp.js
@@ -15,7 +15,7 @@ const CopySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 480H136a24 24 0 01-24-24V128a16 16 0 0116-16h328a24 24 0 0124 24v320a24 24 0 01-24 24z"/><path d="M112 80h288V56a24 24 0 00-24-24H60a28 28 0 00-28 28v316a24 24 0 0024 24h24V112a32 32 0 0132-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 480H136a24 24 0 01-24-24V128a16 16 0 0116-16h328a24 24 0 0124 24v320a24 24 0 01-24 24z" /><path d="M112 80h288V56a24 24 0 00-24-24H60a28 28 0 00-28 28v316a24 24 0 0024 24h24V112a32 32 0 0132-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CopySharp = props => {
 CopySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Create.js b/src/Create.js
index 05a6cde46..6fd8e9c53 100644
--- a/src/Create.js
+++ b/src/Create.js
@@ -15,7 +15,7 @@ const Create = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z"/><path d="M386.34 193.66L264.45 315.79A41.08 41.08 0 01247.58 326l-25.9 8.67a35.92 35.92 0 01-44.33-44.33l8.67-25.9a41.08 41.08 0 0110.19-16.87l122.13-121.91a8 8 0 00-5.65-13.66H104a56 56 0 00-56 56v240a56 56 0 0056 56h240a56 56 0 0056-56V199.31a8 8 0 00-13.66-5.65z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z" /><path d="M386.34 193.66L264.45 315.79A41.08 41.08 0 01247.58 326l-25.9 8.67a35.92 35.92 0 01-44.33-44.33l8.67-25.9a41.08 41.08 0 0110.19-16.87l122.13-121.91a8 8 0 00-5.65-13.66H104a56 56 0 00-56 56v240a56 56 0 0056 56h240a56 56 0 0056-56V199.31a8 8 0 00-13.66-5.65z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Create = props => {
 Create.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CreateOutline.js b/src/CreateOutline.js
index 5584b2763..309f6e171 100644
--- a/src/CreateOutline.js
+++ b/src/CreateOutline.js
@@ -15,7 +15,7 @@ const CreateOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CreateOutline = props => {
 CreateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CreateSharp.js b/src/CreateSharp.js
index ba4ff5058..da4c47754 100644
--- a/src/CreateSharp.js
+++ b/src/CreateSharp.js
@@ -15,7 +15,7 @@ const CreateSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464.37 49.2a22.07 22.07 0 00-31.88-.76l-18.31 18.25 31.18 31.1 18-17.91a22.16 22.16 0 001.01-30.68zM252.76 336H176V259.24l9.4-9.38L323.54 112H48v352h352V188.46L262.14 326.6l-9.38 9.4zM400 143.16l32.79-32.86-31.09-31.09L368.85 112H400v31.16z"/><path d="M208 304h31.49L400 143.16V112h-31.15L208 272.51V304z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464.37 49.2a22.07 22.07 0 00-31.88-.76l-18.31 18.25 31.18 31.1 18-17.91a22.16 22.16 0 001.01-30.68zM252.76 336H176V259.24l9.4-9.38L323.54 112H48v352h352V188.46L262.14 326.6l-9.38 9.4zM400 143.16l32.79-32.86-31.09-31.09L368.85 112H400v31.16z" /><path d="M208 304h31.49L400 143.16V112h-31.15L208 272.51V304z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CreateSharp = props => {
 CreateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Crop.js b/src/Crop.js
index 8b3ae0c91..2b195ef6e 100644
--- a/src/Crop.js
+++ b/src/Crop.js
@@ -15,7 +15,7 @@ const Crop = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M458 346H192a26 26 0 01-26-26V54a22 22 0 00-44 0v68H54a22 22 0 000 44h68v154a70.08 70.08 0 0070 70h154v68a22 22 0 0044 0v-68h68a22 22 0 000-44z"/><path d="M214 166h106a26 26 0 0126 26v106a22 22 0 0044 0V192a70.08 70.08 0 00-70-70H214a22 22 0 000 44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M458 346H192a26 26 0 01-26-26V54a22 22 0 00-44 0v68H54a22 22 0 000 44h68v154a70.08 70.08 0 0070 70h154v68a22 22 0 0044 0v-68h68a22 22 0 000-44z" /><path d="M214 166h106a26 26 0 0126 26v106a22 22 0 0044 0V192a70.08 70.08 0 00-70-70H214a22 22 0 000 44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Crop = props => {
 Crop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CropOutline.js b/src/CropOutline.js
index efc640455..e9a907ba8 100644
--- a/src/CropOutline.js
+++ b/src/CropOutline.js
@@ -15,7 +15,7 @@ const CropOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 48v272a48 48 0 0048 48h272" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M368 304V192a48 48 0 00-48-48H208M368 368v96M144 144H48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M144 48v272a48 48 0 0048 48h272" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M368 304V192a48 48 0 00-48-48H208M368 368v96M144 144H48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CropOutline = props => {
 CropOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CropSharp.js b/src/CropSharp.js
index 7100a629e..e9ffde9b1 100644
--- a/src/CropSharp.js
+++ b/src/CropSharp.js
@@ -15,7 +15,7 @@ const CropSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M166 346V32h-44v90H32v44h90v224h224v90h44v-90h90v-44H166z"/><path d="M346 320h44V122H192v44h154v154z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M166 346V32h-44v90H32v44h90v224h224v90h44v-90h90v-44H166z" /><path d="M346 320h44V122H192v44h154v154z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CropSharp = props => {
 CropSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cube.js b/src/Cube.js
index be195b31c..97ebdf9d6 100644
--- a/src/Cube.js
+++ b/src/Cube.js
@@ -15,7 +15,7 @@ const Cube = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.9 136.3a4 4 0 000-6.91L288.16 40.65a64.14 64.14 0 00-64.33 0L71.12 129.39a4 4 0 000 6.91L254 243.88a4 4 0 004.06 0zM54 163.51a4 4 0 00-6 3.49v173.89a48 48 0 0023.84 41.39L234 479.51a4 4 0 006-3.46V274.3a4 4 0 00-2-3.46zM272 275v201a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.89V167a4 4 0 00-6-3.45l-184 108a4 4 0 00-2 3.45z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.9 136.3a4 4 0 000-6.91L288.16 40.65a64.14 64.14 0 00-64.33 0L71.12 129.39a4 4 0 000 6.91L254 243.88a4 4 0 004.06 0zM54 163.51a4 4 0 00-6 3.49v173.89a48 48 0 0023.84 41.39L234 479.51a4 4 0 006-3.46V274.3a4 4 0 00-2-3.46zM272 275v201a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.89V167a4 4 0 00-6-3.45l-184 108a4 4 0 00-2 3.45z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cube = props => {
 Cube.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CubeOutline.js b/src/CubeOutline.js
index 67848417b..6fb65ed4e 100644
--- a/src/CubeOutline.js
+++ b/src/CubeOutline.js
@@ -15,7 +15,7 @@ const CubeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M69 153.99l187 110 187-110M256 463.99v-200"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M69 153.99l187 110 187-110M256 463.99v-200" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CubeOutline = props => {
 CubeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CubeSharp.js b/src/CubeSharp.js
index 3d1dea252..2ba445274 100644
--- a/src/CubeSharp.js
+++ b/src/CubeSharp.js
@@ -15,7 +15,7 @@ const CubeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 170v196.92L240 480V284L48 170zM272 480l192-113.08V170L272 284zm176-122.36zM448 144L256 32 64 144l192 112 192-112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 170v196.92L240 480V284L48 170zM272 480l192-113.08V170L272 284zm176-122.36zM448 144L256 32 64 144l192 112 192-112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CubeSharp = props => {
 CubeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Cut.js b/src/Cut.js
index 5adf02f38..9447bdc56 100644
--- a/src/Cut.js
+++ b/src/Cut.js
@@ -15,7 +15,7 @@ const Cut = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M103.48 224a71.64 71.64 0 0044.76-15.66l41.5 16.89 6.82-12.63a39.15 39.15 0 014.32-6.37l14.22-14.42-41.17-24.94A72 72 0 10103.48 224zm0-112a40 40 0 11-40 40 40 40 0 0140-40z"/><path d="M480 169l-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1024.79 38zm-224.52 87a16 16 0 1116-16 16 16 0 01-16 16zm-152 144a40 40 0 1140-40 40 40 0 01-40 40z"/><path d="M343.79 259.87l-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M103.48 224a71.64 71.64 0 0044.76-15.66l41.5 16.89 6.82-12.63a39.15 39.15 0 014.32-6.37l14.22-14.42-41.17-24.94A72 72 0 10103.48 224zm0-112a40 40 0 11-40 40 40 40 0 0140-40z" /><path d="M480 169l-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1024.79 38zm-224.52 87a16 16 0 1116-16 16 16 0 01-16 16zm-152 144a40 40 0 1140-40 40 40 0 01-40 40z" /><path d="M343.79 259.87l-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Cut = props => {
 Cut.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CutOutline.js b/src/CutOutline.js
index db435e8d5..6737c8424 100644
--- a/src/CutOutline.js
+++ b/src/CutOutline.js
@@ -15,7 +15,7 @@ const CutOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="104" cy="152" r="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="104" cy="360" r="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M157 175l-11 15 37 15s3.46-6.42 7-10z" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path d="M154.17 334.43L460 162c-2.5-6.7-28-12-64-4-29.12 6.47-121.16 29.05-159.16 56.05C205.85 236.06 227 272 192 298c-25.61 19-44.43 22.82-44.43 22.82zM344.47 278.24L295 306.67c14.23 6.74 65.54 33.27 117 36.33 14.92.89 30 .39 39-6z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="240" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="104" cy="152" r="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="104" cy="360" r="56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M157 175l-11 15 37 15s3.46-6.42 7-10z" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path d="M154.17 334.43L460 162c-2.5-6.7-28-12-64-4-29.12 6.47-121.16 29.05-159.16 56.05C205.85 236.06 227 272 192 298c-25.61 19-44.43 22.82-44.43 22.82zM344.47 278.24L295 306.67c14.23 6.74 65.54 33.27 117 36.33 14.92.89 30 .39 39-6z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="240" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CutOutline = props => {
 CutOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/CutSharp.js b/src/CutSharp.js
index 1e59187e2..bb6ae7155 100644
--- a/src/CutSharp.js
+++ b/src/CutSharp.js
@@ -15,7 +15,7 @@ const CutSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128h-48l-198.94 70.46-59.13-31.59a72.16 72.16 0 10-25.69 41.47l52.2 31.72L192 277l-43.64 26.76a71.74 71.74 0 1024.79 38L480 160zm-376.52 64a40 40 0 1140-40 40 40 0 01-40 40zm0 208a40 40 0 1140-40 40 40 0 01-40 40zm152-144a16 16 0 1116-16 16 16 0 01-16 16z"/><path d="M343.79 259.87l-83.74 48.18L432 368h47.99l.01-32-136.21-76.13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 128h-48l-198.94 70.46-59.13-31.59a72.16 72.16 0 10-25.69 41.47l52.2 31.72L192 277l-43.64 26.76a71.74 71.74 0 1024.79 38L480 160zm-376.52 64a40 40 0 1140-40 40 40 0 01-40 40zm0 208a40 40 0 1140-40 40 40 0 01-40 40zm152-144a16 16 0 1116-16 16 16 0 01-16 16z" /><path d="M343.79 259.87l-83.74 48.18L432 368h47.99l.01-32-136.21-76.13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const CutSharp = props => {
 CutSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Desktop.js b/src/Desktop.js
index 1cc273ca8..fd07d004f 100644
--- a/src/Desktop.js
+++ b/src/Desktop.js
@@ -15,7 +15,7 @@ const Desktop = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 352a48.05 48.05 0 0048 48h133.88l-4 32H144a16 16 0 000 32h224a16 16 0 000-32h-49.88l-4-32H448a48.05 48.05 0 0048-48v-48H16zm240-16a16 16 0 11-16 16 16 16 0 0116-16zM496 96a48.05 48.05 0 00-48-48H64a48.05 48.05 0 00-48 48v192h480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 352a48.05 48.05 0 0048 48h133.88l-4 32H144a16 16 0 000 32h224a16 16 0 000-32h-49.88l-4-32H448a48.05 48.05 0 0048-48v-48H16zm240-16a16 16 0 11-16 16 16 16 0 0116-16zM496 96a48.05 48.05 0 00-48-48H64a48.05 48.05 0 00-48 48v192h480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Desktop = props => {
 Desktop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DesktopOutline.js b/src/DesktopOutline.js
index fb390ed38..0712946d9 100644
--- a/src/DesktopOutline.js
+++ b/src/DesktopOutline.js
@@ -15,7 +15,7 @@ const DesktopOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="64" width="448" height="320" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 448l-8-64h-80l-8 64h96z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 448H144"/><path d="M32 304v48a32.09 32.09 0 0032 32h384a32.09 32.09 0 0032-32v-48zm224 64a16 16 0 1116-16 16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="64" width="448" height="320" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 448l-8-64h-80l-8 64h96z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 448H144" /><path d="M32 304v48a32.09 32.09 0 0032 32h384a32.09 32.09 0 0032-32v-48zm224 64a16 16 0 1116-16 16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DesktopOutline = props => {
 DesktopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DesktopSharp.js b/src/DesktopSharp.js
index 83c07f718..57462ce00 100644
--- a/src/DesktopSharp.js
+++ b/src/DesktopSharp.js
@@ -15,7 +15,7 @@ const DesktopSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 48H32a16 16 0 00-16 16v320a16 16 0 0016 16h168v32h-72v32h256v-32h-72v-32h168a16 16 0 0016-16V64a16 16 0 00-16-16zm-20 36v216H52V84zM240.13 354.08a16 16 0 1113.79 13.79 16 16 0 01-13.79-13.79z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 48H32a16 16 0 00-16 16v320a16 16 0 0016 16h168v32h-72v32h256v-32h-72v-32h168a16 16 0 0016-16V64a16 16 0 00-16-16zm-20 36v216H52V84zM240.13 354.08a16 16 0 1113.79 13.79 16 16 0 01-13.79-13.79z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DesktopSharp = props => {
 DesktopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Dice.js b/src/Dice.js
index 9e2cd3ef1..980ec3da6 100644
--- a/src/Dice.js
+++ b/src/Dice.js
@@ -15,7 +15,7 @@ const Dice = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.88 129.37L288.16 40.62a64.14 64.14 0 00-64.33 0L71.12 129.37a4 4 0 000 6.9L254 243.85a4 4 0 004.06 0L440.9 136.27a4 4 0 00-.02-6.9zM256 152c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16zM238 270.81L54 163.48a4 4 0 00-6 3.46v173.92a48 48 0 0023.84 41.39L234 479.48a4 4 0 006-3.46V274.27a4 4 0 00-2-3.46zM96 368c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96-32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zM458 163.51L274 271.56a4 4 0 00-2 3.45V476a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.86V167a4 4 0 00-6-3.49zM320 424c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.88 129.37L288.16 40.62a64.14 64.14 0 00-64.33 0L71.12 129.37a4 4 0 000 6.9L254 243.85a4 4 0 004.06 0L440.9 136.27a4 4 0 00-.02-6.9zM256 152c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16zM238 270.81L54 163.48a4 4 0 00-6 3.46v173.92a48 48 0 0023.84 41.39L234 479.48a4 4 0 006-3.46V274.27a4 4 0 00-2-3.46zM96 368c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96-32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zM458 163.51L274 271.56a4 4 0 00-2 3.45V476a4 4 0 006 3.46l162.15-97.23A48 48 0 00464 340.86V167a4 4 0 00-6-3.49zM320 424c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Dice = props => {
 Dice.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DiceOutline.js b/src/DiceOutline.js
index 206b1df87..2e2ad78e0 100644
--- a/src/DiceOutline.js
+++ b/src/DiceOutline.js
@@ -15,7 +15,7 @@ const DiceOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M69 153.99l187 110 187-110M256 463.99v-200"/><ellipse cx="256" cy="152" rx="24" ry="16"/><ellipse cx="208" cy="296" rx="16" ry="24"/><ellipse cx="112" cy="328" rx="16" ry="24"/><ellipse cx="304" cy="296" rx="16" ry="24"/><ellipse cx="400" cy="240" rx="16" ry="24"/><ellipse cx="304" cy="384" rx="16" ry="24"/><ellipse cx="400" cy="328" rx="16" ry="24"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 341.37V170.61A32 32 0 00432.11 143l-152-88.46a47.94 47.94 0 00-48.24 0L79.89 143A32 32 0 0064 170.61v170.76A32 32 0 0079.89 369l152 88.46a48 48 0 0048.24 0l152-88.46A32 32 0 00448 341.37z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M69 153.99l187 110 187-110M256 463.99v-200" /><ellipse cx="256" cy="152" rx="24" ry="16" /><ellipse cx="208" cy="296" rx="16" ry="24" /><ellipse cx="112" cy="328" rx="16" ry="24" /><ellipse cx="304" cy="296" rx="16" ry="24" /><ellipse cx="400" cy="240" rx="16" ry="24" /><ellipse cx="304" cy="384" rx="16" ry="24" /><ellipse cx="400" cy="328" rx="16" ry="24" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DiceOutline = props => {
 DiceOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DiceSharp.js b/src/DiceSharp.js
index 7d41db772..ad5df9fe7 100644
--- a/src/DiceSharp.js
+++ b/src/DiceSharp.js
@@ -15,7 +15,7 @@ const DiceSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 366.92L240 480V284L48 170zM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zm-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zM272 284v196l192-113.08V170zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm32 77.64zM256 32L64 144l192 112 192-112zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 366.92L240 480V284L48 170zM192 288c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zm-96 32c8.84 0 16 10.75 16 24s-7.16 24-16 24-16-10.75-16-24 7.16-24 16-24zM272 284v196l192-113.08V170zm48 140c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm96 32c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm0-88c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24zm32 77.64zM256 32L64 144l192 112 192-112zm0 120c-13.25 0-24-7.16-24-16s10.75-16 24-16 24 7.16 24 16-10.75 16-24 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DiceSharp = props => {
 DiceSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Disc.js b/src/Disc.js
index 0d11134e7..4a882eab3 100644
--- a/src/Disc.js
+++ b/src/Disc.js
@@ -15,7 +15,7 @@ const Disc = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 176a80 80 0 1080 80 80.09 80.09 0 00-80-80zm0 112a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 368a112 112 0 11112-112 112.12 112.12 0 01-112 112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 176a80 80 0 1080 80 80.09 80.09 0 00-80-80zm0 112a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 368a112 112 0 11112-112 112.12 112.12 0 01-112 112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Disc = props => {
 Disc.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DiscOutline.js b/src/DiscOutline.js
index 3dc7821a2..2e8238b8e 100644
--- a/src/DiscOutline.js
+++ b/src/DiscOutline.js
@@ -15,7 +15,7 @@ const DiscOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="96" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="96" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DiscOutline = props => {
 DiscOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DiscSharp.js b/src/DiscSharp.js
index 85ef8b8ca..6b5e1f1ca 100644
--- a/src/DiscSharp.js
+++ b/src/DiscSharp.js
@@ -15,7 +15,7 @@ const DiscSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32"/><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32" /><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DiscSharp = props => {
 DiscSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Document.js b/src/Document.js
index 69140012a..8a80ab9eb 100644
--- a/src/Document.js
+++ b/src/Document.js
@@ -15,7 +15,7 @@ const Document = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4z"/><path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4z" /><path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Document = props => {
 Document.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentAttach.js b/src/DocumentAttach.js
index c1de747dd..fc33b7d29 100644
--- a/src/DocumentAttach.js
+++ b/src/DocumentAttach.js
@@ -15,7 +15,7 @@ const DocumentAttach = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 240H320a48 48 0 01-48-48V52a4 4 0 00-4-4h-53.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80a16 16 0 00-32 0v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144a16 16 0 00-32 0v82.13c0 51.51 33.19 89.63 80 93.53V432a64 64 0 0064 64h208a64 64 0 0064-64V244a4 4 0 00-4-4z"/><path d="M320 208h129.81a2 2 0 001.41-3.41L307.41 60.78a2 2 0 00-3.41 1.41V192a16 16 0 0016 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M460 240H320a48 48 0 01-48-48V52a4 4 0 00-4-4h-53.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80a16 16 0 00-32 0v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144a16 16 0 00-32 0v82.13c0 51.51 33.19 89.63 80 93.53V432a64 64 0 0064 64h208a64 64 0 0064-64V244a4 4 0 00-4-4z" /><path d="M320 208h129.81a2 2 0 001.41-3.41L307.41 60.78a2 2 0 00-3.41 1.41V192a16 16 0 0016 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentAttach = props => {
 DocumentAttach.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentAttachOutline.js b/src/DocumentAttachOutline.js
index dbf605b77..6c3bc31f1 100644
--- a/src/DocumentAttachOutline.js
+++ b/src/DocumentAttachOutline.js
@@ -15,7 +15,7 @@ const DocumentAttachOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 64h66.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62V432a48 48 0 01-48 48H192a48 48 0 01-48-48V304" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M288 72v120a32 32 0 0032 32h120" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 80v152a23.69 23.69 0 01-24 24c-12 0-24-9.1-24-24V88c0-30.59 16.57-56 48-56s48 24.8 48 55.38v138.75c0 43-27.82 77.87-72 77.87s-72-34.86-72-77.87V144" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 64h66.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62V432a48 48 0 01-48 48H192a48 48 0 01-48-48V304" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M288 72v120a32 32 0 0032 32h120" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 80v152a23.69 23.69 0 01-24 24c-12 0-24-9.1-24-24V88c0-30.59 16.57-56 48-56s48 24.8 48 55.38v138.75c0 43-27.82 77.87-72 77.87s-72-34.86-72-77.87V144" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentAttachOutline = props => {
 DocumentAttachOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentAttachSharp.js b/src/DocumentAttachSharp.js
index f44ca8dbe..395b41773 100644
--- a/src/DocumentAttachSharp.js
+++ b/src/DocumentAttachSharp.js
@@ -15,7 +15,7 @@ const DocumentAttachSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280 240a8 8 0 01-8-8V48h-57.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80h-32v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144H48v82.13c0 51.51 33.19 89.63 80 93.53V468a12 12 0 0012 12h312a12 12 0 0012-12V240z"/><path d="M308 208h146.31a2 2 0 001.42-3.41L307.41 56.27a2 2 0 00-3.41 1.42V204a4 4 0 004 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280 240a8 8 0 01-8-8V48h-57.25a65.42 65.42 0 00-6.5-9.81C196.72 23.88 179.59 16 160 16c-37.68 0-64 29.61-64 72v144c0 25 20.34 40 40 40a39.57 39.57 0 0040-40V80h-32v152a7.75 7.75 0 01-8 8c-2.23 0-8-1.44-8-8V88c0-19.34 8.41-40 32-40 29.69 0 32 30.15 32 39.38v138.75c0 17.45-5.47 33.23-15.41 44.46C166.5 282 152.47 288 136 288s-30.5-6-40.59-17.41C85.47 259.36 80 243.58 80 226.13V144H48v82.13c0 51.51 33.19 89.63 80 93.53V468a12 12 0 0012 12h312a12 12 0 0012-12V240z" /><path d="M308 208h146.31a2 2 0 001.42-3.41L307.41 56.27a2 2 0 00-3.41 1.42V204a4 4 0 004 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentAttachSharp = props => {
 DocumentAttachSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentLock.js b/src/DocumentLock.js
index 87ff47f54..04d6ade50 100644
--- a/src/DocumentLock.js
+++ b/src/DocumentLock.js
@@ -15,7 +15,7 @@ const DocumentLock = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 192h129.81a2 2 0 001.41-3.41L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z"/><path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160a32 32 0 01-32 32h-96a32 32 0 01-32-32v-48a32 32 0 0132-32v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18a32 32 0 0132 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 192h129.81a2 2 0 001.41-3.41L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z" /><path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160a32 32 0 01-32 32h-96a32 32 0 01-32-32v-48a32 32 0 0132-32v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18a32 32 0 0132 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentLock = props => {
 DocumentLock.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentLockOutline.js b/src/DocumentLockOutline.js
index 2c2cf6422..f64c1fb38 100644
--- a/src/DocumentLockOutline.js
+++ b/src/DocumentLockOutline.js
@@ -15,7 +15,7 @@ const DocumentLockOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 304v-18c0-16.63-14.26-30-32-30s-32 13.37-32 30v18" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M304 416h-96a32 32 0 01-32-32v-48a32 32 0 0132-32h96a32 32 0 0132 32v48a32 32 0 01-32 32z"/><path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 50.88V176a32 32 0 0032 32h125.12" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 304v-18c0-16.63-14.26-30-32-30s-32 13.37-32 30v18" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M304 416h-96a32 32 0 01-32-32v-48a32 32 0 0132-32h96a32 32 0 0132 32v48a32 32 0 01-32 32z" /><path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 50.88V176a32 32 0 0032 32h125.12" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentLockOutline = props => {
 DocumentLockOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentLockSharp.js b/src/DocumentLockSharp.js
index cd572221f..fed3de592 100644
--- a/src/DocumentLockSharp.js
+++ b/src/DocumentLockSharp.js
@@ -15,7 +15,7 @@ const DocumentLockSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M276 192h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42V188a4 4 0 004 4zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z"/><path d="M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm88 175.91A16.1 16.1 0 01319.91 416H192.09A16.1 16.1 0 01176 399.91V320c0-10 7-16 16-16h16v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18h16a15.8 15.8 0 0116 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M276 192h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42V188a4 4 0 004 4zM256 272c-8.82 0-16 6.28-16 14v18h32v-18c0-7.72-7.18-14-16-14z" /><path d="M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm88 175.91A16.1 16.1 0 01319.91 416H192.09A16.1 16.1 0 01176 399.91V320c0-10 7-16 16-16h16v-18c0-25.36 21.53-46 48-46s48 20.64 48 46v18h16a15.8 15.8 0 0116 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentLockSharp = props => {
 DocumentLockSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentOutline.js b/src/DocumentOutline.js
index 7258cfe98..da7fdaf1f 100644
--- a/src/DocumentOutline.js
+++ b/src/DocumentOutline.js
@@ -15,7 +15,7 @@ const DocumentOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 56v120a32 32 0 0032 32h120" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 56v120a32 32 0 0032 32h120" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentOutline = props => {
 DocumentOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentSharp.js b/src/DocumentSharp.js
index 78dbff969..193cb35e1 100644
--- a/src/DocumentSharp.js
+++ b/src/DocumentSharp.js
@@ -15,7 +15,7 @@ const DocumentSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 216V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224H248a8 8 0 01-8-8z"/><path d="M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 216V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224H248a8 8 0 01-8-8z" /><path d="M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentSharp = props => {
 DocumentSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentText.js b/src/DocumentText.js
index ee0d52cdd..2a2d4245b 100644
--- a/src/DocumentText.js
+++ b/src/DocumentText.js
@@ -15,7 +15,7 @@ const DocumentText = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z"/><path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M428 224H288a48 48 0 01-48-48V36a4 4 0 00-4-4h-92a64 64 0 00-64 64v320a64 64 0 0064 64h224a64 64 0 0064-64V228a4 4 0 00-4-4zm-92 160H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z" /><path d="M419.22 188.59L275.41 44.78a2 2 0 00-3.41 1.41V176a16 16 0 0016 16h129.81a2 2 0 001.41-3.41z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentText = props => {
 DocumentText.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentTextOutline.js b/src/DocumentTextOutline.js
index 1a444ca4d..9bfa5ad96 100644
--- a/src/DocumentTextOutline.js
+++ b/src/DocumentTextOutline.js
@@ -15,7 +15,7 @@ const DocumentTextOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 56v120a32 32 0 0032 32h120M176 288h160M176 368h160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 56v120a32 32 0 0032 32h120M176 288h160M176 368h160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentTextOutline = props => {
 DocumentTextOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentTextSharp.js b/src/DocumentTextSharp.js
index b89de227b..8c60eca4a 100644
--- a/src/DocumentTextSharp.js
+++ b/src/DocumentTextSharp.js
@@ -15,7 +15,7 @@ const DocumentTextSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z"/><path d="M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm104 160H160v-32h192zm0-80H160v-32h192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 41.69V188a4 4 0 004 4h146.31a2 2 0 001.42-3.41L275.41 40.27a2 2 0 00-3.41 1.42z" /><path d="M248 224a8 8 0 01-8-8V32H92a12 12 0 00-12 12v424a12 12 0 0012 12h328a12 12 0 0012-12V224zm104 160H160v-32h192zm0-80H160v-32h192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentTextSharp = props => {
 DocumentTextSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Documents.js b/src/Documents.js
index cb19ba1ca..398597422 100644
--- a/src/Documents.js
+++ b/src/Documents.js
@@ -15,7 +15,7 @@ const Documents = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M298.39 248a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V236a12 12 0 0012 12z"/><path d="M197 267a43.67 43.67 0 01-13-31v-92h-72a64.19 64.19 0 00-64 64v224a64 64 0 0064 64h144a64 64 0 0064-64V280h-92a43.61 43.61 0 01-31-13zM372 120h70.39a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V108a12 12 0 0012 12z"/><path d="M372 152a44.34 44.34 0 01-44-44V16H220a60.07 60.07 0 00-60 60v36h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400h53.05c32.51 0 58.95-26.92 58.95-60V152z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M298.39 248a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V236a12 12 0 0012 12z" /><path d="M197 267a43.67 43.67 0 01-13-31v-92h-72a64.19 64.19 0 00-64 64v224a64 64 0 0064 64h144a64 64 0 0064-64V280h-92a43.61 43.61 0 01-31-13zM372 120h70.39a4 4 0 002.86-6.8l-78.4-79.72a4 4 0 00-6.85 2.81V108a12 12 0 0012 12z" /><path d="M372 152a44.34 44.34 0 01-44-44V16H220a60.07 60.07 0 00-60 60v36h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400h53.05c32.51 0 58.95-26.92 58.95-60V152z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Documents = props => {
 Documents.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentsOutline.js b/src/DocumentsOutline.js
index 02d0db9d9..d0d83faf1 100644
--- a/src/DocumentsOutline.js
+++ b/src/DocumentsOutline.js
@@ -15,7 +15,7 @@ const DocumentsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 264.13V436c0 24.3-19.05 44-42.95 44H107c-23.95 0-43-19.7-43-44V172a44.26 44.26 0 0144-44h94.12a24.55 24.55 0 0117.49 7.36l109.15 111a25.4 25.4 0 017.24 17.77z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M200 128v108a28.34 28.34 0 0028 28h108" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M176 128V76a44.26 44.26 0 0144-44h94a24.83 24.83 0 0117.61 7.36l109.15 111A25.09 25.09 0 01448 168v172c0 24.3-19.05 44-42.95 44H344" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M312 32v108a28.34 28.34 0 0028 28h108" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 264.13V436c0 24.3-19.05 44-42.95 44H107c-23.95 0-43-19.7-43-44V172a44.26 44.26 0 0144-44h94.12a24.55 24.55 0 0117.49 7.36l109.15 111a25.4 25.4 0 017.24 17.77z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M200 128v108a28.34 28.34 0 0028 28h108" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M176 128V76a44.26 44.26 0 0144-44h94a24.83 24.83 0 0117.61 7.36l109.15 111A25.09 25.09 0 01448 168v172c0 24.3-19.05 44-42.95 44H344" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M312 32v108a28.34 28.34 0 0028 28h108" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentsOutline = props => {
 DocumentsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DocumentsSharp.js b/src/DocumentsSharp.js
index 82d831f14..9ee530b82 100644
--- a/src/DocumentsSharp.js
+++ b/src/DocumentsSharp.js
@@ -15,7 +15,7 @@ const DocumentsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M307.94 248L216 154.52V242a6 6 0 006 6z"/><path d="M184 268V144H60a12 12 0 00-12 12v328a12 12 0 0012 12h248a12 12 0 0012-12V280H196a12 12 0 01-12-12zM366 120h85.94L360 26.52V114a6 6 0 006 6z"/><path d="M340 152a12 12 0 01-12-12V16H172a12 12 0 00-12 12v84h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400H452a12 12 0 0012-12V152z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M307.94 248L216 154.52V242a6 6 0 006 6z" /><path d="M184 268V144H60a12 12 0 00-12 12v328a12 12 0 0012 12h248a12 12 0 0012-12V280H196a12 12 0 01-12-12zM366 120h85.94L360 26.52V114a6 6 0 006 6z" /><path d="M340 152a12 12 0 01-12-12V16H172a12 12 0 00-12 12v84h42.12A40.81 40.81 0 01231 124.14l109.16 111a41.11 41.11 0 0111.83 29V400H452a12 12 0 0012-12V152z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DocumentsSharp = props => {
 DocumentsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Download.js b/src/Download.js
index 77f9da0bf..0cc20b027 100644
--- a/src/Download.js
+++ b/src/Download.js
@@ -15,7 +15,7 @@ const Download = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 160H272v153.37l52.69-52.68a16 16 0 0122.62 22.62l-80 80a16 16 0 01-22.62 0l-80-80a16 16 0 0122.62-22.62L240 313.37V160H136a56.06 56.06 0 00-56 56v208a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V216a56.06 56.06 0 00-56-56zM272 48a16 16 0 00-32 0v112h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 160H272v153.37l52.69-52.68a16 16 0 0122.62 22.62l-80 80a16 16 0 01-22.62 0l-80-80a16 16 0 0122.62-22.62L240 313.37V160H136a56.06 56.06 0 00-56 56v208a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V216a56.06 56.06 0 00-56-56zM272 48a16 16 0 00-32 0v112h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Download = props => {
 Download.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DownloadOutline.js b/src/DownloadOutline.js
index 70ac67be3..db89c4ff5 100644
--- a/src/DownloadOutline.js
+++ b/src/DownloadOutline.js
@@ -15,7 +15,7 @@ const DownloadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 176h40a40 40 0 0140 40v208a40 40 0 01-40 40H136a40 40 0 01-40-40V216a40 40 0 0140-40h40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 272l80 80 80-80M256 48v288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 176h40a40 40 0 0140 40v208a40 40 0 01-40 40H136a40 40 0 01-40-40V216a40 40 0 0140-40h40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 272l80 80 80-80M256 48v288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DownloadOutline = props => {
 DownloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DownloadSharp.js b/src/DownloadSharp.js
index 622e18b4f..e302b9559 100644
--- a/src/DownloadSharp.js
+++ b/src/DownloadSharp.js
@@ -15,7 +15,7 @@ const DownloadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 160v147.37l64-64L358.63 266 256 368.63 153.37 266 176 243.37l64 64V160H92a12 12 0 00-12 12v296a12 12 0 0012 12h328a12 12 0 0012-12V172a12 12 0 00-12-12zM240 32h32v128h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 160v147.37l64-64L358.63 266 256 368.63 153.37 266 176 243.37l64 64V160H92a12 12 0 00-12 12v296a12 12 0 0012 12h328a12 12 0 0012-12V172a12 12 0 00-12-12zM240 32h32v128h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DownloadSharp = props => {
 DownloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Duplicate.js b/src/Duplicate.js
index 273cfc86a..b09a1e652 100644
--- a/src/Duplicate.js
+++ b/src/Duplicate.js
@@ -15,7 +15,7 @@ const Duplicate = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 112H184a72 72 0 00-72 72v224a72 72 0 0072 72h224a72 72 0 0072-72V184a72 72 0 00-72-72zm-32.45 200H312v63.55c0 8.61-6.62 16-15.23 16.43A16 16 0 01280 376v-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01216 280h64v-63.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01312 216v64h64a16 16 0 0116 16.77c-.42 8.61-7.84 15.23-16.45 15.23z"/><path d="M395.88 80A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 112H184a72 72 0 00-72 72v224a72 72 0 0072 72h224a72 72 0 0072-72V184a72 72 0 00-72-72zm-32.45 200H312v63.55c0 8.61-6.62 16-15.23 16.43A16 16 0 01280 376v-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01216 280h64v-63.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01312 216v64h64a16 16 0 0116 16.77c-.42 8.61-7.84 15.23-16.45 15.23z" /><path d="M395.88 80A72.12 72.12 0 00328 32H104a72 72 0 00-72 72v224a72.12 72.12 0 0048 67.88V160a80 80 0 0180-80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Duplicate = props => {
 Duplicate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DuplicateOutline.js b/src/DuplicateOutline.js
index 57d46057e..1c0e9d62c 100644
--- a/src/DuplicateOutline.js
+++ b/src/DuplicateOutline.js
@@ -15,7 +15,7 @@ const DuplicateOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="128" width="336" height="336" rx="57" ry="57" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24M296 216v160M376 296H216" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="128" width="336" height="336" rx="57" ry="57" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M383.5 128l.5-24a56.16 56.16 0 00-56-56H112a64.19 64.19 0 00-64 64v216a56.16 56.16 0 0056 56h24M296 216v160M376 296H216" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DuplicateOutline = props => {
 DuplicateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/DuplicateSharp.js b/src/DuplicateSharp.js
index 7510b6454..ef9f81e42 100644
--- a/src/DuplicateSharp.js
+++ b/src/DuplicateSharp.js
@@ -15,7 +15,7 @@ const DuplicateSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 80h288V56a24 24 0 00-24-24H66a34 34 0 00-34 34v310a24 24 0 0024 24h24V112a32 32 0 0132-32z"/><path d="M456 112H136a24 24 0 00-24 24v320a24 24 0 0024 24h320a24 24 0 0024-24V136a24 24 0 00-24-24zm-64 200h-80v80h-32v-80h-80v-32h80v-80h32v80h80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 80h288V56a24 24 0 00-24-24H66a34 34 0 00-34 34v310a24 24 0 0024 24h24V112a32 32 0 0132-32z" /><path d="M456 112H136a24 24 0 00-24 24v320a24 24 0 0024 24h320a24 24 0 0024-24V136a24 24 0 00-24-24zm-64 200h-80v80h-32v-80h-80v-32h80v-80h32v80h80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const DuplicateSharp = props => {
 DuplicateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Ear.js b/src/Ear.js
index 266cc5808..d0035fab5 100644
--- a/src/Ear.js
+++ b/src/Ear.js
@@ -15,7 +15,7 @@ const Ear = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 16C159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.51 94.51 0 00176 496c36.86 0 67.18-15.62 90.12-46.42 4.48-6 9.55-14.74 15.42-24.85 15.32-26.37 36.29-62.47 63.17-80.74 25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176zm96 184a16 16 0 01-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0138.6 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.48-38.46 55a16 16 0 01-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 01-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 16C159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.51 94.51 0 00176 496c36.86 0 67.18-15.62 90.12-46.42 4.48-6 9.55-14.74 15.42-24.85 15.32-26.37 36.29-62.47 63.17-80.74 25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176zm96 184a16 16 0 01-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0138.6 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.48-38.46 55a16 16 0 01-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 01-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Ear = props => {
 Ear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EarOutline.js b/src/EarOutline.js
index af92341e6..20ffa44c0 100644
--- a/src/EarOutline.js
+++ b/src/EarOutline.js
@@ -15,7 +15,7 @@ const EarOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.72 330.76C381.73 299.5 416 251.34 416 192a160 160 0 00-320 0v206.57c0 44.26 35.74 81.43 80 81.43h0c44.26 0 66.83-25.94 77.29-40 14.77-19.81 41.71-81.56 82.43-109.24z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 304V184c0-48.4 43.2-88 96-88h0c52.8 0 96 39.6 96 88" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 239c25-18 79.82-15 79.82-15 26 0 41.17 29.42 26 50.6 0 0-36.86 42.4-41.86 61.4" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.72 330.76C381.73 299.5 416 251.34 416 192a160 160 0 00-320 0v206.57c0 44.26 35.74 81.43 80 81.43h0c44.26 0 66.83-25.94 77.29-40 14.77-19.81 41.71-81.56 82.43-109.24z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 304V184c0-48.4 43.2-88 96-88h0c52.8 0 96 39.6 96 88" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 239c25-18 79.82-15 79.82-15 26 0 41.17 29.42 26 50.6 0 0-36.86 42.4-41.86 61.4" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EarOutline = props => {
 EarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EarSharp.js b/src/EarSharp.js
index 01ccf3798..89f8191ec 100644
--- a/src/EarSharp.js
+++ b/src/EarSharp.js
@@ -15,7 +15,7 @@ const EarSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.48 68.09C347.09 34.5 302.88 16 256 16 159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.49 94.49 0 00176 496c19.93 0 41.06-7.69 62.8-22.87a181.46 181.46 0 0025.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91zM368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0138.62 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.49-38.46 55l-4.07 15.47-30.94-8.14 4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.48 68.09C347.09 34.5 302.88 16 256 16 159 16 80 95 80 192v206.57a97.59 97.59 0 0028 68.49A94.49 94.49 0 00176 496c19.93 0 41.06-7.69 62.8-22.87a181.46 181.46 0 0025.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91zM368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0138.62 75.9c-.3.41-.61.81-.95 1.2-16.55 19-36 45.49-38.46 55l-4.07 15.47-30.94-8.14 4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 00239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EarSharp = props => {
 EarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Earth.js b/src/Earth.js
index 3f277c84f..cf2e08249 100644
--- a/src/Earth.js
+++ b/src/Earth.js
@@ -15,7 +15,7 @@ const Earth = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.74A224 224 0 1097.61 414.52 224 224 0 10414.39 97.74zM64 256.13a191.63 191.63 0 016.7-50.31c7.34 15.8 18 29.45 25.25 45.66 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.21-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.08 8.72 21.52 10.08 33.36a305.36 305.36 0 007.45 41.27c0 .1 0 .21.08.31C117.8 411.13 64 339.8 64 256.13zm192 192a193.12 193.12 0 01-32-2.68c.11-2.71.16-5.24.43-7 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.68 34.11-33 8.78-13 11.41-30.5 7.79-45.69-5.33-22.44-35.82-29.93-52.26-42.1-9.45-7-17.86-17.82-30.27-18.7-5.72-.4-10.51.83-16.18-.63-5.2-1.35-9.28-4.15-14.82-3.42-10.35 1.36-16.88 12.42-28 10.92-10.55-1.41-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.68 5.78 2.14 8.51 7.8 13.7 10.66 9.73 5.34 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.21 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.06 10-21.46 1.65-3.45 0-8.24-2.78-12.75q5.41-2.28 11-4.23a15.6 15.6 0 008 3c6.69.44 13-3.18 18.84 1.38 6.48 5 11.15 11.32 19.75 12.88 8.32 1.51 17.13-3.34 19.19-11.86 1.25-5.18 0-10.65-1.2-16a190.83 190.83 0 01105 32.21c-2-.76-4.39-.67-7.34.7-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22 8.5 0 17.11-3.8 14.37-13.62-1.19-4.26-2.81-8.69-5.42-11.37a193.27 193.27 0 0118 14.14c-.09.09-.18.17-.27.27-5.76 6-12.45 10.75-16.39 18.05-2.78 5.14-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.4 3.74 23.51 8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.94 3.05 7.62 3.86 12.54 1.43 8.74 9.14 4 13.83-.41a192.12 192.12 0 019.24 18.77c-5.16 7.43-9.26 15.53-21.67 6.87-7.43-5.19-12-12.72-21.33-15.06-8.15-2-16.5.08-24.55 1.47-9.15 1.59-20 2.29-26.94 9.22-6.71 6.68-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.81 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21a158 158 0 004.74 30.07A191.75 191.75 0 01256 448.13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.74A224 224 0 1097.61 414.52 224 224 0 10414.39 97.74zM64 256.13a191.63 191.63 0 016.7-50.31c7.34 15.8 18 29.45 25.25 45.66 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.21-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.08 8.72 21.52 10.08 33.36a305.36 305.36 0 007.45 41.27c0 .1 0 .21.08.31C117.8 411.13 64 339.8 64 256.13zm192 192a193.12 193.12 0 01-32-2.68c.11-2.71.16-5.24.43-7 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.68 34.11-33 8.78-13 11.41-30.5 7.79-45.69-5.33-22.44-35.82-29.93-52.26-42.1-9.45-7-17.86-17.82-30.27-18.7-5.72-.4-10.51.83-16.18-.63-5.2-1.35-9.28-4.15-14.82-3.42-10.35 1.36-16.88 12.42-28 10.92-10.55-1.41-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.68 5.78 2.14 8.51 7.8 13.7 10.66 9.73 5.34 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.21 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.06 10-21.46 1.65-3.45 0-8.24-2.78-12.75q5.41-2.28 11-4.23a15.6 15.6 0 008 3c6.69.44 13-3.18 18.84 1.38 6.48 5 11.15 11.32 19.75 12.88 8.32 1.51 17.13-3.34 19.19-11.86 1.25-5.18 0-10.65-1.2-16a190.83 190.83 0 01105 32.21c-2-.76-4.39-.67-7.34.7-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22 8.5 0 17.11-3.8 14.37-13.62-1.19-4.26-2.81-8.69-5.42-11.37a193.27 193.27 0 0118 14.14c-.09.09-.18.17-.27.27-5.76 6-12.45 10.75-16.39 18.05-2.78 5.14-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.4 3.74 23.51 8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.94 3.05 7.62 3.86 12.54 1.43 8.74 9.14 4 13.83-.41a192.12 192.12 0 019.24 18.77c-5.16 7.43-9.26 15.53-21.67 6.87-7.43-5.19-12-12.72-21.33-15.06-8.15-2-16.5.08-24.55 1.47-9.15 1.59-20 2.29-26.94 9.22-6.71 6.68-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.81 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21a158 158 0 004.74 30.07A191.75 191.75 0 01256 448.13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Earth = props => {
 Earth.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EarthOutline.js b/src/EarthOutline.js
index 01cd11891..0cd787321 100644
--- a/src/EarthOutline.js
+++ b/src/EarthOutline.js
@@ -15,7 +15,7 @@ const EarthOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M445.57 172.14c-16.06.1-14.48 29.73-34.49 15.75-7.43-5.18-12-12.71-21.33-15-8.15-2-16.5.08-24.55 1.47-9.15 1.58-20 2.29-26.94 9.22-6.71 6.67-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.8 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21 1.18 16.2 4.16 34.36 12.2 48.67l15-21.16c1.85-2.62 5.72-6.29 6.64-9.38 1.63-5.47-1.58-14.87-1.95-21s-.19-12.34-1.13-18.47c-1.32-8.59-6.4-16.64-7.1-25.13-1.29-15.81 1.6-28.43-10.58-41.65-11.76-12.75-29-15.81-45.47-13.22-8.3 1.3-41.71 6.64-28.3-12.33 2.65-3.73 7.28-6.79 10.26-10.34 2.59-3.09 4.84-8.77 7.88-11.18s17-5.18 21-3.95 8.17 7 11.64 9.56a49.89 49.89 0 0021.81 9.36c13.66 2 42.22-5.94 42-23.46-.04-8.4-7.84-20.1-10.92-27.96zM287.45 316.3c-5.33-22.44-35.82-29.94-52.26-42.11-9.45-7-17.86-17.81-30.27-18.69-5.72-.41-10.51.83-16.18-.64-5.2-1.34-9.28-4.14-14.82-3.41-10.35 1.36-16.88 12.42-28 10.92-10.55-1.42-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.67 5.78 2.15 8.51 7.81 13.7 10.67 9.73 5.33 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.22 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.07 10-21.46s-8.27-21.36-14.61-24.9l-29.81 33.43a41.52 41.52 0 008.34 31.86c5.93 7.63 15.37 10.08 15.8 20.5.42 10-1.14 15.12-7.68 22.15-2.83 3-4.83 7.26-7.71 10.07-3.53 3.43-2.22 2.38-7.73 3.32-10.36 1.75-19.18 4.45-29.19 7.21C95.34 199.94 93.8 172.69 86.2 162l-25 20.19c-.27 3.31 4.1 9.4 5.29 13 6.83 20.57 20.61 36.48 29.51 56.16 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.2-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.09 8.72 21.53 10.08 33.36a305.22 305.22 0 007.45 41.28c1.21 4.69 2.32 10.89 5.53 14.76 2.2 2.66 9.75 4.95 6.7 5.83 4.26.7 11.85 4.68 15.4 1.76 4.68-3.84 3.43-15.66 4.24-21 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.69 34.11-33 8.73-12.98 11.36-30.49 7.74-45.68zm-33.39 26.32c-6 10.71-19.36 17.88-27.95 26.39-2.33 2.31-7.29 10.31-10.21 8.58-2.09-1.24-2.8-11.62-3.57-14a61.17 61.17 0 00-21.71-29.95c-3.13-2.37-10.89-5.45-12.68-8.7-2-3.53-.2-11.86-.13-15.7.11-5.6-2.44-14.91-1.06-20 1.6-5.87-1.48-2.33 3.77-3.49 2.77-.62 14.21 1.39 17.66 2.11 5.48 1.14 8.5 4.55 12.82 8 11.36 9.11 23.87 16.16 36.6 23.14 9.86 5.46 12.76 12.37 6.46 23.62zM184.46 67.09c4.74 4.63 9.2 10.11 16.27 10.57 6.69.45 13-3.17 18.84 1.38 6.48 5 11.15 11.33 19.75 12.89 8.32 1.51 17.13-3.35 19.19-11.86 2-8.11-2.31-16.93-2.57-25.07 0-1.13.61-6.15-.17-7-.58-.64-5.42.08-6.16.1q-8.13.24-16.22 1.12a207.1 207.1 0 00-57.18 14.65c2.43 1.68 5.48 2.35 8.25 3.22zM356.4 123.27c8.49 0 17.11-3.8 14.37-13.62-2.3-8.23-6.22-17.16-15.76-12.72-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22zM349.62 166.24c8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.93 3.05 7.62 3.86 12.54 1.81 11.05 13.66.63 16.75-3.65 2-2.79 4.71-6.93 3.8-10.56-.84-3.39-4.8-7-6.56-10.11-5.14-9-9.37-19.47-17.07-26.74-7.41-7-16.52-6.19-23.55 1.08-5.76 6-12.45 10.75-16.39 18.05-2.78 5.13-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.39 3.74 23.51z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M445.57 172.14c-16.06.1-14.48 29.73-34.49 15.75-7.43-5.18-12-12.71-21.33-15-8.15-2-16.5.08-24.55 1.47-9.15 1.58-20 2.29-26.94 9.22-6.71 6.67-10.26 15.62-17.4 22.33-13.81 13-19.64 27.19-10.7 45.57 8.6 17.67 26.59 27.26 46 26 19.07-1.27 38.88-12.33 38.33 15.38-.2 9.8 1.85 16.6 4.86 25.71 2.79 8.4 2.6 16.54 3.24 25.21 1.18 16.2 4.16 34.36 12.2 48.67l15-21.16c1.85-2.62 5.72-6.29 6.64-9.38 1.63-5.47-1.58-14.87-1.95-21s-.19-12.34-1.13-18.47c-1.32-8.59-6.4-16.64-7.1-25.13-1.29-15.81 1.6-28.43-10.58-41.65-11.76-12.75-29-15.81-45.47-13.22-8.3 1.3-41.71 6.64-28.3-12.33 2.65-3.73 7.28-6.79 10.26-10.34 2.59-3.09 4.84-8.77 7.88-11.18s17-5.18 21-3.95 8.17 7 11.64 9.56a49.89 49.89 0 0021.81 9.36c13.66 2 42.22-5.94 42-23.46-.04-8.4-7.84-20.1-10.92-27.96zM287.45 316.3c-5.33-22.44-35.82-29.94-52.26-42.11-9.45-7-17.86-17.81-30.27-18.69-5.72-.41-10.51.83-16.18-.64-5.2-1.34-9.28-4.14-14.82-3.41-10.35 1.36-16.88 12.42-28 10.92-10.55-1.42-21.42-13.76-23.82-23.81-3.08-12.92 7.14-17.11 18.09-18.26 4.57-.48 9.7-1 14.09.67 5.78 2.15 8.51 7.81 13.7 10.67 9.73 5.33 11.7-3.19 10.21-11.83-2.23-12.94-4.83-18.22 6.71-27.12 8-6.14 14.84-10.58 13.56-21.61-.76-6.48-4.31-9.41-1-15.86 2.51-4.91 9.4-9.34 13.89-12.27 11.59-7.56 49.65-7 34.1-28.16-4.57-6.21-13-17.31-21-18.83-10-1.89-14.44 9.27-21.41 14.19-7.2 5.09-21.22 10.87-28.43 3-9.7-10.59 6.43-14.07 10-21.46s-8.27-21.36-14.61-24.9l-29.81 33.43a41.52 41.52 0 008.34 31.86c5.93 7.63 15.37 10.08 15.8 20.5.42 10-1.14 15.12-7.68 22.15-2.83 3-4.83 7.26-7.71 10.07-3.53 3.43-2.22 2.38-7.73 3.32-10.36 1.75-19.18 4.45-29.19 7.21C95.34 199.94 93.8 172.69 86.2 162l-25 20.19c-.27 3.31 4.1 9.4 5.29 13 6.83 20.57 20.61 36.48 29.51 56.16 9.37 20.84 34.53 15.06 45.64 33.32 9.86 16.2-.67 36.71 6.71 53.67 5.36 12.31 18 15 26.72 24 8.91 9.09 8.72 21.53 10.08 33.36a305.22 305.22 0 007.45 41.28c1.21 4.69 2.32 10.89 5.53 14.76 2.2 2.66 9.75 4.95 6.7 5.83 4.26.7 11.85 4.68 15.4 1.76 4.68-3.84 3.43-15.66 4.24-21 2.43-15.9 10.39-31.45 21.13-43.35 10.61-11.74 25.15-19.69 34.11-33 8.73-12.98 11.36-30.49 7.74-45.68zm-33.39 26.32c-6 10.71-19.36 17.88-27.95 26.39-2.33 2.31-7.29 10.31-10.21 8.58-2.09-1.24-2.8-11.62-3.57-14a61.17 61.17 0 00-21.71-29.95c-3.13-2.37-10.89-5.45-12.68-8.7-2-3.53-.2-11.86-.13-15.7.11-5.6-2.44-14.91-1.06-20 1.6-5.87-1.48-2.33 3.77-3.49 2.77-.62 14.21 1.39 17.66 2.11 5.48 1.14 8.5 4.55 12.82 8 11.36 9.11 23.87 16.16 36.6 23.14 9.86 5.46 12.76 12.37 6.46 23.62zM184.46 67.09c4.74 4.63 9.2 10.11 16.27 10.57 6.69.45 13-3.17 18.84 1.38 6.48 5 11.15 11.33 19.75 12.89 8.32 1.51 17.13-3.35 19.19-11.86 2-8.11-2.31-16.93-2.57-25.07 0-1.13.61-6.15-.17-7-.58-.64-5.42.08-6.16.1q-8.13.24-16.22 1.12a207.1 207.1 0 00-57.18 14.65c2.43 1.68 5.48 2.35 8.25 3.22zM356.4 123.27c8.49 0 17.11-3.8 14.37-13.62-2.3-8.23-6.22-17.16-15.76-12.72-6.07 2.82-14.67 10-15.38 17.12-.81 8.08 11.11 9.22 16.77 9.22zM349.62 166.24c8.67 5.19 21.53 2.75 28.07-4.66 5.11-5.8 8.12-15.87 17.31-15.86a15.4 15.4 0 0110.82 4.41c3.8 3.93 3.05 7.62 3.86 12.54 1.81 11.05 13.66.63 16.75-3.65 2-2.79 4.71-6.93 3.8-10.56-.84-3.39-4.8-7-6.56-10.11-5.14-9-9.37-19.47-17.07-26.74-7.41-7-16.52-6.19-23.55 1.08-5.76 6-12.45 10.75-16.39 18.05-2.78 5.13-5.91 7.58-11.54 8.91-3.1.73-6.64 1-9.24 3.08-7.24 5.7-3.12 19.39 3.74 23.51z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EarthOutline = props => {
 EarthOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EarthSharp.js b/src/EarthSharp.js
index a27e684c5..b5c9943e2 100644
--- a/src/EarthSharp.js
+++ b/src/EarthSharp.js
@@ -15,7 +15,7 @@ const EarthSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M267 474l-.8-.13a.85.85 0 00.8.13zM448.9 187.78a5.51 5.51 0 00-10.67-.63A5.52 5.52 0 01433 191h-15.47a5.48 5.48 0 01-2.84-.79l-22.38-13.42a5.48 5.48 0 00-2.84-.79h-35.8a5.48 5.48 0 00-3.06.93l-44.15 29.43A5.52 5.52 0 00304 211v41.74a5.51 5.51 0 002.92 4.87l57.89 30.9a5.55 5.55 0 012.92 4.8l.27 23.49a5.53 5.53 0 002.85 4.75l23.26 12.87a5.54 5.54 0 012.85 4.83v48.6a5.52 5.52 0 009.17 4.14c9.38-8.26 22.83-20.32 24.62-23.08q4.44-6.87 8.33-14.07a207.39 207.39 0 0013.6-31c12.68-36.71 2.66-102.7-3.78-136.06zM286.4 302.8l-61.33-46a4 4 0 00-2.4-.8h-29.1a3.78 3.78 0 01-2.68-1.11l-13.72-13.72a4 4 0 00-2.83-1.17h-53.19a3.79 3.79 0 01-2.68-6.47l8.42-8.42a3.78 3.78 0 012.68-1.11h32.37a8 8 0 007.7-5.83l6.89-24.5a4 4 0 012-2.47L206 177.06a3.79 3.79 0 002.05-3.37v-12.5a3.82 3.82 0 01.68-2.17l14.6-21.02a3.75 3.75 0 011.78-1.38l20.43-7.67a3.79 3.79 0 002.46-3.55V114a3.8 3.8 0 00-1.69-3.16l-20.48-13.62A3.83 3.83 0 00222 97l-27.88 13.94a3.78 3.78 0 01-4-.41l-13.22-10.45a3.8 3.8 0 01.1-6l10.74-7.91a3.78 3.78 0 00-.09-6.16l-16.73-11.67a3.78 3.78 0 00-4-.22c-6.05 3.31-23.8 13.11-30.1 17.52a209.48 209.48 0 00-68.16 80c-1.82 3.76-4.07 7.59-4.29 11.72s-3.46 13.35-4.81 17.08a3.78 3.78 0 00.24 3.1l35.69 65.58a3.74 3.74 0 001.38 1.44l37.55 22.54a3.78 3.78 0 011.81 2.73l7.52 54.54a3.82 3.82 0 001.61 2.61l29.3 20.14a4 4 0 011.65 2.48l15.54 73.8a3.6 3.6 0 00.49 1.22c1.46 2.36 7.28 11 14.3 12.28-.65.18-1.23.59-1.88.78a47.63 47.63 0 015 1.16c2 .54 4 1 6 1.43 3.13.62 3.44 1.1 4.94-1.68 2-3.72 4.29-5 6-5.46a3.85 3.85 0 002.89-2.9l10.07-46.68a4 4 0 011.6-2.42l45-31.9a4 4 0 001.69-3.27V306a4 4 0 00-1.55-3.2z"/><path d="M262 48s-3.65.21-4.39.23q-8.13.24-16.22 1.12A207.45 207.45 0 00184.21 64c2.43 1.68-1.75 3.22-1.75 3.22L189 80h35l24 12 21-12zM354.23 120.06l16.11-14a4 4 0 00-.94-6.65l-18.81-8.73a4 4 0 00-5.3 1.9l-7.75 16.21a4 4 0 001.49 5.11l10.46 6.54a4 4 0 004.74-.38zM429.64 140.67l-5.83-9c-.09-.14-.17-.28-.25-.43-1.05-2.15-9.74-19.7-17-26.51-5.45-5.15-7-3.67-7.43-2.53a3.77 3.77 0 01-1.19 1.6l-28.84 23.31a4 4 0 01-2.51.89h-14.93a4 4 0 00-2.83 1.17l-12 12a4 4 0 000 5.66l12 12a4 4 0 002.83 1.17h75.17a4 4 0 004-4.17l-.55-13.15a4 4 0 00-.64-2.01z"/><path d="M256 72a184 184 0 11-130.1 53.9A182.77 182.77 0 01256 72m0-40C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M267 474l-.8-.13a.85.85 0 00.8.13zM448.9 187.78a5.51 5.51 0 00-10.67-.63A5.52 5.52 0 01433 191h-15.47a5.48 5.48 0 01-2.84-.79l-22.38-13.42a5.48 5.48 0 00-2.84-.79h-35.8a5.48 5.48 0 00-3.06.93l-44.15 29.43A5.52 5.52 0 00304 211v41.74a5.51 5.51 0 002.92 4.87l57.89 30.9a5.55 5.55 0 012.92 4.8l.27 23.49a5.53 5.53 0 002.85 4.75l23.26 12.87a5.54 5.54 0 012.85 4.83v48.6a5.52 5.52 0 009.17 4.14c9.38-8.26 22.83-20.32 24.62-23.08q4.44-6.87 8.33-14.07a207.39 207.39 0 0013.6-31c12.68-36.71 2.66-102.7-3.78-136.06zM286.4 302.8l-61.33-46a4 4 0 00-2.4-.8h-29.1a3.78 3.78 0 01-2.68-1.11l-13.72-13.72a4 4 0 00-2.83-1.17h-53.19a3.79 3.79 0 01-2.68-6.47l8.42-8.42a3.78 3.78 0 012.68-1.11h32.37a8 8 0 007.7-5.83l6.89-24.5a4 4 0 012-2.47L206 177.06a3.79 3.79 0 002.05-3.37v-12.5a3.82 3.82 0 01.68-2.17l14.6-21.02a3.75 3.75 0 011.78-1.38l20.43-7.67a3.79 3.79 0 002.46-3.55V114a3.8 3.8 0 00-1.69-3.16l-20.48-13.62A3.83 3.83 0 00222 97l-27.88 13.94a3.78 3.78 0 01-4-.41l-13.22-10.45a3.8 3.8 0 01.1-6l10.74-7.91a3.78 3.78 0 00-.09-6.16l-16.73-11.67a3.78 3.78 0 00-4-.22c-6.05 3.31-23.8 13.11-30.1 17.52a209.48 209.48 0 00-68.16 80c-1.82 3.76-4.07 7.59-4.29 11.72s-3.46 13.35-4.81 17.08a3.78 3.78 0 00.24 3.1l35.69 65.58a3.74 3.74 0 001.38 1.44l37.55 22.54a3.78 3.78 0 011.81 2.73l7.52 54.54a3.82 3.82 0 001.61 2.61l29.3 20.14a4 4 0 011.65 2.48l15.54 73.8a3.6 3.6 0 00.49 1.22c1.46 2.36 7.28 11 14.3 12.28-.65.18-1.23.59-1.88.78a47.63 47.63 0 015 1.16c2 .54 4 1 6 1.43 3.13.62 3.44 1.1 4.94-1.68 2-3.72 4.29-5 6-5.46a3.85 3.85 0 002.89-2.9l10.07-46.68a4 4 0 011.6-2.42l45-31.9a4 4 0 001.69-3.27V306a4 4 0 00-1.55-3.2z" /><path d="M262 48s-3.65.21-4.39.23q-8.13.24-16.22 1.12A207.45 207.45 0 00184.21 64c2.43 1.68-1.75 3.22-1.75 3.22L189 80h35l24 12 21-12zM354.23 120.06l16.11-14a4 4 0 00-.94-6.65l-18.81-8.73a4 4 0 00-5.3 1.9l-7.75 16.21a4 4 0 001.49 5.11l10.46 6.54a4 4 0 004.74-.38zM429.64 140.67l-5.83-9c-.09-.14-.17-.28-.25-.43-1.05-2.15-9.74-19.7-17-26.51-5.45-5.15-7-3.67-7.43-2.53a3.77 3.77 0 01-1.19 1.6l-28.84 23.31a4 4 0 01-2.51.89h-14.93a4 4 0 00-2.83 1.17l-12 12a4 4 0 000 5.66l12 12a4 4 0 002.83 1.17h75.17a4 4 0 004-4.17l-.55-13.15a4 4 0 00-.64-2.01z" /><path d="M256 72a184 184 0 11-130.1 53.9A182.77 182.77 0 01256 72m0-40C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EarthSharp = props => {
 EarthSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Easel.js b/src/Easel.js
index fa80f76ff..f7df4c9ad 100644
--- a/src/Easel.js
+++ b/src/Easel.js
@@ -15,7 +15,7 @@ const Easel = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="112" width="352" height="208" rx="12" ry="12"/><path d="M432 64H272V48a16 16 0 00-32 0v16H80a48.05 48.05 0 00-48 48v208a48.05 48.05 0 0048 48h42.79l-26.17 91.6a16 16 0 1030.76 8.8L156.07 368H240v48a16 16 0 0032 0v-48h83.93l28.69 100.4a16 16 0 1030.76-8.8L389.21 368H432a48.05 48.05 0 0048-48V112a48.05 48.05 0 00-48-48zm16 256a16 16 0 01-16 16H80a16 16 0 01-16-16V112a16 16 0 0116-16h352a16 16 0 0116 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="112" width="352" height="208" rx="12" ry="12" /><path d="M432 64H272V48a16 16 0 00-32 0v16H80a48.05 48.05 0 00-48 48v208a48.05 48.05 0 0048 48h42.79l-26.17 91.6a16 16 0 1030.76 8.8L156.07 368H240v48a16 16 0 0032 0v-48h83.93l28.69 100.4a16 16 0 1030.76-8.8L389.21 368H432a48.05 48.05 0 0048-48V112a48.05 48.05 0 00-48-48zm16 256a16 16 0 01-16 16H80a16 16 0 01-16-16V112a16 16 0 0116-16h352a16 16 0 0116 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Easel = props => {
 Easel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EaselOutline.js b/src/EaselOutline.js
index 986719b9c..031200482 100644
--- a/src/EaselOutline.js
+++ b/src/EaselOutline.js
@@ -15,7 +15,7 @@ const EaselOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="80" width="416" height="272" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 416v-64M256 80V48M400 464l-32-112M112 464l32-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="80" width="416" height="272" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 416v-64M256 80V48M400 464l-32-112M112 464l32-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EaselOutline = props => {
 EaselOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EaselSharp.js b/src/EaselSharp.js
index 44002a8f9..08e18ec77 100644
--- a/src/EaselSharp.js
+++ b/src/EaselSharp.js
@@ -15,7 +15,7 @@ const EaselSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M468 64H278V32h-44v32H44a12 12 0 00-12 12v280a12 12 0 0012 12h78.19L89.93 470.46l36.53 9.61L161.74 368H234v64h44v-64h71.84l31 111.7 36.83-8.57L389.05 368H468a12 12 0 0012-12V76a12 12 0 00-12-12zm-26 266H70V102h372z"/><path d="M88 120h336v192H88z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M468 64H278V32h-44v32H44a12 12 0 00-12 12v280a12 12 0 0012 12h78.19L89.93 470.46l36.53 9.61L161.74 368H234v64h44v-64h71.84l31 111.7 36.83-8.57L389.05 368H468a12 12 0 0012-12V76a12 12 0 00-12-12zm-26 266H70V102h372z" /><path d="M88 120h336v192H88z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EaselSharp = props => {
 EaselSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Egg.js b/src/Egg.js
index 8d29d239b..0460bfe0e 100644
--- a/src/Egg.js
+++ b/src/Egg.js
@@ -15,7 +15,7 @@ const Egg = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 480c-52.57 0-96.72-17.54-127.7-50.73C96.7 395.4 80 346.05 80 286.55 80 230.5 101.48 168 138.93 115 175.65 63 219.41 32 256 32s80.35 31 117.07 83C410.52 168 432 230.5 432 286.55c0 59.5-16.7 108.85-48.3 142.72C352.72 462.46 308.57 480 256 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 480c-52.57 0-96.72-17.54-127.7-50.73C96.7 395.4 80 346.05 80 286.55 80 230.5 101.48 168 138.93 115 175.65 63 219.41 32 256 32s80.35 31 117.07 83C410.52 168 432 230.5 432 286.55c0 59.5-16.7 108.85-48.3 142.72C352.72 462.46 308.57 480 256 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Egg = props => {
 Egg.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EggOutline.js b/src/EggOutline.js
index f0a575ca1..71e7f2411 100644
--- a/src/EggOutline.js
+++ b/src/EggOutline.js
@@ -15,7 +15,7 @@ const EggOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C192 48 96 171.69 96 286.55S160 464 256 464s160-62.59 160-177.45S320 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C192 48 96 171.69 96 286.55S160 464 256 464s160-62.59 160-177.45S320 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EggOutline = props => {
 EggOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EggSharp.js b/src/EggSharp.js
index d9c09a792..0310c2fc0 100644
--- a/src/EggSharp.js
+++ b/src/EggSharp.js
@@ -15,7 +15,7 @@ const EggSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M418.39 381.05c-8.08 21.68-19.76 40.1-34.72 54.75-14.38 14.07-32.1 24.95-52.67 32.34C309.08 476 283.85 480 256 480s-53.08-4-75-11.86c-20.57-7.39-38.29-18.27-52.67-32.34-15-14.65-26.64-33.07-34.72-54.75C84.58 356.82 80 328.53 80 296.94c0-30.28 6.68-62.57 19.86-96A371 371 0 01151 111.42C195.78 53.56 241 32 256 32s62.67 22.4 105 79.42c18.33 24.71 38.87 58.34 51.17 89.54 13.18 33.41 19.86 65.7 19.86 96-.03 31.57-4.61 59.86-13.64 84.09z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M418.39 381.05c-8.08 21.68-19.76 40.1-34.72 54.75-14.38 14.07-32.1 24.95-52.67 32.34C309.08 476 283.85 480 256 480s-53.08-4-75-11.86c-20.57-7.39-38.29-18.27-52.67-32.34-15-14.65-26.64-33.07-34.72-54.75C84.58 356.82 80 328.53 80 296.94c0-30.28 6.68-62.57 19.86-96A371 371 0 01151 111.42C195.78 53.56 241 32 256 32s62.67 22.4 105 79.42c18.33 24.71 38.87 58.34 51.17 89.54 13.18 33.41 19.86 65.7 19.86 96-.03 31.57-4.61 59.86-13.64 84.09z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EggSharp = props => {
 EggSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Ellipse.js b/src/Ellipse.js
index 981fec705..4c530647a 100644
--- a/src/Ellipse.js
+++ b/src/Ellipse.js
@@ -15,7 +15,7 @@ const Ellipse = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Ellipse = props => {
 Ellipse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipseOutline.js b/src/EllipseOutline.js
index 35e01bb16..bc21e4997 100644
--- a/src/EllipseOutline.js
+++ b/src/EllipseOutline.js
@@ -15,7 +15,7 @@ const EllipseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipseOutline = props => {
 EllipseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipseSharp.js b/src/EllipseSharp.js
index babe5bfbc..c7ce6b59d 100644
--- a/src/EllipseSharp.js
+++ b/src/EllipseSharp.js
@@ -15,7 +15,7 @@ const EllipseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipseSharp = props => {
 EllipseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontal.js b/src/EllipsisHorizontal.js
index f5c274a2e..0437f3462 100644
--- a/src/EllipsisHorizontal.js
+++ b/src/EllipsisHorizontal.js
@@ -15,7 +15,7 @@ const EllipsisHorizontal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><circle cx="416" cy="256" r="48"/><circle cx="96" cy="256" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><circle cx="416" cy="256" r="48" /><circle cx="96" cy="256" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontal = props => {
 EllipsisHorizontal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontalCircle.js b/src/EllipsisHorizontalCircle.js
index 0882962c8..8fd1012c8 100644
--- a/src/EllipsisHorizontalCircle.js
+++ b/src/EllipsisHorizontalCircle.js
@@ -15,7 +15,7 @@ const EllipsisHorizontalCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26"/><circle cx="346" cy="256" r="26"/><circle cx="166" cy="256" r="26"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" /><circle cx="346" cy="256" r="26" /><circle cx="166" cy="256" r="26" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontalCircle = props => {
 EllipsisHorizontalCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontalCircleOutline.js b/src/EllipsisHorizontalCircleOutline.js
index 889db614c..68de17803 100644
--- a/src/EllipsisHorizontalCircleOutline.js
+++ b/src/EllipsisHorizontalCircleOutline.js
@@ -15,7 +15,7 @@ const EllipsisHorizontalCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26"/><circle cx="346" cy="256" r="26"/><circle cx="166" cy="256" r="26"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" /><circle cx="346" cy="256" r="26" /><circle cx="166" cy="256" r="26" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontalCircleOutline = props => {
 EllipsisHorizontalCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontalCircleSharp.js b/src/EllipsisHorizontalCircleSharp.js
index a6a542708..97d61dfe9 100644
--- a/src/EllipsisHorizontalCircleSharp.js
+++ b/src/EllipsisHorizontalCircleSharp.js
@@ -15,7 +15,7 @@ const EllipsisHorizontalCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-90 234a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm-90 234a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26zm90 0a26 26 0 1126-26 26 26 0 01-26 26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontalCircleSharp = props => {
 EllipsisHorizontalCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontalOutline.js b/src/EllipsisHorizontalOutline.js
index 992beb404..3738076e7 100644
--- a/src/EllipsisHorizontalOutline.js
+++ b/src/EllipsisHorizontalOutline.js
@@ -15,7 +15,7 @@ const EllipsisHorizontalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="416" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="96" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="416" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="96" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontalOutline = props => {
 EllipsisHorizontalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisHorizontalSharp.js b/src/EllipsisHorizontalSharp.js
index 4c4b0472a..9bd390507 100644
--- a/src/EllipsisHorizontalSharp.js
+++ b/src/EllipsisHorizontalSharp.js
@@ -15,7 +15,7 @@ const EllipsisHorizontalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><circle cx="416" cy="256" r="48"/><circle cx="96" cy="256" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><circle cx="416" cy="256" r="48" /><circle cx="96" cy="256" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisHorizontalSharp = props => {
 EllipsisHorizontalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVertical.js b/src/EllipsisVertical.js
index db85e97e7..19c271b6f 100644
--- a/src/EllipsisVertical.js
+++ b/src/EllipsisVertical.js
@@ -15,7 +15,7 @@ const EllipsisVertical = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><circle cx="256" cy="416" r="48"/><circle cx="256" cy="96" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><circle cx="256" cy="416" r="48" /><circle cx="256" cy="96" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVertical = props => {
 EllipsisVertical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVerticalCircle.js b/src/EllipsisVerticalCircle.js
index 3120a52be..c2afb3035 100644
--- a/src/EllipsisVerticalCircle.js
+++ b/src/EllipsisVerticalCircle.js
@@ -15,7 +15,7 @@ const EllipsisVerticalCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26"/><circle cx="256" cy="346" r="26"/><circle cx="256" cy="166" r="26"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" /><circle cx="256" cy="346" r="26" /><circle cx="256" cy="166" r="26" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVerticalCircle = props => {
 EllipsisVerticalCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVerticalCircleOutline.js b/src/EllipsisVerticalCircleOutline.js
index 8151603eb..825512d33 100644
--- a/src/EllipsisVerticalCircleOutline.js
+++ b/src/EllipsisVerticalCircleOutline.js
@@ -15,7 +15,7 @@ const EllipsisVerticalCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26"/><circle cx="256" cy="346" r="26"/><circle cx="256" cy="166" r="26"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="26" /><circle cx="256" cy="346" r="26" /><circle cx="256" cy="166" r="26" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVerticalCircleOutline = props => {
 EllipsisVerticalCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVerticalCircleSharp.js b/src/EllipsisVerticalCircleSharp.js
index c04592a24..7417ab813 100644
--- a/src/EllipsisVerticalCircleSharp.js
+++ b/src/EllipsisVerticalCircleSharp.js
@@ -15,7 +15,7 @@ const EllipsisVerticalCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-234-90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-234-90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26zm0 90a26 26 0 1126 26 26 26 0 01-26-26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVerticalCircleSharp = props => {
 EllipsisVerticalCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVerticalOutline.js b/src/EllipsisVerticalOutline.js
index 813840f6e..21442744f 100644
--- a/src/EllipsisVerticalOutline.js
+++ b/src/EllipsisVerticalOutline.js
@@ -15,7 +15,7 @@ const EllipsisVerticalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="416" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="96" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="416" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="96" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVerticalOutline = props => {
 EllipsisVerticalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EllipsisVerticalSharp.js b/src/EllipsisVerticalSharp.js
index d0bc6532e..08e63b102 100644
--- a/src/EllipsisVerticalSharp.js
+++ b/src/EllipsisVerticalSharp.js
@@ -15,7 +15,7 @@ const EllipsisVerticalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><circle cx="256" cy="416" r="48"/><circle cx="256" cy="96" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><circle cx="256" cy="416" r="48" /><circle cx="256" cy="96" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EllipsisVerticalSharp = props => {
 EllipsisVerticalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Enter.js b/src/Enter.js
index a563fd29e..b74cce583 100644
--- a/src/Enter.js
+++ b/src/Enter.js
@@ -15,7 +15,7 @@ const Enter = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 136v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L313.37 272H160v104a56.06 56.06 0 0056 56h208a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56H216a56.06 56.06 0 00-56 56zM48 240a16 16 0 000 32h112v-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 136v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L313.37 272H160v104a56.06 56.06 0 0056 56h208a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56H216a56.06 56.06 0 00-56 56zM48 240a16 16 0 000 32h112v-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Enter = props => {
 Enter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EnterOutline.js b/src/EnterOutline.js
index b396c0dbb..782590c92 100644
--- a/src/EnterOutline.js
+++ b/src/EnterOutline.js
@@ -15,7 +15,7 @@ const EnterOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M176 176v-40a40 40 0 0140-40h208a40 40 0 0140 40v240a40 40 0 01-40 40H216a40 40 0 01-40-40v-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M272 336l80-80-80-80M48 256h288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M176 176v-40a40 40 0 0140-40h208a40 40 0 0140 40v240a40 40 0 01-40 40H216a40 40 0 01-40-40v-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M272 336l80-80-80-80M48 256h288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EnterOutline = props => {
 EnterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EnterSharp.js b/src/EnterSharp.js
index 9a796a4e8..bf6bfe42a 100644
--- a/src/EnterSharp.js
+++ b/src/EnterSharp.js
@@ -15,7 +15,7 @@ const EnterSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 240h147.37l-64-64L266 153.37 368.63 256 266 358.63 243.37 336l64-64H160v148a12 12 0 0012 12h296a12 12 0 0012-12V92a12 12 0 00-12-12H172a12 12 0 00-12 12zM32 240h128v32H32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 240h147.37l-64-64L266 153.37 368.63 256 266 358.63 243.37 336l64-64H160v148a12 12 0 0012 12h296a12 12 0 0012-12V92a12 12 0 00-12-12H172a12 12 0 00-12 12zM32 240h128v32H32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EnterSharp = props => {
 EnterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Exit.js b/src/Exit.js
index 73ec9a4cb..ffc5b2d4c 100644
--- a/src/Exit.js
+++ b/src/Exit.js
@@ -15,7 +15,7 @@ const Exit = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 376V272H191a16 16 0 010-32h145V136a56.06 56.06 0 00-56-56H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h192a56.06 56.06 0 0056-56zM425.37 272l-52.68 52.69a16 16 0 0022.62 22.62l80-80a16 16 0 000-22.62l-80-80a16 16 0 00-22.62 22.62L425.37 240H336v32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 376V272H191a16 16 0 010-32h145V136a56.06 56.06 0 00-56-56H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h192a56.06 56.06 0 0056-56zM425.37 272l-52.68 52.69a16 16 0 0022.62 22.62l80-80a16 16 0 000-22.62l-80-80a16 16 0 00-22.62 22.62L425.37 240H336v32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Exit = props => {
 Exit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExitOutline.js b/src/ExitOutline.js
index a74ea7693..8e53139f4 100644
--- a/src/ExitOutline.js
+++ b/src/ExitOutline.js
@@ -15,7 +15,7 @@ const ExitOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 176v-40a40 40 0 00-40-40H88a40 40 0 00-40 40v240a40 40 0 0040 40h192a40 40 0 0040-40v-40M384 176l80 80-80 80M191 256h273" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 176v-40a40 40 0 00-40-40H88a40 40 0 00-40 40v240a40 40 0 0040 40h192a40 40 0 0040-40v-40M384 176l80 80-80 80M191 256h273" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExitOutline = props => {
 ExitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExitSharp.js b/src/ExitSharp.js
index 7c36967d3..c6506da68 100644
--- a/src/ExitSharp.js
+++ b/src/ExitSharp.js
@@ -15,7 +15,7 @@ const ExitSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.69 272h-161v-32h161V92a12 12 0 00-12-12h-280a12 12 0 00-12 12v328a12 12 0 0012 12h280a12 12 0 0012-12zM419.06 272l-64 64 22.63 22.63L480.31 256 377.69 153.37 355.06 176l64 64h-83.37v32h83.37z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.69 272h-161v-32h161V92a12 12 0 00-12-12h-280a12 12 0 00-12 12v328a12 12 0 0012 12h280a12 12 0 0012-12zM419.06 272l-64 64 22.63 22.63L480.31 256 377.69 153.37 355.06 176l64 64h-83.37v32h83.37z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExitSharp = props => {
 ExitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Expand.js b/src/Expand.js
index b901d1c52..0df9c6b84 100644
--- a/src/Expand.js
+++ b/src/Expand.js
@@ -15,7 +15,7 @@ const Expand = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Expand = props => {
 Expand.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExpandOutline.js b/src/ExpandOutline.js
index 16f3378d6..0d3ad346a 100644
--- a/src/ExpandOutline.js
+++ b/src/ExpandOutline.js
@@ -15,7 +15,7 @@ const ExpandOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExpandOutline = props => {
 ExpandOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExpandSharp.js b/src/ExpandSharp.js
index 10df7d5f8..b837bc79f 100644
--- a/src/ExpandSharp.js
+++ b/src/ExpandSharp.js
@@ -15,7 +15,7 @@ const ExpandSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExpandSharp = props => {
 ExpandSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExtensionPuzzle.js b/src/ExtensionPuzzle.js
index 40361ced7..2997e7845 100644
--- a/src/ExtensionPuzzle.js
+++ b/src/ExtensionPuzzle.js
@@ -15,7 +15,7 @@ const ExtensionPuzzle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M345.14 480H274a18 18 0 01-18-18v-27.71a31.32 31.32 0 00-9.71-22.77c-7.78-7.59-19.08-11.8-30.89-11.51-21.36.5-39.4 19.3-39.4 41.06V462a18 18 0 01-18 18H87.62A55.62 55.62 0 0132 424.38V354a18 18 0 0118-18h27.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H50a18 18 0 01-18-18v-70.38A55.62 55.62 0 0187.62 112h55.24a8 8 0 008-8v-6.48A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V104a8 8 0 008 8h55.24A54.86 54.86 0 01400 166.86v55.24a8 8 0 008 8h5.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H408a8 8 0 00-8 8v56A54.86 54.86 0 01345.14 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M345.14 480H274a18 18 0 01-18-18v-27.71a31.32 31.32 0 00-9.71-22.77c-7.78-7.59-19.08-11.8-30.89-11.51-21.36.5-39.4 19.3-39.4 41.06V462a18 18 0 01-18 18H87.62A55.62 55.62 0 0132 424.38V354a18 18 0 0118-18h27.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H50a18 18 0 01-18-18v-70.38A55.62 55.62 0 0187.62 112h55.24a8 8 0 008-8v-6.48A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V104a8 8 0 008 8h55.24A54.86 54.86 0 01400 166.86v55.24a8 8 0 008 8h5.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H408a8 8 0 00-8 8v56A54.86 54.86 0 01345.14 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExtensionPuzzle = props => {
 ExtensionPuzzle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExtensionPuzzleOutline.js b/src/ExtensionPuzzleOutline.js
index 82af7132e..e40bf8b0a 100644
--- a/src/ExtensionPuzzleOutline.js
+++ b/src/ExtensionPuzzleOutline.js
@@ -15,7 +15,7 @@ const ExtensionPuzzleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M413.66 246.1H386a2 2 0 01-2-2v-77.24A38.86 38.86 0 00345.14 128H267.9a2 2 0 01-2-2V98.34c0-27.14-21.5-49.86-48.64-50.33a49.53 49.53 0 00-50.4 49.51V126a2 2 0 01-2 2H87.62A39.74 39.74 0 0048 167.62V238a2 2 0 002 2h26.91c29.37 0 53.68 25.48 54.09 54.85.42 29.87-23.51 57.15-53.29 57.15H50a2 2 0 00-2 2v70.38A39.74 39.74 0 0087.62 464H158a2 2 0 002-2v-20.93c0-30.28 24.75-56.35 55-57.06 30.1-.7 57 20.31 57 50.28V462a2 2 0 002 2h71.14A38.86 38.86 0 00384 425.14v-78a2 2 0 012-2h28.48c27.63 0 49.52-22.67 49.52-50.4s-23.2-48.64-50.34-48.64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M413.66 246.1H386a2 2 0 01-2-2v-77.24A38.86 38.86 0 00345.14 128H267.9a2 2 0 01-2-2V98.34c0-27.14-21.5-49.86-48.64-50.33a49.53 49.53 0 00-50.4 49.51V126a2 2 0 01-2 2H87.62A39.74 39.74 0 0048 167.62V238a2 2 0 002 2h26.91c29.37 0 53.68 25.48 54.09 54.85.42 29.87-23.51 57.15-53.29 57.15H50a2 2 0 00-2 2v70.38A39.74 39.74 0 0087.62 464H158a2 2 0 002-2v-20.93c0-30.28 24.75-56.35 55-57.06 30.1-.7 57 20.31 57 50.28V462a2 2 0 002 2h71.14A38.86 38.86 0 00384 425.14v-78a2 2 0 012-2h28.48c27.63 0 49.52-22.67 49.52-50.4s-23.2-48.64-50.34-48.64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExtensionPuzzleOutline = props => {
 ExtensionPuzzleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ExtensionPuzzleSharp.js b/src/ExtensionPuzzleSharp.js
index 478e97dd5..0c9c7ed4b 100644
--- a/src/ExtensionPuzzleSharp.js
+++ b/src/ExtensionPuzzleSharp.js
@@ -15,7 +15,7 @@ const ExtensionPuzzleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M345.14 480H256v-45.71a31.3 31.3 0 00-9.59-22.65c-7.67-7.56-18.83-11.81-30.57-11.64a44.38 44.38 0 00-28.45 10.67c-5.2 4.6-11.39 12.56-11.39 24.42V480H87.62A55.68 55.68 0 0132 424.38V336h45.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H32v-89.34a53.77 53.77 0 0116.53-39A55.88 55.88 0 0187.62 112h63.24V97.52A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V112h63.24A54.28 54.28 0 01400 166.86v63.24h13.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H400v63.24c0 30.67-24.61 55.62-54.86 55.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M345.14 480H256v-45.71a31.3 31.3 0 00-9.59-22.65c-7.67-7.56-18.83-11.81-30.57-11.64a44.38 44.38 0 00-28.45 10.67c-5.2 4.6-11.39 12.56-11.39 24.42V480H87.62A55.68 55.68 0 0132 424.38V336h45.71c9.16 0 18.07-3.92 25.09-11a42.06 42.06 0 0012.2-29.92C114.7 273.89 97.26 256 76.91 256H32v-89.34a53.77 53.77 0 0116.53-39A55.88 55.88 0 0187.62 112h63.24V97.52A65.53 65.53 0 01217.54 32c35.49.62 64.36 30.38 64.36 66.33V112h63.24A54.28 54.28 0 01400 166.86v63.24h13.66c36.58 0 66.34 29 66.34 64.64 0 36.61-29.39 66.4-65.52 66.4H400v63.24c0 30.67-24.61 55.62-54.86 55.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ExtensionPuzzleSharp = props => {
 ExtensionPuzzleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Eye.js b/src/Eye.js
index 1ebd12f17..541b10836 100644
--- a/src/Eye.js
+++ b/src/Eye.js
@@ -15,7 +15,7 @@ const Eye = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="64"/><path d="M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="64" /><path d="M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Eye = props => {
 Eye.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyeOff.js b/src/EyeOff.js
index c21e92b73..5fb5b3fae 100644
--- a/src/EyeOff.js
+++ b/src/EyeOff.js
@@ -15,7 +15,7 @@ const EyeOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z"/><path d="M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z" /><path d="M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyeOff = props => {
 EyeOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyeOffOutline.js b/src/EyeOffOutline.js
index 8dd77b98b..dbf4cd35e 100644
--- a/src/EyeOffOutline.js
+++ b/src/EyeOffOutline.js
@@ -15,7 +15,7 @@ const EyeOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z"/><path d="M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z" /><path d="M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyeOffOutline = props => {
 EyeOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyeOffSharp.js b/src/EyeOffSharp.js
index 027852910..547d7d04b 100644
--- a/src/EyeOffSharp.js
+++ b/src/EyeOffSharp.js
@@ -15,7 +15,7 @@ const EyeOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 00-60.57-60.57zM252.66 319.91l-60.57-60.57a64.07 64.07 0 0060.57 60.57z"/><path d="M256 352a96 96 0 01-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.47 233.47 0 00335 402.2l-53.61-53.6A95.84 95.84 0 01256 352zM256 160a96 96 0 0192.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.92 222.92 0 00-78.21 14.29l53.11 53.11A95.84 95.84 0 01256 160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 00-60.57-60.57zM252.66 319.91l-60.57-60.57a64.07 64.07 0 0060.57 60.57z" /><path d="M256 352a96 96 0 01-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.47 233.47 0 00335 402.2l-53.61-53.6A95.84 95.84 0 01256 352zM256 160a96 96 0 0192.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.92 222.92 0 00-78.21 14.29l53.11 53.11A95.84 95.84 0 01256 160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyeOffSharp = props => {
 EyeOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyeOutline.js b/src/EyeOutline.js
index f8d5c32d3..fe7031409 100644
--- a/src/EyeOutline.js
+++ b/src/EyeOutline.js
@@ -15,7 +15,7 @@ const EyeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyeOutline = props => {
 EyeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyeSharp.js b/src/EyeSharp.js
index 668bfe6d1..2b9aaac90 100644
--- a/src/EyeSharp.js
+++ b/src/EyeSharp.js
@@ -15,7 +15,7 @@ const EyeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="64"/><path d="M394.82 141.18C351.1 111.2 304.31 96 255.76 96c-43.69 0-86.28 13-126.59 38.48C88.52 160.23 48.67 207 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416c49 0 95.85-15.07 139.3-44.79C433.31 345 469.71 299.82 496 256c-26.38-43.43-62.9-88.56-101.18-114.82zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="64" /><path d="M394.82 141.18C351.1 111.2 304.31 96 255.76 96c-43.69 0-86.28 13-126.59 38.48C88.52 160.23 48.67 207 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416c49 0 95.85-15.07 139.3-44.79C433.31 345 469.71 299.82 496 256c-26.38-43.43-62.9-88.56-101.18-114.82zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyeSharp = props => {
 EyeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Eyedrop.js b/src/Eyedrop.js
index 5383309ae..75f7bddcc 100644
--- a/src/Eyedrop.js
+++ b/src/Eyedrop.js
@@ -15,7 +15,7 @@ const Eyedrop = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.05 51a65 65 0 00-45.71-19h-.76a61.81 61.81 0 00-44.36 19.25 12.81 12.81 0 00-1.07 1.25l-54 69.76c-5.62 7.1-12.74 8.68-16.78 4.64l-1.9-1.9a48 48 0 00-67.92 67.92l9.91 9.91a2 2 0 010 2.83L58.7 385.38C54 390.05 46.9 399.85 38.85 431c-4.06 15.71-6.51 29.66-6.61 30.24A16 16 0 0048 480a15.68 15.68 0 002.64-.22c.58-.1 14.44-2.43 30.13-6.44 31.07-7.94 41.05-15.24 45.85-20l179.77-179.79a2 2 0 012.82 0l9.92 9.92a48 48 0 0067.92-67.93l-1.59-1.54c-5-5-2.52-12.11 4.32-17.14l69.75-53.94a17.82 17.82 0 001.47-1.32 63.2 63.2 0 0019-45A63.88 63.88 0 00461.05 51zM250.78 283.9c-2.92 2.92-16.18 7.92-23.39.71s-2.24-20.42.69-23.35l33-33a2 2 0 012.83 0l19.84 19.83a2 2 0 010 2.83z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.05 51a65 65 0 00-45.71-19h-.76a61.81 61.81 0 00-44.36 19.25 12.81 12.81 0 00-1.07 1.25l-54 69.76c-5.62 7.1-12.74 8.68-16.78 4.64l-1.9-1.9a48 48 0 00-67.92 67.92l9.91 9.91a2 2 0 010 2.83L58.7 385.38C54 390.05 46.9 399.85 38.85 431c-4.06 15.71-6.51 29.66-6.61 30.24A16 16 0 0048 480a15.68 15.68 0 002.64-.22c.58-.1 14.44-2.43 30.13-6.44 31.07-7.94 41.05-15.24 45.85-20l179.77-179.79a2 2 0 012.82 0l9.92 9.92a48 48 0 0067.92-67.93l-1.59-1.54c-5-5-2.52-12.11 4.32-17.14l69.75-53.94a17.82 17.82 0 001.47-1.32 63.2 63.2 0 0019-45A63.88 63.88 0 00461.05 51zM250.78 283.9c-2.92 2.92-16.18 7.92-23.39.71s-2.24-20.42.69-23.35l33-33a2 2 0 012.83 0l19.84 19.83a2 2 0 010 2.83z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Eyedrop = props => {
 Eyedrop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyedropOutline.js b/src/EyedropOutline.js
index 90770e691..428daa3cd 100644
--- a/src/EyedropOutline.js
+++ b/src/EyedropOutline.js
@@ -15,7 +15,7 @@ const EyedropOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M262.51 204.22L70 396.69C57.56 409.15 48 464 48 464s54.38-9.09 67.31-22L307.8 249.51" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="211.72" y="172.19" width="192.15" height="64.05" rx="32.03" ry="32.03" transform="rotate(45 307.788 204.2)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M289.91 141s20.57 8.57 37.22-8.08l54.67-70.63c18.5-19.41 49.26-18.69 67.94 0h0c18.68 18.68 19.34 48.81 0 67.93l-70.68 54.67c-15.65 15.65-8.08 37.22-8.08 37.22M115.31 442s-26.48 17.34-44.56-.73-.75-44.58-.75-44.58" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M262.51 204.22L70 396.69C57.56 409.15 48 464 48 464s54.38-9.09 67.31-22L307.8 249.51" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="211.72" y="172.19" width="192.15" height="64.05" rx="32.03" ry="32.03" transform="rotate(45 307.788 204.2)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M289.91 141s20.57 8.57 37.22-8.08l54.67-70.63c18.5-19.41 49.26-18.69 67.94 0h0c18.68 18.68 19.34 48.81 0 67.93l-70.68 54.67c-15.65 15.65-8.08 37.22-8.08 37.22M115.31 442s-26.48 17.34-44.56-.73-.75-44.58-.75-44.58" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyedropOutline = props => {
 EyedropOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/EyedropSharp.js b/src/EyedropSharp.js
index 0fc6e338a..2e812cd98 100644
--- a/src/EyedropSharp.js
+++ b/src/EyedropSharp.js
@@ -15,7 +15,7 @@ const EyedropSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 96.22a63.84 63.84 0 00-18.95-45.61 65 65 0 00-45.71-19h-.76a61.78 61.78 0 00-44.22 19.09l-74.88 74.88-33.88-33.86-34.07 33.91-33.85 34 44 44L32 409.37V480h70.63l205.7-205.71L352 317.94l11.31-11.19c.11-.1 10.42-10.31 22.79-22.68l33.85-34-33.89-33.89L461 141.23a63.18 63.18 0 0019-45.01zM245 292.35L219.65 267l40.68-40.69 25.38 25.38z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 96.22a63.84 63.84 0 00-18.95-45.61 65 65 0 00-45.71-19h-.76a61.78 61.78 0 00-44.22 19.09l-74.88 74.88-33.88-33.86-34.07 33.91-33.85 34 44 44L32 409.37V480h70.63l205.7-205.71L352 317.94l11.31-11.19c.11-.1 10.42-10.31 22.79-22.68l33.85-34-33.89-33.89L461 141.23a63.18 63.18 0 0019-45.01zM245 292.35L219.65 267l40.68-40.69 25.38 25.38z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const EyedropSharp = props => {
 EyedropSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FastFood.js b/src/FastFood.js
index 0456ef980..d75f9967b 100644
--- a/src/FastFood.js
+++ b/src/FastFood.js
@@ -15,7 +15,7 @@ const FastFood = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 128h.09M479.55 96h-91.06l8.92-35.66 38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 00-20.54-10.73l-47 16a16 16 0 00-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 128h2.75l1 8.66A8.3 8.3 0 00236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a123.4 123.4 0 0110.12 29.51 7.83 7.83 0 003.29 4.88 72 72 0 0126.38 86.43 7.92 7.92 0 00-.15 5.53A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80.12 80.12 0 01-28.78 21.67 8 8 0 00-4.21 4.37 108.19 108.19 0 01-17.37 29.86 2.5 2.5 0 001.9 4.11h49.21a48.22 48.22 0 0047.85-44.14L477.4 128h2.6a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z"/><path d="M108.69 320a23.87 23.87 0 0117 7l15.51 15.51a4 4 0 005.66 0L162.34 327a23.87 23.87 0 0117-7h196.58a8 8 0 008.08-7.92V312a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312a8 8 0 008 8zM185.94 352a8 8 0 00-5.66 2.34l-22.14 22.15a20 20 0 01-28.28 0l-22.14-22.15a8 8 0 00-5.66-2.34h-69.4a15.93 15.93 0 00-15.76 13.17A65.22 65.22 0 0016 376c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 26.13-.47 47.26-25.39 47.26-56a65.22 65.22 0 00-.9-10.83A15.93 15.93 0 00367.34 352z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 128h.09M479.55 96h-91.06l8.92-35.66 38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 00-20.54-10.73l-47 16a16 16 0 00-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 128h2.75l1 8.66A8.3 8.3 0 00236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a123.4 123.4 0 0110.12 29.51 7.83 7.83 0 003.29 4.88 72 72 0 0126.38 86.43 7.92 7.92 0 00-.15 5.53A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80.12 80.12 0 01-28.78 21.67 8 8 0 00-4.21 4.37 108.19 108.19 0 01-17.37 29.86 2.5 2.5 0 001.9 4.11h49.21a48.22 48.22 0 0047.85-44.14L477.4 128h2.6a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z" /><path d="M108.69 320a23.87 23.87 0 0117 7l15.51 15.51a4 4 0 005.66 0L162.34 327a23.87 23.87 0 0117-7h196.58a8 8 0 008.08-7.92V312a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312a8 8 0 008 8zM185.94 352a8 8 0 00-5.66 2.34l-22.14 22.15a20 20 0 01-28.28 0l-22.14-22.15a8 8 0 00-5.66-2.34h-69.4a15.93 15.93 0 00-15.76 13.17A65.22 65.22 0 0016 376c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 26.13-.47 47.26-25.39 47.26-56a65.22 65.22 0 00-.9-10.83A15.93 15.93 0 00367.34 352z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FastFood = props => {
 FastFood.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FastFoodOutline.js b/src/FastFoodOutline.js
index 023333688..194f6bcfe 100644
--- a/src/FastFoodOutline.js
+++ b/src/FastFoodOutline.js
@@ -15,7 +15,7 @@ const FastFoodOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M322 416c0 35.35-20.65 64-56 64H134c-35.35 0-56-28.65-56-64M336 336c17.67 0 32 17.91 32 40h0c0 22.09-14.33 40-32 40H64c-17.67 0-32-17.91-32-40h0c0-22.09 14.33-40 32-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M344 336H179.31a8 8 0 00-5.65 2.34l-26.83 26.83a4 4 0 01-5.66 0l-26.83-26.83a8 8 0 00-5.65-2.34H56a24 24 0 01-24-24h0a24 24 0 0124-24h288a24 24 0 0124 24h0a24 24 0 01-24 24zM64 276v-.22c0-55 45-83.78 100-83.78h72c55 0 100 29 100 84v-.22M241 112l7.44 63.97" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 480h139.31a32 32 0 0031.91-29.61L463 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 112l16-64 47-16"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M224 112h256"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M322 416c0 35.35-20.65 64-56 64H134c-35.35 0-56-28.65-56-64M336 336c17.67 0 32 17.91 32 40h0c0 22.09-14.33 40-32 40H64c-17.67 0-32-17.91-32-40h0c0-22.09 14.33-40 32-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M344 336H179.31a8 8 0 00-5.65 2.34l-26.83 26.83a4 4 0 01-5.66 0l-26.83-26.83a8 8 0 00-5.65-2.34H56a24 24 0 01-24-24h0a24 24 0 0124-24h288a24 24 0 0124 24h0a24 24 0 01-24 24zM64 276v-.22c0-55 45-83.78 100-83.78h72c55 0 100 29 100 84v-.22M241 112l7.44 63.97" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 480h139.31a32 32 0 0031.91-29.61L463 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 112l16-64 47-16" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M224 112h256" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FastFoodOutline = props => {
 FastFoodOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FastFoodSharp.js b/src/FastFoodSharp.js
index e4484b6b3..8fb901bed 100644
--- a/src/FastFoodSharp.js
+++ b/src/FastFoodSharp.js
@@ -15,7 +15,7 @@ const FastFoodSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 352H184.36l-41 35-41-35H16v24c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 13.88-.25 26.35-7.4 35-18.63A61.26 61.26 0 00384 376zM105 320l38.33 28.19L182 320h202v-8a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312v8h89z"/><path d="M463.08 96h-74.59l8.92-35.66L442 45l-10-29-62 20-14.49 60H208v32h18.75l1.86 16H236c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a124.16 124.16 0 0110.73 32.65 72 72 0 0127.89 90.9A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80 80 0 01-31.83 22.95 109.21 109.21 0 01-18.53 33c-1.18 1.42-2.39 2.81-3.63 4.15H416c16 0 23-8 25-23l36.4-345H496V96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 352H184.36l-41 35-41-35H16v24c0 30.59 21.13 55.51 47.26 56 2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55 8.85-10.69 14.73-24.35 17.16-39.47 13.88-.25 26.35-7.4 35-18.63A61.26 61.26 0 00384 376zM105 320l38.33 28.19L182 320h202v-8a40.07 40.07 0 00-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0016 312v8h89z" /><path d="M463.08 96h-74.59l8.92-35.66L442 45l-10-29-62 20-14.49 60H208v32h18.75l1.86 16H236c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 01371 218.07a124.16 124.16 0 0110.73 32.65 72 72 0 0127.89 90.9A96 96 0 01416 376c0 22.34-7.6 43.63-21.4 59.95a80 80 0 01-31.83 22.95 109.21 109.21 0 01-18.53 33c-1.18 1.42-2.39 2.81-3.63 4.15H416c16 0 23-8 25-23l36.4-345H496V96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FastFoodSharp = props => {
 FastFoodSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Female.js b/src/Female.js
index e4832209f..a5bbfe0c0 100644
--- a/src/Female.js
+++ b/src/Female.js
@@ -15,7 +15,7 @@ const Female = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 000 44h36v36a22 22 0 0044 0v-36h36a22 22 0 000-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-36a22 22 0 000 44h36v36a22 22 0 0044 0v-36h36a22 22 0 000-44h-36v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Female = props => {
 Female.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FemaleOutline.js b/src/FemaleOutline.js
index 234e78e4e..46c100a5b 100644
--- a/src/FemaleOutline.js
+++ b/src/FemaleOutline.js
@@ -15,7 +15,7 @@ const FemaleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="184" r="152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 336v144M314 416H198"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="184" r="152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 336v144M314 416H198" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FemaleOutline = props => {
 FemaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FemaleSharp.js b/src/FemaleSharp.js
index 883249c38..69fac82cc 100644
--- a/src/FemaleSharp.js
+++ b/src/FemaleSharp.js
@@ -15,7 +15,7 @@ const FemaleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-58v44h58v58h44v-58h58v-44h-58v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 190c0-95.94-78.06-174-174-174S82 94.06 82 190c0 88.49 66.4 161.77 152 172.61V394h-58v44h58v58h44v-58h58v-44h-58v-31.39c85.6-10.84 152-84.12 152-172.61zm-304 0c0-71.68 58.32-130 130-130s130 58.32 130 130-58.32 130-130 130-130-58.32-130-130z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FemaleSharp = props => {
 FemaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTray.js b/src/FileTray.js
index 3bc3acf79..7ba55ee57 100644
--- a/src/FileTray.js
+++ b/src/FileTray.js
@@ -15,7 +15,7 @@ const FileTray = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTray = props => {
 FileTray.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayFull.js b/src/FileTrayFull.js
index 685f97172..47dfbfbb9 100644
--- a/src/FileTrayFull.js
+++ b/src/FileTrayFull.js
@@ -15,7 +15,7 @@ const FileTrayFull = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z"/><path d="M368 160H144a16 16 0 010-32h224a16 16 0 010 32zM384 224H128a16 16 0 010-32h256a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.65 16.65 0 0032 272v112a64 64 0 0064 64h320a64 64 0 0064-64V272a16.65 16.65 0 00-.34-3.3zm-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91 0 .13.05.26.07.39l26.93 127.88a4 4 0 01-3.92 4.82H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 256H72.65a4 4 0 01-3.92-4.82z" /><path d="M368 160H144a16 16 0 010-32h224a16 16 0 010 32zM384 224H128a16 16 0 010-32h256a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayFull = props => {
 FileTrayFull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayFullOutline.js b/src/FileTrayFullOutline.js
index 23b4133d8..24bbaf47f 100644
--- a/src/FileTrayFullOutline.js
+++ b/src/FileTrayFullOutline.js
@@ -15,7 +15,7 @@ const FileTrayFullOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 272h144M320 272h144M192 272a64 64 0 00128 0M144 144h224M128 208h256"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 272h144M320 272h144M192 272a64 64 0 00128 0M144 144h224M128 208h256" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayFullOutline = props => {
 FileTrayFullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayFullSharp.js b/src/FileTrayFullSharp.js
index 4315cba6e..706216fb1 100644
--- a/src/FileTrayFullSharp.js
+++ b/src/FileTrayFullSharp.js
@@ -15,7 +15,7 @@ const FileTrayFullSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 128h256v38H128zM112 192h288v38H112z"/><path d="M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 128h256v38H128zM112 192h288v38H112z" /><path d="M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayFullSharp = props => {
 FileTrayFullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayOutline.js b/src/FileTrayOutline.js
index 8878c3bcc..ae3a74439 100644
--- a/src/FileTrayOutline.js
+++ b/src/FileTrayOutline.js
@@ -15,7 +15,7 @@ const FileTrayOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 272h144M320 272h144M192 272a64 64 0 00128 0"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 272h144M320 272h144M192 272a64 64 0 00128 0" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayOutline = props => {
 FileTrayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTraySharp.js b/src/FileTraySharp.js
index ed94f5c4d..5e6a01fd1 100644
--- a/src/FileTraySharp.js
+++ b/src/FileTraySharp.js
@@ -15,7 +15,7 @@ const FileTraySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64H64L32 256v192h448V256zm-12 192H320a64 64 0 01-128 0H76l22-150h316z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTraySharp = props => {
 FileTraySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayStacked.js b/src/FileTrayStacked.js
index d4d9a0af8..09cdedf33 100644
--- a/src/FileTrayStacked.js
+++ b/src/FileTrayStacked.js
@@ -15,7 +15,7 @@ const FileTrayStacked = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 352H320a16 16 0 00-16 16 48 48 0 01-96 0 16 16 0 00-16-16H48a16 16 0 00-16 16v64a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64v-64a16 16 0 00-16-16zM479.46 187.88L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A15.9 15.9 0 0032 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a15.9 15.9 0 00-.54-4.12zM440.57 176H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 176H71.43a2 2 0 01-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 01-1.93 2.52z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 352H320a16 16 0 00-16 16 48 48 0 01-96 0 16 16 0 00-16-16H48a16 16 0 00-16 16v64a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64v-64a16 16 0 00-16-16zM479.46 187.88L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A15.9 15.9 0 0032 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a15.9 15.9 0 00-.54-4.12zM440.57 176H320a15.92 15.92 0 00-16 15.82 48 48 0 11-96 0A15.92 15.92 0 00192 176H71.43a2 2 0 01-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 01-1.93 2.52z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayStacked = props => {
 FileTrayStacked.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayStackedOutline.js b/src/FileTrayStackedOutline.js
index 18257bd83..5e145a4d9 100644
--- a/src/FileTrayStackedOutline.js
+++ b/src/FileTrayStackedOutline.js
@@ -15,7 +15,7 @@ const FileTrayStackedOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 336v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 336h144M320 336h144M192 336a64 64 0 00128 0"/><path d="M384 32H128c-26 0-43 14-48 40L48 192v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96L432 72c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 192h144M320 192h144M192 192a64 64 0 00128 0"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 336v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 336h144M320 336h144M192 336a64 64 0 00128 0" /><path d="M384 32H128c-26 0-43 14-48 40L48 192v96a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48v-96L432 72c-5-27-23-40-48-40z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 192h144M320 192h144M192 192a64 64 0 00128 0" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayStackedOutline = props => {
 FileTrayStackedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FileTrayStackedSharp.js b/src/FileTrayStackedSharp.js
index 6a9b2707b..e9794e0c8 100644
--- a/src/FileTrayStackedSharp.js
+++ b/src/FileTrayStackedSharp.js
@@ -15,7 +15,7 @@ const FileTrayStackedSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 16H64L32 176v144h448V176zm-12 160H320a64 64 0 01-128 0H76L98 58h316zM320 352a64 64 0 01-128 0H32v144h448V352z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 16H64L32 176v144h448V176zm-12 160H320a64 64 0 01-128 0H76L98 58h316zM320 352a64 64 0 01-128 0H32v144h448V352z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FileTrayStackedSharp = props => {
 FileTrayStackedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Film.js b/src/Film.js
index 34246bb2e..90e5c9ad3 100644
--- a/src/Film.js
+++ b/src/Film.js
@@ -15,7 +15,7 @@ const Film = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44zM112 388a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm241.68 124H158.32a16 16 0 010-32h195.36a16 16 0 110 32zM448 388a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M436 80H76a44.05 44.05 0 00-44 44v264a44.05 44.05 0 0044 44h360a44.05 44.05 0 0044-44V124a44.05 44.05 0 00-44-44zM112 388a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12H76a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm241.68 124H158.32a16 16 0 010-32h195.36a16 16 0 110 32zM448 388a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12zm0-80a12 12 0 01-12 12h-24a12 12 0 01-12-12v-24a12 12 0 0112-12h24a12 12 0 0112 12z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Film = props => {
 Film.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilmOutline.js b/src/FilmOutline.js
index dc0551a75..5474791b8 100644
--- a/src/FilmOutline.js
+++ b/src/FilmOutline.js
@@ -15,7 +15,7 @@ const FilmOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="384" y="336" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="384" y="256" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="384" y="176" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="384" y="96" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="336" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="256" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="176" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="96" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="128" y="96" width="256" height="160" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="128" y="256" width="256" height="160" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="384" y="336" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="384" y="256" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="384" y="176" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="384" y="96" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="336" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="256" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="176" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="96" width="80" height="80" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="128" y="96" width="256" height="160" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="128" y="256" width="256" height="160" rx="28" ry="28" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilmOutline = props => {
 FilmOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilmSharp.js b/src/FilmSharp.js
index 7a9e7f9f4..5eb8fa9c5 100644
--- a/src/FilmSharp.js
+++ b/src/FilmSharp.js
@@ -15,7 +15,7 @@ const FilmSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 80H32v352h448zM112 352v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm256 160H144v-32h224zm80 80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 80H32v352h448zM112 352v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm0-80v48H64v-48zm256 160H144v-32h224zm80 80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48zm0-80v48h-48v-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilmSharp = props => {
 FilmSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Filter.js b/src/Filter.js
index 56489459b..720f50f43 100644
--- a/src/Filter.js
+++ b/src/Filter.js
@@ -15,7 +15,7 @@ const Filter = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472 168H40a24 24 0 010-48h432a24 24 0 010 48zM392 280H120a24 24 0 010-48h272a24 24 0 010 48zM296 392h-80a24 24 0 010-48h80a24 24 0 010 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472 168H40a24 24 0 010-48h432a24 24 0 010 48zM392 280H120a24 24 0 010-48h272a24 24 0 010 48zM296 392h-80a24 24 0 010-48h80a24 24 0 010 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Filter = props => {
 Filter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilterCircle.js b/src/FilterCircle.js
index 61646e1b2..38445a2c9 100644
--- a/src/FilterCircle.js
+++ b/src/FilterCircle.js
@@ -15,7 +15,7 @@ const FilterCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm32 304h-64a16 16 0 010-32h64a16 16 0 010 32zm48-64H176a16 16 0 010-32h160a16 16 0 010 32zm32-64H144a16 16 0 010-32h224a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm32 304h-64a16 16 0 010-32h64a16 16 0 010 32zm48-64H176a16 16 0 010-32h160a16 16 0 010 32zm32-64H144a16 16 0 010-32h224a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilterCircle = props => {
 FilterCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilterCircleOutline.js b/src/FilterCircleOutline.js
index 997e4f8d0..9c935f7b8 100644
--- a/src/FilterCircleOutline.js
+++ b/src/FilterCircleOutline.js
@@ -15,7 +15,7 @@ const FilterCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeWidth="32" strokeMiterlimit="10" d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"/><path fill="none" stroke="currentColor" strokeWidth="32" strokeLinecap="round" strokeLinejoin="round" d="M144 208h224M176 272h160M224 336h64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeWidth="32" strokeMiterlimit="10" d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" /><path fill="none" stroke="currentColor" strokeWidth="32" strokeLinecap="round" strokeLinejoin="round" d="M144 208h224M176 272h160M224 336h64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilterCircleOutline = props => {
 FilterCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilterCircleSharp.js b/src/FilterCircleSharp.js
index e68431ca8..63bc99ec3 100644
--- a/src/FilterCircleSharp.js
+++ b/src/FilterCircleSharp.js
@@ -15,7 +15,7 @@ const FilterCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 304h-96v-32h96zm48-64H160v-32h192zm32-64H128v-32h256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm48 304h-96v-32h96zm48-64H160v-32h192zm32-64H128v-32h256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilterCircleSharp = props => {
 FilterCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilterOutline.js b/src/FilterOutline.js
index 396a9ba42..7f934610e 100644
--- a/src/FilterOutline.js
+++ b/src/FilterOutline.js
@@ -15,7 +15,7 @@ const FilterOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 144h448M112 256h288M208 368h96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 144h448M112 256h288M208 368h96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilterOutline = props => {
 FilterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FilterSharp.js b/src/FilterSharp.js
index 996d24371..b12efbc4e 100644
--- a/src/FilterSharp.js
+++ b/src/FilterSharp.js
@@ -15,7 +15,7 @@ const FilterSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 120h480v48H16zM96 232h320v48H96zM192 344h128v48H192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 120h480v48H16zM96 232h320v48H96zM192 344h128v48H192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FilterSharp = props => {
 FilterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FingerPrint.js b/src/FingerPrint.js
index d109418a1..f18b1a92f 100644
--- a/src/FingerPrint.js
+++ b/src/FingerPrint.js
@@ -15,7 +15,7 @@ const FingerPrint = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.28 202a15.29 15.29 0 01-7.7-2 14.84 14.84 0 01-5.52-20.46C69.34 147.36 128 72.25 256 72.25c55.47 0 104.12 14.57 144.53 43.29 33.26 23.57 51.9 50.25 60.78 63.1a14.79 14.79 0 01-4 20.79 15.52 15.52 0 01-21.24-4C420 172.32 371 102 256 102c-112.25 0-163 64.71-179.53 92.46A15 15 0 0163.28 202z"/><path d="M320.49 496a15.31 15.31 0 01-3.79-.43c-92.85-23-127.52-115.82-128.93-119.68l-.22-.85c-.76-2.68-19.39-66.33 9.21-103.61 13.11-17 33.05-25.72 59.38-25.72 24.48 0 42.14 7.61 54.28 23.36 10 12.86 14 28.72 17.87 44 8.13 31.82 14 48.53 47.79 50.25 14.84.75 24.59-7.93 30.12-15.32 14.95-20.15 17.55-53 6.28-82C398 228.57 346.61 158 256 158c-38.68 0-74.22 12.43-102.72 35.79-23.59 19.35-42.28 46.67-51.28 74.75-16.69 52.28 5.2 134.46 5.41 135.21A14.83 14.83 0 0196.54 422a15.39 15.39 0 01-18.74-10.6c-1-3.75-24.38-91.4-5.1-151.82 21-65.47 85.81-131.47 183.33-131.47 45.07 0 87.65 15.32 123.19 44.25 27.52 22.5 50 52.72 61.76 82.93 14.95 38.57 10.94 81.86-10.19 110.14-14.08 18.86-34.13 28.72-56.34 27.65-57.86-2.9-68.26-43.29-75.84-72.75-7.8-30.22-12.79-44.79-42.58-44.79-16.36 0-27.85 4.5-35 13.82-9.75 12.75-10.51 32.68-9.43 47.14a152.44 152.44 0 005.1 29.79c2.38 6 33.37 82 107.59 100.39a14.88 14.88 0 0111 18.11 15.36 15.36 0 01-14.8 11.21z"/><path d="M201.31 489.14a15.5 15.5 0 01-11.16-4.71c-37.16-39-58.18-82.61-66.09-137.14V347c-4.44-36.1 2.06-87.21 33.91-122.35 23.51-25.93 56.56-39.11 98.06-39.11 49.08 0 87.65 22.82 111.7 65.89 17.45 31.29 20.91 62.47 21 63.75a15.07 15.07 0 01-13.65 16.4 15.26 15.26 0 01-16.79-13.29A154 154 0 00340.43 265c-18.64-32.89-47-49.61-84.51-49.61-32.4 0-57.75 9.75-75.19 29-25.14 27.75-30 70.5-26.55 98.78 6.93 48.22 25.46 86.58 58.18 120.86a14.7 14.7 0 01-.76 21.11 15.44 15.44 0 01-10.29 4z"/><path d="M372.5 446.18c-32.5 0-60.13-9-82.24-26.89-44.42-35.79-49.4-94.08-49.62-96.54a15.27 15.27 0 0130.45-2.36c.11.86 4.55 48.54 38.79 76 20.26 16.18 47.34 22.6 80.71 18.85a15.2 15.2 0 0116.91 13.18 14.92 14.92 0 01-13.44 16.5 187 187 0 01-21.56 1.26zM398.18 48.79C385.5 40.54 340.54 16 256 16c-88.74 0-133.81 27.11-143.78 34a11.59 11.59 0 00-1.84 1.4.36.36 0 01-.22.1 14.87 14.87 0 00-5.09 11.15 15.06 15.06 0 0015.31 14.85 15.56 15.56 0 008.88-2.79c.43-.32 39.22-28.82 126.77-28.82S382.58 74.29 383 74.5a15.25 15.25 0 009.21 3 15.06 15.06 0 0015.29-14.89 14.9 14.9 0 00-9.32-13.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.28 202a15.29 15.29 0 01-7.7-2 14.84 14.84 0 01-5.52-20.46C69.34 147.36 128 72.25 256 72.25c55.47 0 104.12 14.57 144.53 43.29 33.26 23.57 51.9 50.25 60.78 63.1a14.79 14.79 0 01-4 20.79 15.52 15.52 0 01-21.24-4C420 172.32 371 102 256 102c-112.25 0-163 64.71-179.53 92.46A15 15 0 0163.28 202z" /><path d="M320.49 496a15.31 15.31 0 01-3.79-.43c-92.85-23-127.52-115.82-128.93-119.68l-.22-.85c-.76-2.68-19.39-66.33 9.21-103.61 13.11-17 33.05-25.72 59.38-25.72 24.48 0 42.14 7.61 54.28 23.36 10 12.86 14 28.72 17.87 44 8.13 31.82 14 48.53 47.79 50.25 14.84.75 24.59-7.93 30.12-15.32 14.95-20.15 17.55-53 6.28-82C398 228.57 346.61 158 256 158c-38.68 0-74.22 12.43-102.72 35.79-23.59 19.35-42.28 46.67-51.28 74.75-16.69 52.28 5.2 134.46 5.41 135.21A14.83 14.83 0 0196.54 422a15.39 15.39 0 01-18.74-10.6c-1-3.75-24.38-91.4-5.1-151.82 21-65.47 85.81-131.47 183.33-131.47 45.07 0 87.65 15.32 123.19 44.25 27.52 22.5 50 52.72 61.76 82.93 14.95 38.57 10.94 81.86-10.19 110.14-14.08 18.86-34.13 28.72-56.34 27.65-57.86-2.9-68.26-43.29-75.84-72.75-7.8-30.22-12.79-44.79-42.58-44.79-16.36 0-27.85 4.5-35 13.82-9.75 12.75-10.51 32.68-9.43 47.14a152.44 152.44 0 005.1 29.79c2.38 6 33.37 82 107.59 100.39a14.88 14.88 0 0111 18.11 15.36 15.36 0 01-14.8 11.21z" /><path d="M201.31 489.14a15.5 15.5 0 01-11.16-4.71c-37.16-39-58.18-82.61-66.09-137.14V347c-4.44-36.1 2.06-87.21 33.91-122.35 23.51-25.93 56.56-39.11 98.06-39.11 49.08 0 87.65 22.82 111.7 65.89 17.45 31.29 20.91 62.47 21 63.75a15.07 15.07 0 01-13.65 16.4 15.26 15.26 0 01-16.79-13.29A154 154 0 00340.43 265c-18.64-32.89-47-49.61-84.51-49.61-32.4 0-57.75 9.75-75.19 29-25.14 27.75-30 70.5-26.55 98.78 6.93 48.22 25.46 86.58 58.18 120.86a14.7 14.7 0 01-.76 21.11 15.44 15.44 0 01-10.29 4z" /><path d="M372.5 446.18c-32.5 0-60.13-9-82.24-26.89-44.42-35.79-49.4-94.08-49.62-96.54a15.27 15.27 0 0130.45-2.36c.11.86 4.55 48.54 38.79 76 20.26 16.18 47.34 22.6 80.71 18.85a15.2 15.2 0 0116.91 13.18 14.92 14.92 0 01-13.44 16.5 187 187 0 01-21.56 1.26zM398.18 48.79C385.5 40.54 340.54 16 256 16c-88.74 0-133.81 27.11-143.78 34a11.59 11.59 0 00-1.84 1.4.36.36 0 01-.22.1 14.87 14.87 0 00-5.09 11.15 15.06 15.06 0 0015.31 14.85 15.56 15.56 0 008.88-2.79c.43-.32 39.22-28.82 126.77-28.82S382.58 74.29 383 74.5a15.25 15.25 0 009.21 3 15.06 15.06 0 0015.29-14.89 14.9 14.9 0 00-9.32-13.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FingerPrint = props => {
 FingerPrint.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FingerPrintOutline.js b/src/FingerPrintOutline.js
index 9ec412e44..593da6ccf 100644
--- a/src/FingerPrintOutline.js
+++ b/src/FingerPrintOutline.js
@@ -15,7 +15,7 @@ const FingerPrintOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M390.42 75.28a10.45 10.45 0 01-5.32-1.44C340.72 50.08 302.35 40 256.35 40c-45.77 0-89.23 11.28-128.76 33.84C122 77 115.11 74.8 111.87 69a12.4 12.4 0 014.63-16.32A281.81 281.81 0 01256.35 16c49.23 0 92.23 11.28 139.39 36.48a12 12 0 014.85 16.08 11.3 11.3 0 01-10.17 6.72zm-330.79 126a11.73 11.73 0 01-6.7-2.16 12.26 12.26 0 01-2.78-16.8c22.89-33.6 52-60 86.69-78.48 72.58-38.84 165.51-39.12 238.32-.24 34.68 18.48 63.8 44.64 86.69 78a12.29 12.29 0 01-2.78 16.8 11.26 11.26 0 01-16.18-2.88c-20.8-30.24-47.15-54-78.36-70.56-66.34-35.28-151.18-35.28-217.29.24-31.44 16.8-57.79 40.8-78.59 71a10 10 0 01-9.02 5.08zM204.1 491a10.66 10.66 0 01-8.09-3.6C175.9 466.48 165 453 149.55 424c-16-29.52-24.27-65.52-24.27-104.16 0-71.28 58.71-129.36 130.84-129.36S387 248.56 387 319.84a11.56 11.56 0 11-23.11 0c0-58.08-48.32-105.36-107.72-105.36S148.4 261.76 148.4 319.84c0 34.56 7.39 66.48 21.49 92.4 14.8 27.6 25 39.36 42.77 58.08a12.67 12.67 0 010 17 12.44 12.44 0 01-8.56 3.68zm165.75-44.4c-27.51 0-51.78-7.2-71.66-21.36a129.1 129.1 0 01-55-105.36 11.57 11.57 0 1123.12 0 104.28 104.28 0 0044.84 85.44c16.41 11.52 35.6 17 58.72 17a147.41 147.41 0 0024-2.4c6.24-1.2 12.25 3.12 13.4 9.84a11.92 11.92 0 01-9.47 13.92 152.28 152.28 0 01-27.95 2.88zM323.38 496a13 13 0 01-3-.48c-36.76-10.56-60.8-24.72-86-50.4-32.37-33.36-50.16-77.76-50.16-125.28 0-38.88 31.9-70.56 71.19-70.56s71.2 31.68 71.2 70.56c0 25.68 21.5 46.56 48.08 46.56s48.08-20.88 48.08-46.56c0-90.48-75.13-163.92-167.59-163.92-65.65 0-125.75 37.92-152.79 96.72-9 19.44-13.64 42.24-13.64 67.2 0 18.72 1.61 48.24 15.48 86.64 2.32 6.24-.69 13.2-6.7 15.36a11.34 11.34 0 01-14.79-7 276.39 276.39 0 01-16.88-95c0-28.8 5.32-55 15.72-77.76 30.75-67 98.94-110.4 173.6-110.4 105.18 0 190.71 84.24 190.71 187.92 0 38.88-31.9 70.56-71.2 70.56s-71.2-31.68-71.2-70.56c.01-25.68-21.49-46.6-48.07-46.6s-48.08 20.88-48.08 46.56c0 41 15.26 79.44 43.23 108.24 22 22.56 43 35 75.59 44.4 6.24 1.68 9.71 8.4 8.09 14.64a11.39 11.39 0 01-10.87 9.16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M390.42 75.28a10.45 10.45 0 01-5.32-1.44C340.72 50.08 302.35 40 256.35 40c-45.77 0-89.23 11.28-128.76 33.84C122 77 115.11 74.8 111.87 69a12.4 12.4 0 014.63-16.32A281.81 281.81 0 01256.35 16c49.23 0 92.23 11.28 139.39 36.48a12 12 0 014.85 16.08 11.3 11.3 0 01-10.17 6.72zm-330.79 126a11.73 11.73 0 01-6.7-2.16 12.26 12.26 0 01-2.78-16.8c22.89-33.6 52-60 86.69-78.48 72.58-38.84 165.51-39.12 238.32-.24 34.68 18.48 63.8 44.64 86.69 78a12.29 12.29 0 01-2.78 16.8 11.26 11.26 0 01-16.18-2.88c-20.8-30.24-47.15-54-78.36-70.56-66.34-35.28-151.18-35.28-217.29.24-31.44 16.8-57.79 40.8-78.59 71a10 10 0 01-9.02 5.08zM204.1 491a10.66 10.66 0 01-8.09-3.6C175.9 466.48 165 453 149.55 424c-16-29.52-24.27-65.52-24.27-104.16 0-71.28 58.71-129.36 130.84-129.36S387 248.56 387 319.84a11.56 11.56 0 11-23.11 0c0-58.08-48.32-105.36-107.72-105.36S148.4 261.76 148.4 319.84c0 34.56 7.39 66.48 21.49 92.4 14.8 27.6 25 39.36 42.77 58.08a12.67 12.67 0 010 17 12.44 12.44 0 01-8.56 3.68zm165.75-44.4c-27.51 0-51.78-7.2-71.66-21.36a129.1 129.1 0 01-55-105.36 11.57 11.57 0 1123.12 0 104.28 104.28 0 0044.84 85.44c16.41 11.52 35.6 17 58.72 17a147.41 147.41 0 0024-2.4c6.24-1.2 12.25 3.12 13.4 9.84a11.92 11.92 0 01-9.47 13.92 152.28 152.28 0 01-27.95 2.88zM323.38 496a13 13 0 01-3-.48c-36.76-10.56-60.8-24.72-86-50.4-32.37-33.36-50.16-77.76-50.16-125.28 0-38.88 31.9-70.56 71.19-70.56s71.2 31.68 71.2 70.56c0 25.68 21.5 46.56 48.08 46.56s48.08-20.88 48.08-46.56c0-90.48-75.13-163.92-167.59-163.92-65.65 0-125.75 37.92-152.79 96.72-9 19.44-13.64 42.24-13.64 67.2 0 18.72 1.61 48.24 15.48 86.64 2.32 6.24-.69 13.2-6.7 15.36a11.34 11.34 0 01-14.79-7 276.39 276.39 0 01-16.88-95c0-28.8 5.32-55 15.72-77.76 30.75-67 98.94-110.4 173.6-110.4 105.18 0 190.71 84.24 190.71 187.92 0 38.88-31.9 70.56-71.2 70.56s-71.2-31.68-71.2-70.56c.01-25.68-21.49-46.6-48.07-46.6s-48.08 20.88-48.08 46.56c0 41 15.26 79.44 43.23 108.24 22 22.56 43 35 75.59 44.4 6.24 1.68 9.71 8.4 8.09 14.64a11.39 11.39 0 01-10.87 9.16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FingerPrintOutline = props => {
 FingerPrintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FingerPrintSharp.js b/src/FingerPrintSharp.js
index 476832aff..9a52ceee3 100644
--- a/src/FingerPrintSharp.js
+++ b/src/FingerPrintSharp.js
@@ -15,7 +15,7 @@ const FingerPrintSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M56.79 200.58l12.36 7.5 7.35-13.58C93.07 166.75 143.78 102 256 102c115 0 164 70.32 180.1 93.46l8.16 12.7L469.88 192l-8.54-13.36c-8.88-12.85-27.52-39.53-60.78-63.1C360.15 86.82 311.5 72.25 256 72.25c-128.07 0-186.69 75.11-206 107.25L42.63 192 54 198.86a14.09 14.09 0 001.63 1.1 12.57 12.57 0 001.16.62z"/><path d="M379.22 172.32c-35.54-28.93-78.12-44.25-123.22-44.25-97.52 0-162.31 66-183.33 131.47C53.42 320 76.82 407.61 77.8 411.36l4.38 13.81 29.93-6.43-4.74-15c-.21-.75-22.1-82.93-5.41-135.21 9-28.08 27.73-55.4 51.35-74.79C181.81 170.39 217.35 158 256 158c90.58 0 141.93 70.61 156.45 108.11 11.27 28.93 8.67 61.82-6.28 82-5.53 7.39-15.28 16.07-30.12 15.32-33.81-1.72-39.66-18.43-47.79-50.25-3.9-15.32-7.9-31.18-17.87-44-12.14-15.75-29.8-23.36-54.28-23.36-26.33 0-46.27 8.68-59.38 25.72-28.6 37.28-10 100.93-9.21 103.61l.22.85c1.41 3.86 36.08 96.65 128.93 119.68l14.77 3.21 8.09-28.71-15.27-3.43c-74.22-18.43-105.21-94.39-107.59-100.39a152.44 152.44 0 01-5.1-29.79c-1.08-14.46-.32-34.39 9.43-47.14 7.15-9.32 18.64-13.82 35-13.82 29.79 0 34.78 14.57 42.58 44.79 7.58 29.46 18 69.85 75.84 72.75 22.21 1.07 42.26-8.79 56.34-27.65 21.13-28.28 25.14-71.57 10.19-110.14-11.68-30.36-34.21-60.54-61.73-83.04z"/><path d="M154.18 343.21c-3.47-28.28 1.41-71 26.55-98.78 17.44-19.29 42.79-29 75.19-29 37.49 0 65.87 16.72 84.51 49.61a154 154 0 0117.88 53.25l1.43 14.69 30-2.2a112.63 112.63 0 00-1-15.6c-.11-1.28-3.57-32.46-21-63.75-24.06-43.11-62.63-65.93-111.74-65.93-41.5 0-74.55 13.18-98.06 39.11-31.85 35.14-38.35 86.25-33.91 122.35v.33c7.97 54.53 28.97 98.14 66.12 137.14l11.6 11.22 20.95-21.79-10.34-9.79c-32.72-34.28-51.25-72.64-58.18-120.86zM132.47 72.66c11.08-6.72 50.27-26.77 123.53-26.77 87.54 0 126.44 28.72 126.87 28.93l13.9 8.86L413 58.47l-13.22-8.56c-.52-.38-1.06-.76-1.6-1.12C385.5 40.54 340.54 16 256 16c-87.71 0-132.75 26.48-143.41 33.71L99 58.52l16.2 25.21z"/><path d="M390.59 415.21c-33.37 3.75-60.45-2.67-80.71-18.85-34.24-27.43-38.68-75.11-38.79-76l-1.23-14.88-30.53 2.23 1.31 15c.22 2.46 5.2 60.75 49.62 96.54 22.11 17.89 49.74 26.89 82.24 26.89a187 187 0 0021.56-1.29l16.59-2.09-6.1-29.71z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M56.79 200.58l12.36 7.5 7.35-13.58C93.07 166.75 143.78 102 256 102c115 0 164 70.32 180.1 93.46l8.16 12.7L469.88 192l-8.54-13.36c-8.88-12.85-27.52-39.53-60.78-63.1C360.15 86.82 311.5 72.25 256 72.25c-128.07 0-186.69 75.11-206 107.25L42.63 192 54 198.86a14.09 14.09 0 001.63 1.1 12.57 12.57 0 001.16.62z" /><path d="M379.22 172.32c-35.54-28.93-78.12-44.25-123.22-44.25-97.52 0-162.31 66-183.33 131.47C53.42 320 76.82 407.61 77.8 411.36l4.38 13.81 29.93-6.43-4.74-15c-.21-.75-22.1-82.93-5.41-135.21 9-28.08 27.73-55.4 51.35-74.79C181.81 170.39 217.35 158 256 158c90.58 0 141.93 70.61 156.45 108.11 11.27 28.93 8.67 61.82-6.28 82-5.53 7.39-15.28 16.07-30.12 15.32-33.81-1.72-39.66-18.43-47.79-50.25-3.9-15.32-7.9-31.18-17.87-44-12.14-15.75-29.8-23.36-54.28-23.36-26.33 0-46.27 8.68-59.38 25.72-28.6 37.28-10 100.93-9.21 103.61l.22.85c1.41 3.86 36.08 96.65 128.93 119.68l14.77 3.21 8.09-28.71-15.27-3.43c-74.22-18.43-105.21-94.39-107.59-100.39a152.44 152.44 0 01-5.1-29.79c-1.08-14.46-.32-34.39 9.43-47.14 7.15-9.32 18.64-13.82 35-13.82 29.79 0 34.78 14.57 42.58 44.79 7.58 29.46 18 69.85 75.84 72.75 22.21 1.07 42.26-8.79 56.34-27.65 21.13-28.28 25.14-71.57 10.19-110.14-11.68-30.36-34.21-60.54-61.73-83.04z" /><path d="M154.18 343.21c-3.47-28.28 1.41-71 26.55-98.78 17.44-19.29 42.79-29 75.19-29 37.49 0 65.87 16.72 84.51 49.61a154 154 0 0117.88 53.25l1.43 14.69 30-2.2a112.63 112.63 0 00-1-15.6c-.11-1.28-3.57-32.46-21-63.75-24.06-43.11-62.63-65.93-111.74-65.93-41.5 0-74.55 13.18-98.06 39.11-31.85 35.14-38.35 86.25-33.91 122.35v.33c7.97 54.53 28.97 98.14 66.12 137.14l11.6 11.22 20.95-21.79-10.34-9.79c-32.72-34.28-51.25-72.64-58.18-120.86zM132.47 72.66c11.08-6.72 50.27-26.77 123.53-26.77 87.54 0 126.44 28.72 126.87 28.93l13.9 8.86L413 58.47l-13.22-8.56c-.52-.38-1.06-.76-1.6-1.12C385.5 40.54 340.54 16 256 16c-87.71 0-132.75 26.48-143.41 33.71L99 58.52l16.2 25.21z" /><path d="M390.59 415.21c-33.37 3.75-60.45-2.67-80.71-18.85-34.24-27.43-38.68-75.11-38.79-76l-1.23-14.88-30.53 2.23 1.31 15c.22 2.46 5.2 60.75 49.62 96.54 22.11 17.89 49.74 26.89 82.24 26.89a187 187 0 0021.56-1.29l16.59-2.09-6.1-29.71z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FingerPrintSharp = props => {
 FingerPrintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Fish.js b/src/Fish.js
index c1f9d3051..1a52250f3 100644
--- a/src/Fish.js
+++ b/src/Fish.js
@@ -15,7 +15,7 @@ const Fish = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M512 256c0-16.54-14.27-46.76-45.61-74a207.06 207.06 0 00-60.28-36.12 3.15 3.15 0 00-3.93 1.56c-.15.29-.3.57-.47.86l-9.59 15.9a183.24 183.24 0 00.07 183.78l.23.39 8.74 16a4 4 0 004.94 1.82C479.63 337.42 512 281.49 512 256zm-93.92-.14a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z"/><path d="M335.45 256a214.8 214.8 0 0129.08-108l.12-.21 4.62-7.67a4 4 0 00-2.59-6 284.29 284.29 0 00-39.26-5.39 7.94 7.94 0 01-4.29-1.6c-19.28-14.66-57.5-40.3-96.46-46.89a16 16 0 00-18 20.18l10.62 37.17a4 4 0 01-2.42 4.84c-36.85 13.69-68.59 38.75-91.74 57.85a8 8 0 01-10.06.06q-4.72-3.75-9.69-7.39c-39.64-28.95-86.21-32.76-88.17-32.9a16 16 0 00-16.83 19.4c.42 1.93 9.19 40.69 31.7 71.61a8.09 8.09 0 010 9.55C9.57 291.52.8 330.29.38 332.22a16 16 0 0016.83 19.4c2-.14 48.53-4 88.12-32.88q4.85-3.56 9.47-7.22a8 8 0 0110.06.07c23.25 19.19 55.05 44.28 92 58a4 4 0 012.42 4.83l-10.66 37.18a16 16 0 0018 20.18c17.16-2.9 51.88-12.86 96.05-46.83a8.15 8.15 0 014.36-1.65 287.36 287.36 0 0039.22-5.3 4 4 0 002.69-5.83l-4.51-8.29A214.81 214.81 0 01335.45 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M512 256c0-16.54-14.27-46.76-45.61-74a207.06 207.06 0 00-60.28-36.12 3.15 3.15 0 00-3.93 1.56c-.15.29-.3.57-.47.86l-9.59 15.9a183.24 183.24 0 00.07 183.78l.23.39 8.74 16a4 4 0 004.94 1.82C479.63 337.42 512 281.49 512 256zm-93.92-.14a16 16 0 1113.79-13.79 16 16 0 01-13.79 13.79z" /><path d="M335.45 256a214.8 214.8 0 0129.08-108l.12-.21 4.62-7.67a4 4 0 00-2.59-6 284.29 284.29 0 00-39.26-5.39 7.94 7.94 0 01-4.29-1.6c-19.28-14.66-57.5-40.3-96.46-46.89a16 16 0 00-18 20.18l10.62 37.17a4 4 0 01-2.42 4.84c-36.85 13.69-68.59 38.75-91.74 57.85a8 8 0 01-10.06.06q-4.72-3.75-9.69-7.39c-39.64-28.95-86.21-32.76-88.17-32.9a16 16 0 00-16.83 19.4c.42 1.93 9.19 40.69 31.7 71.61a8.09 8.09 0 010 9.55C9.57 291.52.8 330.29.38 332.22a16 16 0 0016.83 19.4c2-.14 48.53-4 88.12-32.88q4.85-3.56 9.47-7.22a8 8 0 0110.06.07c23.25 19.19 55.05 44.28 92 58a4 4 0 012.42 4.83l-10.66 37.18a16 16 0 0018 20.18c17.16-2.9 51.88-12.86 96.05-46.83a8.15 8.15 0 014.36-1.65 287.36 287.36 0 0039.22-5.3 4 4 0 002.69-5.83l-4.51-8.29A214.81 214.81 0 01335.45 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Fish = props => {
 Fish.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FishOutline.js b/src/FishOutline.js
index 9c9af8b6b..982d49101 100644
--- a/src/FishOutline.js
+++ b/src/FishOutline.js
@@ -15,7 +15,7 @@ const FishOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeWidth="32" strokeLinejoin="round" d="M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261.14 261.14 0 00-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259.18 259.18 0 0023.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96z"/><circle cx="416" cy="239.99" r="16"/><path fill="none" stroke="currentColor" strokeWidth="32" strokeLinecap="round" strokeMiterlimit="20" d="M378.37 356a199.22 199.22 0 010-200"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeWidth="32" strokeLinejoin="round" d="M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261.14 261.14 0 00-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259.18 259.18 0 0023.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96z" /><circle cx="416" cy="239.99" r="16" /><path fill="none" stroke="currentColor" strokeWidth="32" strokeLinecap="round" strokeMiterlimit="20" d="M378.37 356a199.22 199.22 0 010-200" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FishOutline = props => {
 FishOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FishSharp.js b/src/FishSharp.js
index bf6c3b644..931bceb63 100644
--- a/src/FishSharp.js
+++ b/src/FishSharp.js
@@ -15,7 +15,7 @@ const FishSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.45 256a214.83 214.83 0 0129.08-108l7.62-13.26a280.69 280.69 0 00-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.27 284.27 0 0049.32-7.23l-7.91-13.18A214.92 214.92 0 01335.45 256z"/><path d="M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.82 209.82 0 00-62-37L392.23 164a183.22 183.22 0 00-.09 183.87l11.75 19.57a209.26 209.26 0 0061.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25zM416 256a16 16 0 1116-16 16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M335.45 256a214.83 214.83 0 0129.08-108l7.62-13.26a280.69 280.69 0 00-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.27 284.27 0 0049.32-7.23l-7.91-13.18A214.92 214.92 0 01335.45 256z" /><path d="M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.82 209.82 0 00-62-37L392.23 164a183.22 183.22 0 00-.09 183.87l11.75 19.57a209.26 209.26 0 0061.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25zM416 256a16 16 0 1116-16 16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FishSharp = props => {
 FishSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Fitness.js b/src/Fitness.js
index e5924fed5..7beca3c48 100644
--- a/src/Fitness.js
+++ b/src/Fitness.js
@@ -15,7 +15,7 @@ const Fitness = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M193.69 152.84a16 16 0 0129.64 2.56l36.4 121.36 30-59.92a16 16 0 0128.62 0L345.89 272h96.76A213.08 213.08 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65A211.13 211.13 0 0056.93 240h93.18z"/><path d="M321.69 295.16L304 259.78l-33.69 67.38A16 16 0 01256 336q-.67 0-1.38-.06a16 16 0 01-14-11.34l-36.4-121.36-30 59.92A16 16 0 01160 272H69.35q14 29.29 37.27 57.66c18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81a316.79 316.79 0 0019-25.66H336a16 16 0 01-14.31-8.84zM464 272h-21.35a260.11 260.11 0 01-18.25 32H464a16 16 0 000-32zM48 240a16 16 0 000 32h21.35a225.22 225.22 0 01-12.42-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M193.69 152.84a16 16 0 0129.64 2.56l36.4 121.36 30-59.92a16 16 0 0128.62 0L345.89 272h96.76A213.08 213.08 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65A211.13 211.13 0 0056.93 240h93.18z" /><path d="M321.69 295.16L304 259.78l-33.69 67.38A16 16 0 01256 336q-.67 0-1.38-.06a16 16 0 01-14-11.34l-36.4-121.36-30 59.92A16 16 0 01160 272H69.35q14 29.29 37.27 57.66c18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81a316.79 316.79 0 0019-25.66H336a16 16 0 01-14.31-8.84zM464 272h-21.35a260.11 260.11 0 01-18.25 32H464a16 16 0 000-32zM48 240a16 16 0 000 32h21.35a225.22 225.22 0 01-12.42-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Fitness = props => {
 Fitness.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FitnessOutline.js b/src/FitnessOutline.js
index 96f9e4d47..e64a46955 100644
--- a/src/FitnessOutline.js
+++ b/src/FitnessOutline.js
@@ -15,7 +15,7 @@ const FitnessOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 256h112l48-96 48 160 48-96 32 64h128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 256h112l48-96 48 160 48-96 32 64h128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FitnessOutline = props => {
 FitnessOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FitnessSharp.js b/src/FitnessSharp.js
index 552e0b403..edd42156c 100644
--- a/src/FitnessSharp.js
+++ b/src/FitnessSharp.js
@@ -15,7 +15,7 @@ const FitnessSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 272h-37.34a261.41 261.41 0 01-18.25 32H480zM32 240v32h37.34a225.1 225.1 0 01-12.4-32z"/><path d="M304 259.78l-51.73 103.46-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32A322.78 322.78 0 00424.41 304h-98.3z"/><path d="M211.73 116.76l48 160L304 188.22 345.89 272h96.77A213.13 213.13 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65A211.23 211.23 0 0056.94 240h93.17z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 272h-37.34a261.41 261.41 0 01-18.25 32H480zM32 240v32h37.34a225.1 225.1 0 01-12.4-32z" /><path d="M304 259.78l-51.73 103.46-48-160L169.89 272H69.34c10 20.92 23.5 41.41 40.63 61.68 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32A322.78 322.78 0 00424.41 304h-98.3z" /><path d="M211.73 116.76l48 160L304 188.22 345.89 272h96.77A213.13 213.13 0 00464 176.65C463.37 114.54 413.54 64 352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65A211.23 211.23 0 0056.94 240h93.17z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FitnessSharp = props => {
 FitnessSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flag.js b/src/Flag.js
index 347955ca3..7b57c1bb7 100644
--- a/src/Flag.js
+++ b/src/Flag.js
@@ -15,7 +15,7 @@ const Flag = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 480a16 16 0 01-16-16V68.13a24 24 0 0111.9-20.72C88 40.38 112.38 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80a183.84 183.84 0 0071-14.5 18 18 0 0125 16.58v219.36a20 20 0 01-12 18.31c-8.71 3.81-40.51 16.25-84 16.25-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-55.74 5.58-64 9.11V464a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 480a16 16 0 01-16-16V68.13a24 24 0 0111.9-20.72C88 40.38 112.38 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80a183.84 183.84 0 0071-14.5 18 18 0 0125 16.58v219.36a20 20 0 01-12 18.31c-8.71 3.81-40.51 16.25-84 16.25-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-55.74 5.58-64 9.11V464a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flag = props => {
 Flag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlagOutline.js b/src/FlagOutline.js
index f0ae7a578..3e0243383 100644
--- a/src/FlagOutline.js
+++ b/src/FlagOutline.js
@@ -15,7 +15,7 @@ const FlagOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 464V68.14a8 8 0 014-6.9C91.81 56.66 112.92 48 160 48c64 0 145 48 192 48a199.53 199.53 0 0077.23-15.77 2 2 0 012.77 1.85v219.36a4 4 0 01-2.39 3.65C421.37 308.7 392.33 320 352 320c-48 0-128-32-192-32s-80 16-80 16" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 464V68.14a8 8 0 014-6.9C91.81 56.66 112.92 48 160 48c64 0 145 48 192 48a199.53 199.53 0 0077.23-15.77 2 2 0 012.77 1.85v219.36a4 4 0 01-2.39 3.65C421.37 308.7 392.33 320 352 320c-48 0-128-32-192-32s-80 16-80 16" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlagOutline = props => {
 FlagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlagSharp.js b/src/FlagSharp.js
index 5f320e570..330ca00ba 100644
--- a/src/FlagSharp.js
+++ b/src/FlagSharp.js
@@ -15,7 +15,7 @@ const FlagSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M102 480H64V57.37l4.69-4.68C72.14 49.23 92.78 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80c42.83 0 72.72-14.25 73-14.4l23-11.14v259.43l-8.84 4.42C437.71 319 403.19 336 352 336c-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-49.74 5.58-58 9.11z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M102 480H64V57.37l4.69-4.68C72.14 49.23 92.78 32 160 32c37.21 0 78.83 14.71 115.55 27.68C305.12 70.13 333.05 80 352 80c42.83 0 72.72-14.25 73-14.4l23-11.14v259.43l-8.84 4.42C437.71 319 403.19 336 352 336c-24.14 0-54.38-7.14-86.39-14.71C229.63 312.79 192.43 304 160 304c-36.87 0-49.74 5.58-58 9.11z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlagSharp = props => {
 FlagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flame.js b/src/Flame.js
index ba7c2f93c..c20bddf84 100644
--- a/src/Flame.js
+++ b/src/Flame.js
@@ -15,7 +15,7 @@ const Flame = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flame = props => {
 Flame.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlameOutline.js b/src/FlameOutline.js
index 0e0b16292..4752d20fe 100644
--- a/src/FlameOutline.js
+++ b/src/FlameOutline.js
@@ -15,7 +15,7 @@ const FlameOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 320c0-93 124-165 96-272 66 0 192 96 192 272a144 144 0 01-288 0z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M320 368c0 57.71-32 80-64 80s-64-22.29-64-80 40-86 32-128c42 0 96 70.29 96 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 320c0-93 124-165 96-272 66 0 192 96 192 272a144 144 0 01-288 0z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M320 368c0 57.71-32 80-64 80s-64-22.29-64-80 40-86 32-128c42 0 96 70.29 96 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlameOutline = props => {
 FlameOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlameSharp.js b/src/FlameSharp.js
index c39bb87f2..5760895f2 100644
--- a/src/FlameSharp.js
+++ b/src/FlameSharp.js
@@ -15,7 +15,7 @@ const FlameSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394.24 197.56a300.67 300.67 0 00-53.38-90C301.2 61.65 240 32 192 32c19 70-14.36 117.12-44.79 163.77C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.76-122.44zM288.33 418.69C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 6.48-14.07 14.66-27.22 15.11-44.49 11.3 5.88 23.67 16.91 34.54 31.28 18.17 24 29 52.42 29 76 .01 22.23-5.41 39.76-15.66 50.68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394.24 197.56a300.67 300.67 0 00-53.38-90C301.2 61.65 240 32 192 32c19 70-14.36 117.12-44.79 163.77C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.76-122.44zM288.33 418.69C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 6.48-14.07 14.66-27.22 15.11-44.49 11.3 5.88 23.67 16.91 34.54 31.28 18.17 24 29 52.42 29 76 .01 22.23-5.41 39.76-15.66 50.68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlameSharp = props => {
 FlameSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flash.js b/src/Flash.js
index 51cbd71d4..1f07c744b 100644
--- a/src/Flash.js
+++ b/src/Flash.js
@@ -15,7 +15,7 @@ const Flash = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M194.82 496a18.36 18.36 0 01-18.1-21.53v-.11L204.83 320H96a16 16 0 01-12.44-26.06L302.73 23a18.45 18.45 0 0132.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0112.44 26.06L209.24 489a18.45 18.45 0 01-14.42 7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M194.82 496a18.36 18.36 0 01-18.1-21.53v-.11L204.83 320H96a16 16 0 01-12.44-26.06L302.73 23a18.45 18.45 0 0132.8 13.71c0 .3-.08.59-.13.89L307.19 192H416a16 16 0 0112.44 26.06L209.24 489a18.45 18.45 0 01-14.42 7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flash = props => {
 Flash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashOff.js b/src/FlashOff.js
index f858ac022..88b8e722a 100644
--- a/src/FlashOff.js
+++ b/src/FlashOff.js
@@ -15,7 +15,7 @@ const FlashOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM431.5 204a16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.29 5.35l151 151a4 4 0 005.94-.31l60.8-75.16A16.37 16.37 0 00431.5 204zM301.57 369.19l-151-151a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM431.5 204a16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.29 5.35l151 151a4 4 0 005.94-.31l60.8-75.16A16.37 16.37 0 00431.5 204zM301.57 369.19l-151-151a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashOff = props => {
 FlashOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashOffOutline.js b/src/FlashOffOutline.js
index aae6ffbfb..764771170 100644
--- a/src/FlashOffOutline.js
+++ b/src/FlashOffOutline.js
@@ -15,7 +15,7 @@ const FlashOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM294.34 84.28l-22.08 120.84a16 16 0 006.17 15.71 16.49 16.49 0 009.93 3.17h94.12l-38.37 47.42a4 4 0 00.28 5.34l17.07 17.07a4 4 0 005.94-.31l60.8-75.16a16.37 16.37 0 003.3-14.36 16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.28 5.35l17.07 17.06a4 4 0 005.94-.31zM217.78 427.57l22-120.71a16 16 0 00-6.19-15.7 16.54 16.54 0 00-9.92-3.16h-94.1l38.36-47.42a4 4 0 00-.28-5.34l-17.07-17.07a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35l-17.07-17.06a4 4 0 00-5.94.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM294.34 84.28l-22.08 120.84a16 16 0 006.17 15.71 16.49 16.49 0 009.93 3.17h94.12l-38.37 47.42a4 4 0 00.28 5.34l17.07 17.07a4 4 0 005.94-.31l60.8-75.16a16.37 16.37 0 003.3-14.36 16 16 0 00-15.5-12H307.19L335.4 37.63c.05-.3.1-.59.13-.89A18.45 18.45 0 00302.73 23l-92.58 114.46a4 4 0 00.28 5.35l17.07 17.06a4 4 0 005.94-.31zM217.78 427.57l22-120.71a16 16 0 00-6.19-15.7 16.54 16.54 0 00-9.92-3.16h-94.1l38.36-47.42a4 4 0 00-.28-5.34l-17.07-17.07a4 4 0 00-5.93.31L83.8 293.64A16.37 16.37 0 0080.5 308 16 16 0 0096 320h108.83l-28.09 154.36v.11a18.37 18.37 0 0032.5 14.53l92.61-114.46a4 4 0 00-.28-5.35l-17.07-17.06a4 4 0 00-5.94.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashOffOutline = props => {
 FlashOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashOffSharp.js b/src/FlashOffSharp.js
index aeaa0739f..edfb05c35 100644
--- a/src/FlashOffSharp.js
+++ b/src/FlashOffSharp.js
@@ -15,7 +15,7 @@ const FlashOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM80 304h144l-32 192 108.18-129.82-148.36-148.36L80 304zM432 208H288l32-192-108.18 129.82 148.36 148.36L432 208z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M63.998 86.004l21.998-21.998L448 426.01l-21.998 21.998zM80 304h144l-32 192 108.18-129.82-148.36-148.36L80 304zM432 208H288l32-192-108.18 129.82 148.36 148.36L432 208z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashOffSharp = props => {
 FlashOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashOutline.js b/src/FlashOutline.js
index 7e3edcf3d..9b61fd082 100644
--- a/src/FlashOutline.js
+++ b/src/FlashOutline.js
@@ -15,7 +15,7 @@ const FlashOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M315.27 33L96 304h128l-31.51 173.23a2.36 2.36 0 002.33 2.77h0a2.36 2.36 0 001.89-.95L416 208H288l31.66-173.25a2.45 2.45 0 00-2.44-2.75h0a2.42 2.42 0 00-1.95 1z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashOutline = props => {
 FlashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashSharp.js b/src/FlashSharp.js
index 41d1847a7..da3f0d48d 100644
--- a/src/FlashSharp.js
+++ b/src/FlashSharp.js
@@ -15,7 +15,7 @@ const FlashSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 208H288l32-192L80 304h144l-32 192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 208H288l32-192L80 304h144l-32 192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashSharp = props => {
 FlashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flashlight.js b/src/Flashlight.js
index 1a5d10beb..cb0d7fbb2 100644
--- a/src/Flashlight.js
+++ b/src/Flashlight.js
@@ -15,7 +15,7 @@ const Flashlight = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M462 216c9.35-9.35 15.14-19.09 17.19-28.95 2.7-12.95-1.29-25.55-11.22-35.48L360.43 44.05C346.29 29.92 322 24.07 296 50l-2 2a8 8 0 000 11.32L448.64 218a8 8 0 0011.36 0zM250.14 153.08l-.16 2.34c-.53 7.18-6.88 19.15-13.88 26.14L47.27 370.36c-11.12 11.11-16.46 25.57-15.05 40.7C33.49 424.58 40.16 438 51 448.83L63.17 461c12.61 12.6 27.78 19 42.49 19a50.4 50.4 0 0036-15.24l188.84-188.8c7.07-7.07 18.84-13.3 26.17-13.87 17.48-1.32 43.57-3.28 67.79-15.65a4 4 0 001-6.37L271.69 86.31a4 4 0 00-6.39 1c-12.12 22.99-13.82 46.91-15.16 65.77zm-9.95 146.83a20 20 0 110-25.25 20 20 0 010 25.25z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M462 216c9.35-9.35 15.14-19.09 17.19-28.95 2.7-12.95-1.29-25.55-11.22-35.48L360.43 44.05C346.29 29.92 322 24.07 296 50l-2 2a8 8 0 000 11.32L448.64 218a8 8 0 0011.36 0zM250.14 153.08l-.16 2.34c-.53 7.18-6.88 19.15-13.88 26.14L47.27 370.36c-11.12 11.11-16.46 25.57-15.05 40.7C33.49 424.58 40.16 438 51 448.83L63.17 461c12.61 12.6 27.78 19 42.49 19a50.4 50.4 0 0036-15.24l188.84-188.8c7.07-7.07 18.84-13.3 26.17-13.87 17.48-1.32 43.57-3.28 67.79-15.65a4 4 0 001-6.37L271.69 86.31a4 4 0 00-6.39 1c-12.12 22.99-13.82 46.91-15.16 65.77zm-9.95 146.83a20 20 0 110-25.25 20 20 0 010 25.25z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flashlight = props => {
 Flashlight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashlightOutline.js b/src/FlashlightOutline.js
index ccaf30d65..2ed58b793 100644
--- a/src/FlashlightOutline.js
+++ b/src/FlashlightOutline.js
@@ -15,7 +15,7 @@ const FlashlightOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.64 162.86L349.12 55.36c-13.15-13.14-28.68-7.17-41.82 6l-11.95 12c-26.13 26.13-27.62 58.38-29.42 83.31-.89 12.24-9.78 27.55-18.51 36.28L58.58 381.67c-16.35 16.33-12.69 39.42 3.73 55.84l12.17 12.17c16.36 16.35 39.43 20.16 55.86 3.74l188.83-188.8c8.74-8.74 24-17.55 36.29-18.52 24.87-1.86 58.62-4.85 83.26-29.49l11.94-11.94c13.15-13.14 19.12-28.67 5.98-41.81z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="224.68" cy="287.28" r="20"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M289 81l142 142"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.64 162.86L349.12 55.36c-13.15-13.14-28.68-7.17-41.82 6l-11.95 12c-26.13 26.13-27.62 58.38-29.42 83.31-.89 12.24-9.78 27.55-18.51 36.28L58.58 381.67c-16.35 16.33-12.69 39.42 3.73 55.84l12.17 12.17c16.36 16.35 39.43 20.16 55.86 3.74l188.83-188.8c8.74-8.74 24-17.55 36.29-18.52 24.87-1.86 58.62-4.85 83.26-29.49l11.94-11.94c13.15-13.14 19.12-28.67 5.98-41.81z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="224.68" cy="287.28" r="20" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M289 81l142 142" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashlightOutline = props => {
 FlashlightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlashlightSharp.js b/src/FlashlightSharp.js
index 68fb3e159..961616823 100644
--- a/src/FlashlightSharp.js
+++ b/src/FlashlightSharp.js
@@ -15,7 +15,7 @@ const FlashlightSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 16l-42.68 42.7L453.3 224.68 496 182 330 16z"/><ellipse cx="224.68" cy="287.3" rx="20.03" ry="19.96" fill="none"/><path d="M429.21 243.85L268 82.59 249.65 168 16 402l94 94 234.23-233.8zm-189 56.07a20 20 0 110-25.25 20 20 0 01-.02 25.25z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 16l-42.68 42.7L453.3 224.68 496 182 330 16z" /><ellipse cx="224.68" cy="287.3" rx="20.03" ry="19.96" fill="none" /><path d="M429.21 243.85L268 82.59 249.65 168 16 402l94 94 234.23-233.8zm-189 56.07a20 20 0 110-25.25 20 20 0 01-.02 25.25z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlashlightSharp = props => {
 FlashlightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flask.js b/src/Flask.js
index 5313ed465..814a181f2 100644
--- a/src/Flask.js
+++ b/src/Flask.js
@@ -15,7 +15,7 @@ const Flask = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M452.32 365L327.4 167.12a48.07 48.07 0 01-7.4-25.64V64h15.56c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 32H176.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 64h16v77.48a47.92 47.92 0 01-7.41 25.63L59.68 365a74 74 0 00-2.5 75.84C70.44 465.19 96.36 480 124.13 480h263.74c27.77 0 53.69-14.81 66.95-39.21a74 74 0 00-2.5-75.79zM211.66 184.2A79.94 79.94 0 00224 141.48V68a4 4 0 014-4h56a4 4 0 014 4v73.48a79.94 79.94 0 0012.35 42.72l57.8 91.53a8 8 0 01-6.78 12.27H160.63a8 8 0 01-6.77-12.27z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M452.32 365L327.4 167.12a48.07 48.07 0 01-7.4-25.64V64h15.56c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 32H176.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 64h16v77.48a47.92 47.92 0 01-7.41 25.63L59.68 365a74 74 0 00-2.5 75.84C70.44 465.19 96.36 480 124.13 480h263.74c27.77 0 53.69-14.81 66.95-39.21a74 74 0 00-2.5-75.79zM211.66 184.2A79.94 79.94 0 00224 141.48V68a4 4 0 014-4h56a4 4 0 014 4v73.48a79.94 79.94 0 0012.35 42.72l57.8 91.53a8 8 0 01-6.78 12.27H160.63a8 8 0 01-6.77-12.27z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flask = props => {
 Flask.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlaskOutline.js b/src/FlaskOutline.js
index c8fa6f1d4..b7533dd05 100644
--- a/src/FlaskOutline.js
+++ b/src/FlaskOutline.js
@@ -15,7 +15,7 @@ const FlaskOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M176 48h160M118 304h276M208 48v93.48a64.09 64.09 0 01-9.88 34.18L73.21 373.49C48.4 412.78 76.63 464 123.08 464h265.84c46.45 0 74.68-51.22 49.87-90.51L313.87 175.66a64.09 64.09 0 01-9.87-34.18V48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M176 48h160M118 304h276M208 48v93.48a64.09 64.09 0 01-9.88 34.18L73.21 373.49C48.4 412.78 76.63 464 123.08 464h265.84c46.45 0 74.68-51.22 49.87-90.51L313.87 175.66a64.09 64.09 0 01-9.87-34.18V48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlaskOutline = props => {
 FlaskOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlaskSharp.js b/src/FlaskSharp.js
index ca453a0b4..19017b8f1 100644
--- a/src/FlaskSharp.js
+++ b/src/FlaskSharp.js
@@ -15,7 +15,7 @@ const FlaskSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.11 382.76L325 153.92V74h32V32H155v42h32v79.92L42.89 382.76c-13 20.64-14.78 43.73-3 65.1S71.59 480 96 480h320c24.41 0 44.32-10.76 56.1-32.14s10.04-44.46-2.99-65.1zM224.39 173.39a29.76 29.76 0 004.62-16V74h54v84.59a25.85 25.85 0 004 13.82L356.82 283H155.18z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M469.11 382.76L325 153.92V74h32V32H155v42h32v79.92L42.89 382.76c-13 20.64-14.78 43.73-3 65.1S71.59 480 96 480h320c24.41 0 44.32-10.76 56.1-32.14s10.04-44.46-2.99-65.1zM224.39 173.39a29.76 29.76 0 004.62-16V74h54v84.59a25.85 25.85 0 004 13.82L356.82 283H155.18z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlaskSharp = props => {
 FlaskSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Flower.js b/src/Flower.js
index c08c03912..9e7708dd8 100644
--- a/src/Flower.js
+++ b/src/Flower.js
@@ -15,7 +15,7 @@ const Flower = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><path d="M475.93 303.91a67.49 67.49 0 00-44.34-115.53 5.2 5.2 0 01-4.58-3.21 5.21 5.21 0 011-5.51A67.83 67.83 0 00378 66.33h-.25A67.13 67.13 0 00332.35 84a5.21 5.21 0 01-5.52 1 5.23 5.23 0 01-3.22-4.58 67.68 67.68 0 00-135.23 0 5.2 5.2 0 01-3.21 4.58 5.21 5.21 0 01-5.52-1 67.11 67.11 0 00-45.44-17.69H134a67.91 67.91 0 00-50 113.34 5.21 5.21 0 011 5.51 5.2 5.2 0 01-4.58 3.21 67.71 67.71 0 000 135.23 5.23 5.23 0 014.58 3.23 5.22 5.22 0 01-1 5.52 67.54 67.54 0 0050.08 113h.25A67.38 67.38 0 00179.65 428a5.21 5.21 0 015.51-1 5.2 5.2 0 013.21 4.58 67.71 67.71 0 00135.23 0 5.23 5.23 0 013.22-4.58 5.21 5.21 0 015.51 1 67.38 67.38 0 0045.29 17.42h.25a67.48 67.48 0 0050.08-113 5.22 5.22 0 01-1-5.52 5.23 5.23 0 014.58-3.22 67.31 67.31 0 0044.4-19.77zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><path d="M475.93 303.91a67.49 67.49 0 00-44.34-115.53 5.2 5.2 0 01-4.58-3.21 5.21 5.21 0 011-5.51A67.83 67.83 0 00378 66.33h-.25A67.13 67.13 0 00332.35 84a5.21 5.21 0 01-5.52 1 5.23 5.23 0 01-3.22-4.58 67.68 67.68 0 00-135.23 0 5.2 5.2 0 01-3.21 4.58 5.21 5.21 0 01-5.52-1 67.11 67.11 0 00-45.44-17.69H134a67.91 67.91 0 00-50 113.34 5.21 5.21 0 011 5.51 5.2 5.2 0 01-4.58 3.21 67.71 67.71 0 000 135.23 5.23 5.23 0 014.58 3.23 5.22 5.22 0 01-1 5.52 67.54 67.54 0 0050.08 113h.25A67.38 67.38 0 00179.65 428a5.21 5.21 0 015.51-1 5.2 5.2 0 013.21 4.58 67.71 67.71 0 00135.23 0 5.23 5.23 0 013.22-4.58 5.21 5.21 0 015.51 1 67.38 67.38 0 0045.29 17.42h.25a67.48 67.48 0 0050.08-113 5.22 5.22 0 01-1-5.52 5.23 5.23 0 014.58-3.22 67.31 67.31 0 0044.4-19.77zM256 336a80 80 0 1180-80 80.09 80.09 0 01-80 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Flower = props => {
 Flower.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlowerOutline.js b/src/FlowerOutline.js
index afce41378..4549dfe4e 100644
--- a/src/FlowerOutline.js
+++ b/src/FlowerOutline.js
@@ -15,7 +15,7 @@ const FlowerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M215.08 156.92c-4.89-24-10.77-56.27-10.77-73.23A51.36 51.36 0 01256 32h0c28.55 0 51.69 23.69 51.69 51.69 0 16.5-5.85 48.95-10.77 73.23M215.08 355.08c-4.91 24.06-10.77 56.16-10.77 73.23A51.36 51.36 0 00256 480h0c28.55 0 51.69-23.69 51.69-51.69 0-16.54-5.85-48.93-10.77-73.23M355.08 215.08c24.06-4.91 56.16-10.77 73.23-10.77A51.36 51.36 0 01480 256h0c0 28.55-23.69 51.69-51.69 51.69-16.5 0-48.95-5.85-73.23-10.77M156.92 215.07c-24-4.89-56.25-10.76-73.23-10.76A51.36 51.36 0 0032 256h0c0 28.55 23.69 51.69 51.69 51.69 16.5 0 48.95-5.85 73.23-10.77" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M296.92 156.92c13.55-20.48 32.3-47.25 44.37-59.31a51.35 51.35 0 0173.1 0h0c20.19 20.19 19.8 53.3 0 73.1-11.66 11.67-38.67 30.67-59.31 44.37M156.92 296.92c-20.48 13.55-47.25 32.3-59.31 44.37a51.35 51.35 0 000 73.1h0c20.19 20.19 53.3 19.8 73.1 0 11.67-11.66 30.67-38.67 44.37-59.31M355.08 296.92c20.48 13.55 47.25 32.3 59.31 44.37a51.35 51.35 0 010 73.1h0c-20.19 20.19-53.3 19.8-73.1 0-11.69-11.69-30.66-38.65-44.37-59.31M215.08 156.92c-13.53-20.43-32.38-47.32-44.37-59.31a51.35 51.35 0 00-73.1 0h0c-20.19 20.19-19.8 53.3 0 73.1 11.61 11.61 38.7 30.68 59.31 44.37" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M215.08 156.92c-4.89-24-10.77-56.27-10.77-73.23A51.36 51.36 0 01256 32h0c28.55 0 51.69 23.69 51.69 51.69 0 16.5-5.85 48.95-10.77 73.23M215.08 355.08c-4.91 24.06-10.77 56.16-10.77 73.23A51.36 51.36 0 00256 480h0c28.55 0 51.69-23.69 51.69-51.69 0-16.54-5.85-48.93-10.77-73.23M355.08 215.08c24.06-4.91 56.16-10.77 73.23-10.77A51.36 51.36 0 01480 256h0c0 28.55-23.69 51.69-51.69 51.69-16.5 0-48.95-5.85-73.23-10.77M156.92 215.07c-24-4.89-56.25-10.76-73.23-10.76A51.36 51.36 0 0032 256h0c0 28.55 23.69 51.69 51.69 51.69 16.5 0 48.95-5.85 73.23-10.77" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M296.92 156.92c13.55-20.48 32.3-47.25 44.37-59.31a51.35 51.35 0 0173.1 0h0c20.19 20.19 19.8 53.3 0 73.1-11.66 11.67-38.67 30.67-59.31 44.37M156.92 296.92c-20.48 13.55-47.25 32.3-59.31 44.37a51.35 51.35 0 000 73.1h0c20.19 20.19 53.3 19.8 73.1 0 11.67-11.66 30.67-38.67 44.37-59.31M355.08 296.92c20.48 13.55 47.25 32.3 59.31 44.37a51.35 51.35 0 010 73.1h0c-20.19 20.19-53.3 19.8-73.1 0-11.69-11.69-30.66-38.65-44.37-59.31M215.08 156.92c-13.53-20.43-32.38-47.32-44.37-59.31a51.35 51.35 0 00-73.1 0h0c-20.19 20.19-19.8 53.3 0 73.1 11.61 11.61 38.7 30.68 59.31 44.37" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlowerOutline = props => {
 FlowerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FlowerSharp.js b/src/FlowerSharp.js
index 9ef2e5e04..b498ce249 100644
--- a/src/FlowerSharp.js
+++ b/src/FlowerSharp.js
@@ -15,7 +15,7 @@ const FlowerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="43"/><path d="M475.93 303.91a67.49 67.49 0 00-47.62-115.6c-2.88 0-6.2.14-9.93.43 2.75-2.36 5.23-4.62 7.33-6.71A67.83 67.83 0 00378 66.33h-.25a67.27 67.27 0 00-47.82 20c-2.11 2.11-4.37 4.59-6.72 7.33.29-3.75.44-7.07.44-9.93a67.69 67.69 0 10-135.38 0c0 2.87.15 6.19.44 9.93-2.36-2.74-4.62-5.22-6.72-7.33a67.27 67.27 0 00-47.82-20H134A67.9 67.9 0 0086.29 182c2.1 2.09 4.58 4.35 7.34 6.72-3.74-.29-7.06-.44-9.94-.44a67.69 67.69 0 000 135.38c2.86 0 6.18-.15 9.93-.44-2.74 2.35-5.22 4.61-7.33 6.72a67.55 67.55 0 0047.82 115.42h.25A67.32 67.32 0 00182 425.71c2.09-2.1 4.35-4.58 6.71-7.33-.28 3.73-.43 7.05-.43 9.93a67.69 67.69 0 00135.38 0c0-2.87-.15-6.19-.44-9.94 2.36 2.75 4.62 5.24 6.72 7.34a67.32 67.32 0 0047.67 19.68h.25A67.5 67.5 0 00425.71 330c-2.11-2.11-4.59-4.37-7.33-6.72 3.75.29 7.07.44 9.93.44a67.27 67.27 0 0047.62-19.81zM256 341a85 85 0 1185-85 85.1 85.1 0 01-85 85z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="43" /><path d="M475.93 303.91a67.49 67.49 0 00-47.62-115.6c-2.88 0-6.2.14-9.93.43 2.75-2.36 5.23-4.62 7.33-6.71A67.83 67.83 0 00378 66.33h-.25a67.27 67.27 0 00-47.82 20c-2.11 2.11-4.37 4.59-6.72 7.33.29-3.75.44-7.07.44-9.93a67.69 67.69 0 10-135.38 0c0 2.87.15 6.19.44 9.93-2.36-2.74-4.62-5.22-6.72-7.33a67.27 67.27 0 00-47.82-20H134A67.9 67.9 0 0086.29 182c2.1 2.09 4.58 4.35 7.34 6.72-3.74-.29-7.06-.44-9.94-.44a67.69 67.69 0 000 135.38c2.86 0 6.18-.15 9.93-.44-2.74 2.35-5.22 4.61-7.33 6.72a67.55 67.55 0 0047.82 115.42h.25A67.32 67.32 0 00182 425.71c2.09-2.1 4.35-4.58 6.71-7.33-.28 3.73-.43 7.05-.43 9.93a67.69 67.69 0 00135.38 0c0-2.87-.15-6.19-.44-9.94 2.36 2.75 4.62 5.24 6.72 7.34a67.32 67.32 0 0047.67 19.68h.25A67.5 67.5 0 00425.71 330c-2.11-2.11-4.59-4.37-7.33-6.72 3.75.29 7.07.44 9.93.44a67.27 67.27 0 0047.62-19.81zM256 341a85 85 0 1185-85 85.1 85.1 0 01-85 85z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FlowerSharp = props => {
 FlowerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Folder.js b/src/Folder.js
index 329371ee7..01ffb1cf5 100644
--- a/src/Folder.js
+++ b/src/Folder.js
@@ -15,7 +15,7 @@ const Folder = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 152a56 56 0 00-56-56H220.11a23.89 23.89 0 01-13.31-4L179 73.41A55.77 55.77 0 00147.89 64H72a56 56 0 00-56 56v48a8 8 0 008 8h464a8 8 0 008-8zM16 392a56 56 0 0056 56h368a56 56 0 0056-56V216a8 8 0 00-8-8H24a8 8 0 00-8 8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 152a56 56 0 00-56-56H220.11a23.89 23.89 0 01-13.31-4L179 73.41A55.77 55.77 0 00147.89 64H72a56 56 0 00-56 56v48a8 8 0 008 8h464a8 8 0 008-8zM16 392a56 56 0 0056 56h368a56 56 0 0056-56V216a8 8 0 00-8-8H24a8 8 0 00-8 8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Folder = props => {
 Folder.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FolderOpen.js b/src/FolderOpen.js
index 12530858f..8167c0f25 100644
--- a/src/FolderOpen.js
+++ b/src/FolderOpen.js
@@ -15,7 +15,7 @@ const FolderOpen = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 96H252.11a23.89 23.89 0 01-13.31-4L211 73.41A55.77 55.77 0 00179.89 64H104a56.06 56.06 0 00-56 56v24h416c0-30.88-25.12-48-56-48zM423.75 448H88.25a56 56 0 01-55.93-55.15L16.18 228.11v-.28A48 48 0 0164 176h384.1a48 48 0 0147.8 51.83v.28l-16.22 164.74A56 56 0 01423.75 448zm56.15-221.45z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 96H252.11a23.89 23.89 0 01-13.31-4L211 73.41A55.77 55.77 0 00179.89 64H104a56.06 56.06 0 00-56 56v24h416c0-30.88-25.12-48-56-48zM423.75 448H88.25a56 56 0 01-55.93-55.15L16.18 228.11v-.28A48 48 0 0164 176h384.1a48 48 0 0147.8 51.83v.28l-16.22 164.74A56 56 0 01423.75 448zm56.15-221.45z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FolderOpen = props => {
 FolderOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FolderOpenOutline.js b/src/FolderOpenOutline.js
index 893b8c850..a88ba91af 100644
--- a/src/FolderOpenOutline.js
+++ b/src/FolderOpenOutline.js
@@ -15,7 +15,7 @@ const FolderOpenOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 192v-72a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H408a40 40 0 0140 40v40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M479.9 226.55L463.68 392a40 40 0 01-39.93 40H88.25a40 40 0 01-39.93-40L32.1 226.55A32 32 0 0164 192h384.1a32 32 0 0131.8 34.55z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FolderOpenOutline = props => {
 FolderOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FolderOpenSharp.js b/src/FolderOpenSharp.js
index 21db90a15..dced3230c 100644
--- a/src/FolderOpenSharp.js
+++ b/src/FolderOpenSharp.js
@@ -15,7 +15,7 @@ const FolderOpenSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16.08 189.4l28.58 233.87A28 28 0 0072.52 448h367a28 28 0 0027.86-24.73l28.54-233.87A12 12 0 00484 176H28a12 12 0 00-11.92 13.4zM464 124a28 28 0 00-28-28H244.84l-48-32H76a28 28 0 00-28 28v52h416z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16.08 189.4l28.58 233.87A28 28 0 0072.52 448h367a28 28 0 0027.86-24.73l28.54-233.87A12 12 0 00484 176H28a12 12 0 00-11.92 13.4zM464 124a28 28 0 00-28-28H244.84l-48-32H76a28 28 0 00-28 28v52h416z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FolderOpenSharp = props => {
 FolderOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FolderOutline.js b/src/FolderOutline.js
index 101726d01..b660bfba4 100644
--- a/src/FolderOutline.js
+++ b/src/FolderOutline.js
@@ -15,7 +15,7 @@ const FolderOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440 432H72a40 40 0 01-40-40V120a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H440a40 40 0 0140 40v240a40 40 0 01-40 40zM32 192h448" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440 432H72a40 40 0 01-40-40V120a40 40 0 0140-40h75.89a40 40 0 0122.19 6.72l27.84 18.56a40 40 0 0022.19 6.72H440a40 40 0 0140 40v240a40 40 0 01-40 40zM32 192h448" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FolderOutline = props => {
 FolderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FolderSharp.js b/src/FolderSharp.js
index 288c45a19..b45ad1e17 100644
--- a/src/FolderSharp.js
+++ b/src/FolderSharp.js
@@ -15,7 +15,7 @@ const FolderSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 420a28 28 0 0028 28h424a28 28 0 0028-28V208H16zM496 124a28 28 0 00-28-28H212.84l-48-32H44a28 28 0 00-28 28v84h480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 420a28 28 0 0028 28h424a28 28 0 0028-28V208H16zM496 124a28 28 0 00-28-28H212.84l-48-32H44a28 28 0 00-28 28v84h480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FolderSharp = props => {
 FolderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Football.js b/src/Football.js
index dc4f48512..2cc091347 100644
--- a/src/Football.js
+++ b/src/Football.js
@@ -15,7 +15,7 @@ const Football = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm143 304h-45.22a8 8 0 01-6.91-4l-16.14-27.68a8 8 0 01-.86-6l14.86-59.92a8 8 0 014.65-5.45l28.1-11.9a8 8 0 018.34 1.3l41.63 35.82a8 8 0 012.69 7.26 174.75 174.75 0 01-24.28 66.68A8 8 0 01399 352zM134.52 237.13l28.1 11.9a8 8 0 014.65 5.45l14.86 59.92a8 8 0 01-.86 6L165.13 348a8 8 0 01-6.91 4H113a8 8 0 01-6.82-3.81 174.75 174.75 0 01-24.28-66.68 8 8 0 012.69-7.26l41.63-35.82a8 8 0 018.3-1.3zm256.94-87.24l-18.07 51.38A8 8 0 01369 206l-29.58 12.53a8 8 0 01-8.26-1.24L274.9 170.1a8 8 0 01-2.9-6.1v-33.58a8 8 0 013.56-6.65l42.83-28.54a8 8 0 017.66-.67A176.92 176.92 0 01390 142a8 8 0 011.46 7.89zM193.6 95.23l42.84 28.54a8 8 0 013.56 6.65V164a8 8 0 01-2.86 6.13l-56.26 47.19a8 8 0 01-8.26 1.24L143 206a8 8 0 01-4.43-4.72L120.5 149.9a8 8 0 011.5-7.9 176.92 176.92 0 0164-47.48 8 8 0 017.6.71zm17.31 327.46L191.18 373a8 8 0 01.52-7l15.17-26a8 8 0 016.91-4h84.44a8 8 0 016.91 4l15.18 26a8 8 0 01.53 7l-19.59 49.67a8 8 0 01-5.69 4.87 176.58 176.58 0 01-79 0 8 8 0 01-5.65-4.85z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm143 304h-45.22a8 8 0 01-6.91-4l-16.14-27.68a8 8 0 01-.86-6l14.86-59.92a8 8 0 014.65-5.45l28.1-11.9a8 8 0 018.34 1.3l41.63 35.82a8 8 0 012.69 7.26 174.75 174.75 0 01-24.28 66.68A8 8 0 01399 352zM134.52 237.13l28.1 11.9a8 8 0 014.65 5.45l14.86 59.92a8 8 0 01-.86 6L165.13 348a8 8 0 01-6.91 4H113a8 8 0 01-6.82-3.81 174.75 174.75 0 01-24.28-66.68 8 8 0 012.69-7.26l41.63-35.82a8 8 0 018.3-1.3zm256.94-87.24l-18.07 51.38A8 8 0 01369 206l-29.58 12.53a8 8 0 01-8.26-1.24L274.9 170.1a8 8 0 01-2.9-6.1v-33.58a8 8 0 013.56-6.65l42.83-28.54a8 8 0 017.66-.67A176.92 176.92 0 01390 142a8 8 0 011.46 7.89zM193.6 95.23l42.84 28.54a8 8 0 013.56 6.65V164a8 8 0 01-2.86 6.13l-56.26 47.19a8 8 0 01-8.26 1.24L143 206a8 8 0 01-4.43-4.72L120.5 149.9a8 8 0 011.5-7.9 176.92 176.92 0 0164-47.48 8 8 0 017.6.71zm17.31 327.46L191.18 373a8 8 0 01.52-7l15.17-26a8 8 0 016.91-4h84.44a8 8 0 016.91 4l15.18 26a8 8 0 01.53 7l-19.59 49.67a8 8 0 01-5.69 4.87 176.58 176.58 0 01-79 0 8 8 0 01-5.65-4.85z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Football = props => {
 Football.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FootballOutline.js b/src/FootballOutline.js
index 7688dc07e..5af5d7345 100644
--- a/src/FootballOutline.js
+++ b/src/FootballOutline.js
@@ -15,7 +15,7 @@ const FootballOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 175.15l-76.09 63.83L200 320h112l20.09-81.02L256 175.15zM332.09 238.98l52.87-22.4 25.78-73.26M447 269.97l-62.04-53.39M179.91 238.98l-52.87-22.4-25.78-73.26M65 269.97l62.04-53.39M256 175.15v-57.57l64-42.64M192 74.93l64 42.65M312 320l28 48-28 71M410.74 368H342M200 320l-28 48 28.37 71.5M101.63 368H172"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 175.15l-76.09 63.83L200 320h112l20.09-81.02L256 175.15zM332.09 238.98l52.87-22.4 25.78-73.26M447 269.97l-62.04-53.39M179.91 238.98l-52.87-22.4-25.78-73.26M65 269.97l62.04-53.39M256 175.15v-57.57l64-42.64M192 74.93l64 42.65M312 320l28 48-28 71M410.74 368H342M200 320l-28 48 28.37 71.5M101.63 368H172" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FootballOutline = props => {
 FootballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FootballSharp.js b/src/FootballSharp.js
index 30e24294b..e75ae2244 100644
--- a/src/FootballSharp.js
+++ b/src/FootballSharp.js
@@ -15,7 +15,7 @@ const FootballSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm140.64 296.08h-46.77l-16.89-29 15-60.44L377.79 242l42.65 36.71a164.87 164.87 0 01-23.8 65.37zM134.21 242L164 254.67l15 60.44-16.89 29h-46.75a164.87 164.87 0 01-23.8-65.34zm249.07-92.47l-18.41 52.33-31.12 13.18L277 167.46v-35l43.86-29.22a166.87 166.87 0 0162.42 46.32zM191.14 103.2L235 132.42v35l-56.75 47.61-31.12-13.18-18.41-52.33a166.87 166.87 0 0162.42-46.32zm26.44 314.3l-20.1-50.66 16-27.51h85l16.06 27.53-20 50.6a166.23 166.23 0 01-77 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm140.64 296.08h-46.77l-16.89-29 15-60.44L377.79 242l42.65 36.71a164.87 164.87 0 01-23.8 65.37zM134.21 242L164 254.67l15 60.44-16.89 29h-46.75a164.87 164.87 0 01-23.8-65.34zm249.07-92.47l-18.41 52.33-31.12 13.18L277 167.46v-35l43.86-29.22a166.87 166.87 0 0162.42 46.32zM191.14 103.2L235 132.42v35l-56.75 47.61-31.12-13.18-18.41-52.33a166.87 166.87 0 0162.42-46.32zm26.44 314.3l-20.1-50.66 16-27.51h85l16.06 27.53-20 50.6a166.23 166.23 0 01-77 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FootballSharp = props => {
 FootballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Funnel.js b/src/Funnel.js
index 93662fb36..b27b8b76b 100644
--- a/src/Funnel.js
+++ b/src/Funnel.js
@@ -15,7 +15,7 @@ const Funnel = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 464a23.88 23.88 0 01-7.55-1.23L208.3 436.1a23.92 23.92 0 01-16.3-22.78V294.11a.44.44 0 00-.09-.13L23.26 97.54A30 30 0 0146.05 48H466a30 30 0 0122.79 49.54L320.09 294a.77.77 0 00-.09.13V440a23.93 23.93 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 464a23.88 23.88 0 01-7.55-1.23L208.3 436.1a23.92 23.92 0 01-16.3-22.78V294.11a.44.44 0 00-.09-.13L23.26 97.54A30 30 0 0146.05 48H466a30 30 0 0122.79 49.54L320.09 294a.77.77 0 00-.09.13V440a23.93 23.93 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Funnel = props => {
 Funnel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FunnelOutline.js b/src/FunnelOutline.js
index e43b93356..72bfc2e1f 100644
--- a/src/FunnelOutline.js
+++ b/src/FunnelOutline.js
@@ -15,7 +15,7 @@ const FunnelOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M35.4 87.12l168.65 196.44A16.07 16.07 0 01208 294v119.32a7.93 7.93 0 005.39 7.59l80.15 26.67A7.94 7.94 0 00304 440V294a16.07 16.07 0 014-10.44L476.6 87.12A14 14 0 00466 64H46.05A14 14 0 0035.4 87.12z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M35.4 87.12l168.65 196.44A16.07 16.07 0 01208 294v119.32a7.93 7.93 0 005.39 7.59l80.15 26.67A7.94 7.94 0 00304 440V294a16.07 16.07 0 014-10.44L476.6 87.12A14 14 0 00466 64H46.05A14 14 0 0035.4 87.12z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FunnelOutline = props => {
 FunnelOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/FunnelSharp.js b/src/FunnelSharp.js
index e9f6a0a9e..85e208450 100644
--- a/src/FunnelSharp.js
+++ b/src/FunnelSharp.js
@@ -15,7 +15,7 @@ const FunnelSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 48l192 240v128l128 48V288L512 48H0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 48l192 240v128l128 48V288L512 48H0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const FunnelSharp = props => {
 FunnelSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GameController.js b/src/GameController.js
index fd0308203..e3108c65f 100644
--- a/src/GameController.js
+++ b/src/GameController.js
@@ -15,7 +15,7 @@ const GameController = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.13 107.13 0 00352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.74 115.74 0 00-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.62 56.62 0 0018.64 3.22c29.93 0 53.93-24.93 70.33-45.34 18.53-23.1 40.22-34.82 107.34-34.82 59.95 0 84.76 8.13 106.19 34.82 13.47 16.78 26.2 28.52 38.9 35.91 16.89 9.82 33.77 12 50.16 6.37 25.82-8.81 40.62-32.1 44-69.24 2.57-28.48-1.39-65.89-12.12-114.37zM208 240h-32v32a16 16 0 01-32 0v-32h-32a16 16 0 010-32h32v-32a16 16 0 0132 0v32h32a16 16 0 010 32zm84 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-19.95A20 20 0 01336 288zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.13 107.13 0 00352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.74 115.74 0 00-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.62 56.62 0 0018.64 3.22c29.93 0 53.93-24.93 70.33-45.34 18.53-23.1 40.22-34.82 107.34-34.82 59.95 0 84.76 8.13 106.19 34.82 13.47 16.78 26.2 28.52 38.9 35.91 16.89 9.82 33.77 12 50.16 6.37 25.82-8.81 40.62-32.1 44-69.24 2.57-28.48-1.39-65.89-12.12-114.37zM208 240h-32v32a16 16 0 01-32 0v-32h-32a16 16 0 010-32h32v-32a16 16 0 0132 0v32h32a16 16 0 010 32zm84 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-19.95A20 20 0 01336 288zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GameController = props => {
 GameController.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GameControllerOutline.js b/src/GameControllerOutline.js
index ce128f789..9fdba1971 100644
--- a/src/GameControllerOutline.js
+++ b/src/GameControllerOutline.js
@@ -15,7 +15,7 @@ const GameControllerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467.51 248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5 91.5 0 00352 96c-26.89 0-48.11 16-96 16s-69.15-16-96-16a99.09 99.09 0 00-27.2 3.66C89 112.59 61.94 165.7 43.33 248.83c-19 84.91-15.56 152 21.58 164.88 26 9 49.25-9.61 71.27-37 25-31.2 55.79-40.8 119.82-40.8s93.62 9.6 118.66 40.8c22 27.41 46.11 45.79 71.42 37.16 41.02-14.01 40.44-79.13 21.43-165.04z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="292" cy="224" r="20"/><path d="M336 288a20 20 0 1120-19.95A20 20 0 01336 288z"/><circle cx="336" cy="180" r="20"/><circle cx="380" cy="224" r="20"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 176v96M208 224h-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467.51 248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5 91.5 0 00352 96c-26.89 0-48.11 16-96 16s-69.15-16-96-16a99.09 99.09 0 00-27.2 3.66C89 112.59 61.94 165.7 43.33 248.83c-19 84.91-15.56 152 21.58 164.88 26 9 49.25-9.61 71.27-37 25-31.2 55.79-40.8 119.82-40.8s93.62 9.6 118.66 40.8c22 27.41 46.11 45.79 71.42 37.16 41.02-14.01 40.44-79.13 21.43-165.04z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="292" cy="224" r="20" /><path d="M336 288a20 20 0 1120-19.95A20 20 0 01336 288z" /><circle cx="336" cy="180" r="20" /><circle cx="380" cy="224" r="20" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 176v96M208 224h-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GameControllerOutline = props => {
 GameControllerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GameControllerSharp.js b/src/GameControllerSharp.js
index fb1f28553..30f7a5afa 100644
--- a/src/GameControllerSharp.js
+++ b/src/GameControllerSharp.js
@@ -15,7 +15,7 @@ const GameControllerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0114.28-8.78h198.28a16 16 0 0114.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88zM224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48zm68 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0114.28-8.78h198.28a16 16 0 0114.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88zM224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48zm68 4a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20zm0-88a20 20 0 1120-20 20 20 0 01-20 20zm44 44a20 20 0 1120-20 20 20 0 01-20 20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GameControllerSharp = props => {
 GameControllerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Gift.js b/src/Gift.js
index 0c827d029..eabed9474 100644
--- a/src/Gift.js
+++ b/src/Gift.js
@@ -15,7 +15,7 @@ const Gift = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200 144h40v-40a40 40 0 10-40 40zM352 104a40 40 0 00-80 0v40h40a40 40 0 0040-40z" fill="none"/><path d="M80 416a64 64 0 0064 64h92a4 4 0 004-4V292a4 4 0 00-4-4H88a8 8 0 00-8 8zM240 252V144h32v108a4 4 0 004 4h140a47.93 47.93 0 0016-2.75A48.09 48.09 0 00464 208v-16a48 48 0 00-48-48h-40.54a2 2 0 01-1.7-3A72 72 0 00256 58.82 72 72 0 00138.24 141a2 2 0 01-1.7 3H96a48 48 0 00-48 48v16a48.09 48.09 0 0032 45.25A47.93 47.93 0 0096 256h140a4 4 0 004-4zm32-148a40 40 0 1140 40h-40zm-74.86-39.9A40 40 0 01240 104v40h-40a40 40 0 01-2.86-79.89zM276 480h92a64 64 0 0064-64V296a8 8 0 00-8-8H276a4 4 0 00-4 4v184a4 4 0 004 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200 144h40v-40a40 40 0 10-40 40zM352 104a40 40 0 00-80 0v40h40a40 40 0 0040-40z" fill="none" /><path d="M80 416a64 64 0 0064 64h92a4 4 0 004-4V292a4 4 0 00-4-4H88a8 8 0 00-8 8zM240 252V144h32v108a4 4 0 004 4h140a47.93 47.93 0 0016-2.75A48.09 48.09 0 00464 208v-16a48 48 0 00-48-48h-40.54a2 2 0 01-1.7-3A72 72 0 00256 58.82 72 72 0 00138.24 141a2 2 0 01-1.7 3H96a48 48 0 00-48 48v16a48.09 48.09 0 0032 45.25A47.93 47.93 0 0096 256h140a4 4 0 004-4zm32-148a40 40 0 1140 40h-40zm-74.86-39.9A40 40 0 01240 104v40h-40a40 40 0 01-2.86-79.89zM276 480h92a64 64 0 0064-64V296a8 8 0 00-8-8H276a4 4 0 00-4 4v184a4 4 0 004 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Gift = props => {
 Gift.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GiftOutline.js b/src/GiftOutline.js
index b8e956625..fe5d09505 100644
--- a/src/GiftOutline.js
+++ b/src/GiftOutline.js
@@ -15,7 +15,7 @@ const GiftOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 104v56h56a56 56 0 10-56-56zM256 104v56h-56a56 56 0 1156-56z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><rect x="64" y="160" width="384" height="112" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M416 272v144a48 48 0 01-48 48H144a48 48 0 01-48-48V272M256 160v304" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 104v56h56a56 56 0 10-56-56zM256 104v56h-56a56 56 0 1156-56z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><rect x="64" y="160" width="384" height="112" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M416 272v144a48 48 0 01-48 48H144a48 48 0 01-48-48V272M256 160v304" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GiftOutline = props => {
 GiftOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GiftSharp.js b/src/GiftSharp.js
index 4316a850c..bee3a5b74 100644
--- a/src/GiftSharp.js
+++ b/src/GiftSharp.js
@@ -15,7 +15,7 @@ const GiftSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M346 110a34 34 0 00-68 0v34h34a34 34 0 0034-34zM234 110a34 34 0 10-34 34h34z" fill="none"/><path d="M234 144h44v112h164a22 22 0 0022-22v-68a22 22 0 00-22-22h-59.82A77.95 77.95 0 00256 55.79 78 78 0 00129.81 144H70a22 22 0 00-22 22v68a22 22 0 0022 22h164zm44-34a34 34 0 1134 34h-34zm-112 0a34 34 0 1168 0v34h-34a34 34 0 01-34-34zM278 480h132a22 22 0 0022-22V288H278zM80 458a22 22 0 0022 22h132V288H80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M346 110a34 34 0 00-68 0v34h34a34 34 0 0034-34zM234 110a34 34 0 10-34 34h34z" fill="none" /><path d="M234 144h44v112h164a22 22 0 0022-22v-68a22 22 0 00-22-22h-59.82A77.95 77.95 0 00256 55.79 78 78 0 00129.81 144H70a22 22 0 00-22 22v68a22 22 0 0022 22h164zm44-34a34 34 0 1134 34h-34zm-112 0a34 34 0 1168 0v34h-34a34 34 0 01-34-34zM278 480h132a22 22 0 0022-22V288H278zM80 458a22 22 0 0022 22h132V288H80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GiftSharp = props => {
 GiftSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitBranch.js b/src/GitBranch.js
index 5c0d9bbfc..47a04f5a8 100644
--- a/src/GitBranch.js
+++ b/src/GitBranch.js
@@ -15,7 +15,7 @@ const GitBranch = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 160a64 64 0 10-96.27 55.24c-2.29 29.08-20.08 37-75 48.42-17.76 3.68-35.93 7.45-52.71 13.93v-126.2a64 64 0 10-64 0v209.22a64 64 0 1064.42.24c2.39-18 16-24.33 65.26-34.52 27.43-5.67 55.78-11.54 79.78-26.95 29-18.58 44.53-46.78 46.36-83.89A64 64 0 00416 160zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 160a64 64 0 10-96.27 55.24c-2.29 29.08-20.08 37-75 48.42-17.76 3.68-35.93 7.45-52.71 13.93v-126.2a64 64 0 10-64 0v209.22a64 64 0 1064.42.24c2.39-18 16-24.33 65.26-34.52 27.43-5.67 55.78-11.54 79.78-26.95 29-18.58 44.53-46.78 46.36-83.89A64 64 0 00416 160zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitBranch = props => {
 GitBranch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitBranchOutline.js b/src/GitBranchOutline.js
index 665c3c747..5810bff57 100644
--- a/src/GitBranchOutline.js
+++ b/src/GitBranchOutline.js
@@ -15,7 +15,7 @@ const GitBranchOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="160" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="160" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368V144"/><circle cx="352" cy="160" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M352 208c0 128-192 48-192 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="160" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="160" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 368V144" /><circle cx="352" cy="160" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M352 208c0 128-192 48-192 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitBranchOutline = props => {
 GitBranchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitBranchSharp.js b/src/GitBranchSharp.js
index 99e9c9cc3..08b505325 100644
--- a/src/GitBranchSharp.js
+++ b/src/GitBranchSharp.js
@@ -15,7 +15,7 @@ const GitBranchSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 96a64 64 0 00-58.86 89.11l-101.14 88V151.39a64 64 0 10-64 0v209.22a64 64 0 1064 0V358l154.25-134.27c1.9.17 3.81.27 5.75.27a64 64 0 000-128zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 96a64 64 0 00-58.86 89.11l-101.14 88V151.39a64 64 0 10-64 0v209.22a64 64 0 1064 0V358l154.25-134.27c1.9.17 3.81.27 5.75.27a64 64 0 000-128zM160 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm192-256a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitBranchSharp = props => {
 GitBranchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCommit.js b/src/GitCommit.js
index 18018bf1d..1693c217e 100644
--- a/src/GitCommit.js
+++ b/src/GitCommit.js
@@ -15,7 +15,7 @@ const GitCommit = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 224h-68a128 128 0 00-247.9 0H64a32 32 0 000 64h68.05A128 128 0 00380 288h68a32 32 0 000-64zm-192 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 224h-68a128 128 0 00-247.9 0H64a32 32 0 000 64h68.05A128 128 0 00380 288h68a32 32 0 000-64zm-192 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCommit = props => {
 GitCommit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCommitOutline.js b/src/GitCommitOutline.js
index 88995b954..d8105987f 100644
--- a/src/GitCommitOutline.js
+++ b/src/GitCommitOutline.js
@@ -15,7 +15,7 @@ const GitCommitOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 256H48M464 256H352"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 256H48M464 256H352" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCommitOutline = props => {
 GitCommitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCommitSharp.js b/src/GitCommitSharp.js
index b39090345..3088f1daf 100644
--- a/src/GitCommitSharp.js
+++ b/src/GitCommitSharp.js
@@ -15,7 +15,7 @@ const GitCommitSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 224H380a128 128 0 00-247.9 0H32v64h100.05A128 128 0 00380 288h100zm-224 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 224H380a128 128 0 00-247.9 0H32v64h100.05A128 128 0 00380 288h100zm-224 96a64 64 0 1164-64 64.07 64.07 0 01-64 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCommitSharp = props => {
 GitCommitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCompare.js b/src/GitCompare.js
index b28d341f3..fdf07a1fa 100644
--- a/src/GitCompare.js
+++ b/src/GitCompare.js
@@ -15,7 +15,7 @@ const GitCompare = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.31 340.69A16 16 0 00191 352v32h-20a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h20v32a16 16 0 0027.31 11.31l64-64a16 16 0 000-22.62zM112 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00320 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.31 340.69A16 16 0 00191 352v32h-20a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h20v32a16 16 0 0027.31 11.31l64-64a16 16 0 000-22.62zM112 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00320 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCompare = props => {
 GitCompare.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCompareOutline.js b/src/GitCompareOutline.js
index f43cace2b..7bdc5eacf 100644
--- a/src/GitCompareOutline.js
+++ b/src/GitCompareOutline.js
@@ -15,7 +15,7 @@ const GitCompareOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 160l-64-64 64-64M207 352l64 64-64 64"/><circle cx="112" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="400" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 96h84a60 60 0 0160 60v212M255 416h-84a60 60 0 01-60-60V144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 160l-64-64 64-64M207 352l64 64-64 64" /><circle cx="112" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="400" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 96h84a60 60 0 0160 60v212M255 416h-84a60 60 0 01-60-60V144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCompareOutline = props => {
 GitCompareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitCompareSharp.js b/src/GitCompareSharp.js
index 1002f0512..6b98b3566 100644
--- a/src/GitCompareSharp.js
+++ b/src/GitCompareSharp.js
@@ -15,7 +15,7 @@ const GitCompareSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M209 384h-37a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h37v55.21L294.39 416 209 328.79zM113 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L217.14 96 305 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M209 384h-37a28 28 0 01-28-28V152a64 64 0 10-64-1.16V356a92.1 92.1 0 0092 92h37v55.21L294.39 416 209 328.79zM113 64a32 32 0 11-32 32 32 32 0 0132-32zM432 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L217.14 96 305 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM400 448a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitCompareSharp = props => {
 GitCompareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitMerge.js b/src/GitMerge.js
index 00f1bc23b..ae48ff4f9 100644
--- a/src/GitMerge.js
+++ b/src/GitMerge.js
@@ -15,7 +15,7 @@ const GitMerge = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M385 224a64 64 0 00-55.33 31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64 64 0 10-64.31.18v209.22a64 64 0 1064 0v-94.46c44.76 34 107.28 52.38 168.56 53.76A64 64 0 10385 224zM129 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M385 224a64 64 0 00-55.33 31.89c-42.23-1.21-85.19-12.72-116.21-31.33-32.2-19.32-49.71-44-52.15-73.35a64 64 0 10-64.31.18v209.22a64 64 0 1064 0v-94.46c44.76 34 107.28 52.38 168.56 53.76A64 64 0 10385 224zM129 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitMerge = props => {
 GitMerge.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitMergeOutline.js b/src/GitMergeOutline.js
index 38a7067b8..ea098b94e 100644
--- a/src/GitMergeOutline.js
+++ b/src/GitMergeOutline.js
@@ -15,7 +15,7 @@ const GitMergeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="129" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="129" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M129 144v224"/><circle cx="385" cy="288" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M129 144c0 96 112 144 208 144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="129" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="129" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M129 144v224" /><circle cx="385" cy="288" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M129 144c0 96 112 144 208 144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitMergeOutline = props => {
 GitMergeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitMergeSharp.js b/src/GitMergeSharp.js
index 98e16ec25..996171add 100644
--- a/src/GitMergeSharp.js
+++ b/src/GitMergeSharp.js
@@ -15,7 +15,7 @@ const GitMergeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224a63.66 63.66 0 00-37.95 12.5L160 153.36v-2a64 64 0 10-64 0v209.25a64 64 0 1064 0V223.46l160.41 71.69A64 64 0 10384 224zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224a63.66 63.66 0 00-37.95 12.5L160 153.36v-2a64 64 0 10-64 0v209.25a64 64 0 1064 0V223.46l160.41 71.69A64 64 0 10384 224zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zm256-128a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitMergeSharp = props => {
 GitMergeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitNetwork.js b/src/GitNetwork.js
index c757a5512..a2ed711a0 100644
--- a/src/GitNetwork.js
+++ b/src/GitNetwork.js
@@ -15,7 +15,7 @@ const GitNetwork = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 96a64 64 0 10-96.31 55.21c-1.79 20.87-11.47 38.1-28.87 51.29C305.07 216 280.09 224 256 224s-49.07-8-66.82-21.5c-17.4-13.19-27.08-30.42-28.87-51.29a64 64 0 10-64.11.29c2.08 40.87 21.17 76.87 54.31 102C171.3 269.26 197 280.19 224 285.09v75.52a64 64 0 1064 0v-75.52c27-4.9 52.7-15.83 73.49-31.59 33.14-25.13 52.23-61.13 54.31-102A64 64 0 00448 96zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm128 384a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 96a64 64 0 10-96.31 55.21c-1.79 20.87-11.47 38.1-28.87 51.29C305.07 216 280.09 224 256 224s-49.07-8-66.82-21.5c-17.4-13.19-27.08-30.42-28.87-51.29a64 64 0 10-64.11.29c2.08 40.87 21.17 76.87 54.31 102C171.3 269.26 197 280.19 224 285.09v75.52a64 64 0 1064 0v-75.52c27-4.9 52.7-15.83 73.49-31.59 33.14-25.13 52.23-61.13 54.31-102A64 64 0 00448 96zM128 64a32 32 0 11-32 32 32 32 0 0132-32zm128 384a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitNetwork = props => {
 GitNetwork.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitNetworkOutline.js b/src/GitNetworkOutline.js
index d1327b48a..6969067b9 100644
--- a/src/GitNetworkOutline.js
+++ b/src/GitNetworkOutline.js
@@ -15,7 +15,7 @@ const GitNetworkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 256v112"/><circle cx="384" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M128 144c0 74.67 68.92 112 128 112M384 144c0 74.67-68.92 112-128 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 256v112" /><circle cx="384" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M128 144c0 74.67 68.92 112 128 112M384 144c0 74.67-68.92 112-128 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitNetworkOutline = props => {
 GitNetworkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitNetworkSharp.js b/src/GitNetworkSharp.js
index 1e4e98e44..d5d5f3bf1 100644
--- a/src/GitNetworkSharp.js
+++ b/src/GitNetworkSharp.js
@@ -15,7 +15,7 @@ const GitNetworkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 32a64 64 0 00-57.67 91.73l-70.83 80.82-70.19-80.1A64 64 0 10128 160c1.1 0 2.2 0 3.29-.08L224 265.7v94.91a64 64 0 1064 0v-96.05l91.78-104.71c1.39.09 2.8.15 4.22.15a64 64 0 000-128zM96 96a32 32 0 1132 32 32 32 0 01-32-32zm160 352a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 32a64 64 0 00-57.67 91.73l-70.83 80.82-70.19-80.1A64 64 0 10128 160c1.1 0 2.2 0 3.29-.08L224 265.7v94.91a64 64 0 1064 0v-96.05l91.78-104.71c1.39.09 2.8.15 4.22.15a64 64 0 000-128zM96 96a32 32 0 1132 32 32 32 0 01-32-32zm160 352a32 32 0 1132-32 32 32 0 01-32 32zm128-320a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitNetworkSharp = props => {
 GitNetworkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitPullRequest.js b/src/GitPullRequest.js
index f9d6a559b..1fc35cae2 100644
--- a/src/GitPullRequest.js
+++ b/src/GitPullRequest.js
@@ -15,7 +15,7 @@ const GitPullRequest = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 96a64 64 0 10-96 55.39v209.22a64 64 0 1064 0V151.39A64 64 0 00192 96zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00304 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 96a64 64 0 10-96 55.39v209.22a64 64 0 1064 0V151.39A64 64 0 00192 96zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm0 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-20V32a16 16 0 00-27.31-11.31l-64 64a16 16 0 000 22.62l64 64A16 16 0 00304 160v-32h20a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitPullRequest = props => {
 GitPullRequest.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitPullRequestOutline.js b/src/GitPullRequestOutline.js
index 7a72c1602..221318e59 100644
--- a/src/GitPullRequestOutline.js
+++ b/src/GitPullRequestOutline.js
@@ -15,7 +15,7 @@ const GitPullRequestOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M128 144v224M288 160l-64-64 64-64"/><circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="384" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M240 96h84a60 60 0 0160 60v212" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M128 144v224M288 160l-64-64 64-64" /><circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="384" cy="416" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M240 96h84a60 60 0 0160 60v212" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitPullRequestOutline = props => {
 GitPullRequestOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GitPullRequestSharp.js b/src/GitPullRequestSharp.js
index 5bf694660..16e812533 100644
--- a/src/GitPullRequestSharp.js
+++ b/src/GitPullRequestSharp.js
@@ -15,7 +15,7 @@ const GitPullRequestSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 96a64 64 0 10-97 54.81v209.8a64 64 0 1064 0V152a64.06 64.06 0 0033-56zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm-1 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L201.14 96 289 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 96a64 64 0 10-97 54.81v209.8a64 64 0 1064 0V152a64.06 64.06 0 0033-56zm-64-32a32 32 0 11-32 32 32 32 0 0132-32zm-1 384a32 32 0 1132-32 32 32 0 01-32 32zM416 360.61V156a92.1 92.1 0 00-92-92h-35V9.93L201.14 96 289 182.07V128h35a28 28 0 0128 28v204.61a64 64 0 1064 0zM384 448a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GitPullRequestSharp = props => {
 GitPullRequestSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Glasses.js b/src/Glasses.js
index 04fd47089..c3dc57344 100644
--- a/src/Glasses.js
+++ b/src/Glasses.js
@@ -15,7 +15,7 @@ const Glasses = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 184h-10.9a78.72 78.72 0 00-16-7.18C419.5 171 396.26 168 368 168s-51.5 3-69.06 8.82c-14.06 4.69-20.25 9.86-22.25 11.87a47.94 47.94 0 00-41.36 0c-2-2-8.19-7.18-22.25-11.87C195.5 171 172.26 168 144 168s-51.5 3-69.06 8.82a78.72 78.72 0 00-16 7.18H48a16 16 0 000 32h.17c1 45.46 6.44 72.78 18.11 92.23a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 9.68-16.14 15.09-37.69 17.21-70.52A16 16 0 00240 232a16 16 0 0132 0 16 16 0 001.07 5.71c2.12 32.83 7.53 54.38 17.21 70.52a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 11.67-19.45 17.13-46.77 18.11-92.23h.17a16 16 0 000-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 184h-10.9a78.72 78.72 0 00-16-7.18C419.5 171 396.26 168 368 168s-51.5 3-69.06 8.82c-14.06 4.69-20.25 9.86-22.25 11.87a47.94 47.94 0 00-41.36 0c-2-2-8.19-7.18-22.25-11.87C195.5 171 172.26 168 144 168s-51.5 3-69.06 8.82a78.72 78.72 0 00-16 7.18H48a16 16 0 000 32h.17c1 45.46 6.44 72.78 18.11 92.23a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 9.68-16.14 15.09-37.69 17.21-70.52A16 16 0 00240 232a16 16 0 0132 0 16 16 0 001.07 5.71c2.12 32.83 7.53 54.38 17.21 70.52a66.78 66.78 0 0031.92 28c12.23 5.24 27.22 7.79 45.8 7.79 24.15 0 58.48-3.71 77.72-35.77 11.67-19.45 17.13-46.77 18.11-92.23h.17a16 16 0 000-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Glasses = props => {
 Glasses.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GlassesOutline.js b/src/GlassesOutline.js
index 715b8add9..d087145fd 100644
--- a/src/GlassesOutline.js
+++ b/src/GlassesOutline.js
@@ -15,7 +15,7 @@ const GlassesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 232a32 32 0 0164 0M448 200h16M64 200H48M64 200c0 96 16 128 80 128s80-32 80-128c0 0-16-16-80-16s-80 16-80 16zM448 200c0 96-16 128-80 128s-80-32-80-128c0 0 16-16 80-16s80 16 80 16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 232a32 32 0 0164 0M448 200h16M64 200H48M64 200c0 96 16 128 80 128s80-32 80-128c0 0-16-16-80-16s-80 16-80 16zM448 200c0 96-16 128-80 128s-80-32-80-128c0 0 16-16 80-16s80 16 80 16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GlassesOutline = props => {
 GlassesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GlassesSharp.js b/src/GlassesSharp.js
index ae521d007..9928566e0 100644
--- a/src/GlassesSharp.js
+++ b/src/GlassesSharp.js
@@ -15,7 +15,7 @@ const GlassesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 176H16v64h21.24l12.44 112h171.87L240 241.32V240a16 16 0 0132 0v1.32L290.45 352h171.87l12.44-112H496z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 176H16v64h21.24l12.44 112h171.87L240 241.32V240a16 16 0 0132 0v1.32L290.45 352h171.87l12.44-112H496z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GlassesSharp = props => {
 GlassesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Globe.js b/src/Globe.js
index 74538bfb0..e029e15c1 100644
--- a/src/Globe.js
+++ b/src/Globe.js
@@ -15,7 +15,7 @@ const Globe = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340.75 344.49c5.91-20.7 9.82-44.75 11.31-67.84a4.41 4.41 0 00-4.46-4.65h-71.06a4.43 4.43 0 00-4.47 4.39v55.3a4.44 4.44 0 004.14 4.38 273.51 273.51 0 0159 11.39 4.45 4.45 0 005.54-2.97zM323.58 377.31a260.05 260.05 0 00-46.6-9.09 4.42 4.42 0 00-4.91 4.29v65.24a4.47 4.47 0 006.76 3.7c15.9-9.27 29-24.84 40.84-45.43 1.94-3.36 4.89-9.15 6.67-12.69a4.29 4.29 0 00-2.76-6.02zM235.29 368.4a256.85 256.85 0 00-46.56 8.82c-2.64.76-3.75 4.4-2.55 6.79 1.79 3.56 4 8.11 5.89 11.51 13 23 26.84 37.5 41.24 45.93a4.47 4.47 0 006.76-3.7v-65.27a4.16 4.16 0 00-4.78-4.08zM235.6 272h-71.06a4.41 4.41 0 00-4.46 4.64c1.48 23.06 5.37 47.16 11.26 67.84a4.46 4.46 0 005.59 3 272.2 272.2 0 0159-11.36 4.44 4.44 0 004.15-4.38V276.4a4.43 4.43 0 00-4.48-4.4zM277 143.78a235.8 235.8 0 0046.5-9.14 4.3 4.3 0 002.76-6c-1.79-3.57-4.27-8.68-6.17-12.09-12.29-22-26.14-37.35-41.24-46a4.48 4.48 0 00-6.76 3.7v65.23a4.43 4.43 0 004.91 4.3zM276.54 240h71.06a4.39 4.39 0 004.46-4.58c-1.48-22.77-5.27-47.8-11.16-68.22a4.46 4.46 0 00-5.59-2.95c-19 5.74-38.79 10.43-59.09 12a4.4 4.4 0 00-4.15 4.32v55.11a4.4 4.4 0 004.47 4.32zM233.31 70.56c-15.42 8.57-29.17 24.43-41.47 46.37-1.91 3.41-4.19 8.11-6 11.67a4.31 4.31 0 002.76 6 225.42 225.42 0 0046.54 9.17 4.43 4.43 0 004.91-4.29V74.26a4.49 4.49 0 00-6.74-3.7zM235.92 176.26c-20.3-1.55-40.11-6.24-59.09-12a4.46 4.46 0 00-5.59 2.95c-5.89 20.42-9.68 45.45-11.16 68.22a4.39 4.39 0 004.46 4.58h71.06a4.4 4.4 0 004.47-4.34v-55.09a4.4 4.4 0 00-4.15-4.32z"/><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM176.6 430.85a219.08 219.08 0 01-12.48-19.66c-2-3.69-4.84-9.26-6.73-13.13a7.29 7.29 0 00-10.31-3.16c-4.3 2.41-10 5.72-14.13 8.43a147.29 147.29 0 01-23.57-22.43 248.83 248.83 0 0130.41-18.36c1.86-1 2.77-2.14 2.18-4.18a374.8 374.8 0 01-14.09-82.17 4.36 4.36 0 00-4.3-4.17H66.84a2 2 0 01-2-1.7A98.28 98.28 0 0164 256a96.27 96.27 0 01.86-14.29 2 2 0 012-1.7h56.74c2.29 0 4.17-1.32 4.29-3.63a372.71 372.71 0 0114-81.83 4.36 4.36 0 00-2.19-5.11 260.63 260.63 0 01-29.84-17.9 169.82 169.82 0 0123.14-22.8c4.08 2.68 9.4 5.71 13.66 8.11a7.89 7.89 0 0011-3.42c1.88-3.87 4-8.18 6.06-11.88a221.93 221.93 0 0112.54-19.91A185 185 0 01256 64c28.94 0 55.9 7 80.53 18.46a202.23 202.23 0 0112 19c2.59 4.66 5.34 10.37 7.66 15.32a4.29 4.29 0 005.92 1.94c5.38-2.91 11.21-6.26 16.34-9.63a171.36 171.36 0 0123.2 23 244.89 244.89 0 01-29.06 17.31 4.35 4.35 0 00-2.18 5.12 348.68 348.68 0 0113.85 81.4 4.33 4.33 0 004.3 4.12l56.62-.07a2 2 0 012 1.7 117.46 117.46 0 010 28.62 2 2 0 01-2 1.72h-56.67a4.35 4.35 0 00-4.3 4.17 367.4 367.4 0 01-13.87 81.3 4.45 4.45 0 002.19 5.19c5 2.59 10.57 5.48 15.37 8.42s9.55 6.08 14.13 9.34a172.73 172.73 0 01-23 22.93c-2.44-1.61-5.34-3.44-7.84-4.94-1.72-1-4.89-2.77-6.65-3.76-3.82-2.14-7.88-.54-9.79 3.4s-4.83 9.59-6.87 13.25a212.42 212.42 0 01-12.35 19.53C310.91 442.37 284.94 448 256 448s-54.77-5.63-79.4-17.15z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340.75 344.49c5.91-20.7 9.82-44.75 11.31-67.84a4.41 4.41 0 00-4.46-4.65h-71.06a4.43 4.43 0 00-4.47 4.39v55.3a4.44 4.44 0 004.14 4.38 273.51 273.51 0 0159 11.39 4.45 4.45 0 005.54-2.97zM323.58 377.31a260.05 260.05 0 00-46.6-9.09 4.42 4.42 0 00-4.91 4.29v65.24a4.47 4.47 0 006.76 3.7c15.9-9.27 29-24.84 40.84-45.43 1.94-3.36 4.89-9.15 6.67-12.69a4.29 4.29 0 00-2.76-6.02zM235.29 368.4a256.85 256.85 0 00-46.56 8.82c-2.64.76-3.75 4.4-2.55 6.79 1.79 3.56 4 8.11 5.89 11.51 13 23 26.84 37.5 41.24 45.93a4.47 4.47 0 006.76-3.7v-65.27a4.16 4.16 0 00-4.78-4.08zM235.6 272h-71.06a4.41 4.41 0 00-4.46 4.64c1.48 23.06 5.37 47.16 11.26 67.84a4.46 4.46 0 005.59 3 272.2 272.2 0 0159-11.36 4.44 4.44 0 004.15-4.38V276.4a4.43 4.43 0 00-4.48-4.4zM277 143.78a235.8 235.8 0 0046.5-9.14 4.3 4.3 0 002.76-6c-1.79-3.57-4.27-8.68-6.17-12.09-12.29-22-26.14-37.35-41.24-46a4.48 4.48 0 00-6.76 3.7v65.23a4.43 4.43 0 004.91 4.3zM276.54 240h71.06a4.39 4.39 0 004.46-4.58c-1.48-22.77-5.27-47.8-11.16-68.22a4.46 4.46 0 00-5.59-2.95c-19 5.74-38.79 10.43-59.09 12a4.4 4.4 0 00-4.15 4.32v55.11a4.4 4.4 0 004.47 4.32zM233.31 70.56c-15.42 8.57-29.17 24.43-41.47 46.37-1.91 3.41-4.19 8.11-6 11.67a4.31 4.31 0 002.76 6 225.42 225.42 0 0046.54 9.17 4.43 4.43 0 004.91-4.29V74.26a4.49 4.49 0 00-6.74-3.7zM235.92 176.26c-20.3-1.55-40.11-6.24-59.09-12a4.46 4.46 0 00-5.59 2.95c-5.89 20.42-9.68 45.45-11.16 68.22a4.39 4.39 0 004.46 4.58h71.06a4.4 4.4 0 004.47-4.34v-55.09a4.4 4.4 0 00-4.15-4.32z" /><path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM176.6 430.85a219.08 219.08 0 01-12.48-19.66c-2-3.69-4.84-9.26-6.73-13.13a7.29 7.29 0 00-10.31-3.16c-4.3 2.41-10 5.72-14.13 8.43a147.29 147.29 0 01-23.57-22.43 248.83 248.83 0 0130.41-18.36c1.86-1 2.77-2.14 2.18-4.18a374.8 374.8 0 01-14.09-82.17 4.36 4.36 0 00-4.3-4.17H66.84a2 2 0 01-2-1.7A98.28 98.28 0 0164 256a96.27 96.27 0 01.86-14.29 2 2 0 012-1.7h56.74c2.29 0 4.17-1.32 4.29-3.63a372.71 372.71 0 0114-81.83 4.36 4.36 0 00-2.19-5.11 260.63 260.63 0 01-29.84-17.9 169.82 169.82 0 0123.14-22.8c4.08 2.68 9.4 5.71 13.66 8.11a7.89 7.89 0 0011-3.42c1.88-3.87 4-8.18 6.06-11.88a221.93 221.93 0 0112.54-19.91A185 185 0 01256 64c28.94 0 55.9 7 80.53 18.46a202.23 202.23 0 0112 19c2.59 4.66 5.34 10.37 7.66 15.32a4.29 4.29 0 005.92 1.94c5.38-2.91 11.21-6.26 16.34-9.63a171.36 171.36 0 0123.2 23 244.89 244.89 0 01-29.06 17.31 4.35 4.35 0 00-2.18 5.12 348.68 348.68 0 0113.85 81.4 4.33 4.33 0 004.3 4.12l56.62-.07a2 2 0 012 1.7 117.46 117.46 0 010 28.62 2 2 0 01-2 1.72h-56.67a4.35 4.35 0 00-4.3 4.17 367.4 367.4 0 01-13.87 81.3 4.45 4.45 0 002.19 5.19c5 2.59 10.57 5.48 15.37 8.42s9.55 6.08 14.13 9.34a172.73 172.73 0 01-23 22.93c-2.44-1.61-5.34-3.44-7.84-4.94-1.72-1-4.89-2.77-6.65-3.76-3.82-2.14-7.88-.54-9.79 3.4s-4.83 9.59-6.87 13.25a212.42 212.42 0 01-12.35 19.53C310.91 442.37 284.94 448 256 448s-54.77-5.63-79.4-17.15z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Globe = props => {
 Globe.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GlobeOutline.js b/src/GlobeOutline.js
index 8262b614e..faf076833 100644
--- a/src/GlobeOutline.js
+++ b/src/GlobeOutline.js
@@ -15,7 +15,7 @@ const GlobeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M117.33 117.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M256 48v416M464 256H48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M117.33 117.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M256 48v416M464 256H48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GlobeOutline = props => {
 GlobeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GlobeSharp.js b/src/GlobeSharp.js
index e36ecbf35..8efb03ecb 100644
--- a/src/GlobeSharp.js
+++ b/src/GlobeSharp.js
@@ -15,7 +15,7 @@ const GlobeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44"/><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44"/><path d="M117.33 121.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 390.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44" d="M256 48v416M464 256H48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44" /><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44" /><path d="M117.33 121.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 390.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" /><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44" d="M256 48v416M464 256H48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GlobeSharp = props => {
 GlobeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Golf.js b/src/Golf.js
index 77ea61e7d..cc0a214a9 100644
--- a/src/Golf.js
+++ b/src/Golf.js
@@ -15,7 +15,7 @@ const Golf = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 320.46V202.3l166.62-75.73a16 16 0 000-29.14l-176-80A16 16 0 00240 32v288.46q8-.45 16-.46t16 .46z"/><path d="M463.33 457.5c-8.56-42.85-35.11-78.74-76.78-103.8-32.5-19.55-72.67-31.3-114.55-33.7v79.75a16 16 0 11-32 0V320c-41.88 2.4-82.05 14.15-114.55 33.7-41.67 25.06-68.22 60.95-76.78 103.8a32.49 32.49 0 006.44 27.08C61.13 492 70 496 80 496h352c10 0 18.88-4.05 24.9-11.42a32.49 32.49 0 006.43-27.08z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 320.46V202.3l166.62-75.73a16 16 0 000-29.14l-176-80A16 16 0 00240 32v288.46q8-.45 16-.46t16 .46z" /><path d="M463.33 457.5c-8.56-42.85-35.11-78.74-76.78-103.8-32.5-19.55-72.67-31.3-114.55-33.7v79.75a16 16 0 11-32 0V320c-41.88 2.4-82.05 14.15-114.55 33.7-41.67 25.06-68.22 60.95-76.78 103.8a32.49 32.49 0 006.44 27.08C61.13 492 70 496 80 496h352c10 0 18.88-4.05 24.9-11.42a32.49 32.49 0 006.43-27.08z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Golf = props => {
 Golf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GolfOutline.js b/src/GolfOutline.js
index 7a4e0f193..85436c094 100644
--- a/src/GolfOutline.js
+++ b/src/GolfOutline.js
@@ -15,7 +15,7 @@ const GolfOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 400V32l176 80-176 80"/><path d="M256 336c-87 0-175.3 43.2-191.64 124.74C62.39 470.57 68.57 480 80 480h352c11.44 0 17.62-9.43 15.65-19.26C431.3 379.2 343 336 256 336z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 400V32l176 80-176 80" /><path d="M256 336c-87 0-175.3 43.2-191.64 124.74C62.39 470.57 68.57 480 80 480h352c11.44 0 17.62-9.43 15.65-19.26C431.3 379.2 343 336 256 336z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GolfOutline = props => {
 GolfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GolfSharp.js b/src/GolfSharp.js
index dcda39322..58ffc1402 100644
--- a/src/GolfSharp.js
+++ b/src/GolfSharp.js
@@ -15,7 +15,7 @@ const GolfSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 16v304.47q8-.47 16-.47t16 .47V202.3L448 112z"/><path d="M462.91 457.5c-8.54-42.85-35-78.74-76.62-103.8-32.43-19.55-72.53-31.3-114.29-33.7v95.79h-32V320c-41.79 2.4-81.89 14.15-114.32 33.7-41.59 25.06-68.08 60.95-76.62 103.8-2 9.81-.68 38.5-.68 38.5h415.21s1.28-28.69-.68-38.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 16v304.47q8-.47 16-.47t16 .47V202.3L448 112z" /><path d="M462.91 457.5c-8.54-42.85-35-78.74-76.62-103.8-32.43-19.55-72.53-31.3-114.29-33.7v95.79h-32V320c-41.79 2.4-81.89 14.15-114.32 33.7-41.59 25.06-68.08 60.95-76.62 103.8-2 9.81-.68 38.5-.68 38.5h415.21s1.28-28.69-.68-38.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GolfSharp = props => {
 GolfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Grid.js b/src/Grid.js
index 97ba17f4e..b1aba83a2 100644
--- a/src/Grid.js
+++ b/src/Grid.js
@@ -15,7 +15,7 @@ const Grid = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M204 240H68a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 240H308a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM204 480H68a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 480H308a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M204 240H68a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 240H308a36 36 0 01-36-36V68a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM204 480H68a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36zM444 480H308a36 36 0 01-36-36V308a36 36 0 0136-36h136a36 36 0 0136 36v136a36 36 0 01-36 36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Grid = props => {
 Grid.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GridOutline.js b/src/GridOutline.js
index 41f494e15..734b6ae14 100644
--- a/src/GridOutline.js
+++ b/src/GridOutline.js
@@ -15,7 +15,7 @@ const GridOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="48" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="288" y="48" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="48" y="288" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="288" y="288" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="48" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="288" y="48" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="48" y="288" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="288" y="288" width="176" height="176" rx="20" ry="20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GridOutline = props => {
 GridOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/GridSharp.js b/src/GridSharp.js
index 3b96c8b7b..cd376cf7b 100644
--- a/src/GridSharp.js
+++ b/src/GridSharp.js
@@ -15,7 +15,7 @@ const GridSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 240H32V32h208zM480 240H272V32h208zM240 480H32V272h208zM480 480H272V272h208z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 240H32V32h208zM480 240H272V32h208zM240 480H32V272h208zM480 480H272V272h208z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const GridSharp = props => {
 GridSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Hammer.js b/src/Hammer.js
index 87fc9ad5e..c82964878 100644
--- a/src/Hammer.js
+++ b/src/Hammer.js
@@ -15,7 +15,7 @@ const Hammer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280.16 242.79l-26.11-26.12a32 32 0 00-45.14-.12L27.38 384.08c-6.61 6.23-10.95 14.17-11.35 23.06a32.11 32.11 0 009.21 23.94l39 39.43a.46.46 0 00.07.07A32.29 32.29 0 0087 480h1.18c8.89-.33 16.85-4.5 23.17-11.17l168.7-180.7a32 32 0 00.11-45.34zM490 190l-.31-.31-34.27-33.92a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68a119.92 119.92 0 00-14.18 16.22 16 16 0 0018.65 24.34 74.45 74.45 0 018.58-2.63 63.46 63.46 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.18 3.82-7.72 18.14-20 34.48a16 16 0 001.45 21l34.41 34.41a16 16 0 0022 .62c9.73-8.69 24.55-21.79 29.73-25 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l34.26 33.91a21.45 21.45 0 0015.28 6.25 21.7 21.7 0 0015.22-6.2l55.5-54.82c.19-.19.38-.39.56-.59A21.87 21.87 0 00490 190z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280.16 242.79l-26.11-26.12a32 32 0 00-45.14-.12L27.38 384.08c-6.61 6.23-10.95 14.17-11.35 23.06a32.11 32.11 0 009.21 23.94l39 39.43a.46.46 0 00.07.07A32.29 32.29 0 0087 480h1.18c8.89-.33 16.85-4.5 23.17-11.17l168.7-180.7a32 32 0 00.11-45.34zM490 190l-.31-.31-34.27-33.92a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68a119.92 119.92 0 00-14.18 16.22 16 16 0 0018.65 24.34 74.45 74.45 0 018.58-2.63 63.46 63.46 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.18 3.82-7.72 18.14-20 34.48a16 16 0 001.45 21l34.41 34.41a16 16 0 0022 .62c9.73-8.69 24.55-21.79 29.73-25 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l34.26 33.91a21.45 21.45 0 0015.28 6.25 21.7 21.7 0 0015.22-6.2l55.5-54.82c.19-.19.38-.39.56-.59A21.87 21.87 0 00490 190z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Hammer = props => {
 Hammer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HammerOutline.js b/src/HammerOutline.js
index 812faa6f9..bfa4d5705 100644
--- a/src/HammerOutline.js
+++ b/src/HammerOutline.js
@@ -15,7 +15,7 @@ const HammerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M277.42 247a24.68 24.68 0 00-4.08-5.47L255 223.44a21.63 21.63 0 00-6.56-4.57 20.93 20.93 0 00-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 00-1.09 23.54l39 39.43a16.13 16.13 0 0023.67-.89c29.24-34.37 96.3-109 136-148.23 20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 003.84-25.2zM478.43 201l-34.31-34a5.44 5.44 0 00-4-1.59 5.59 5.59 0 00-4 1.59h0a11.41 11.41 0 01-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86-7-6.86 1.09-20.36-5.07-29a242.88 242.88 0 00-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.79 123.79 0 00-47-9.24c-26.35 0-46.61 11.76-54 18.51-5.88 5.32-12 13.77-12 13.77a91.29 91.29 0 0110.81-3.2 79.53 79.53 0 0123.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 00.4 10.83l21.24 21.23a8 8 0 0011.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.71 35.71 0 0121.3 4.62 13.65 13.65 0 013.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 000 7.84l34.31 34a5.5 5.5 0 004 1.58 5.65 5.65 0 004-1.58L478.43 209a5.82 5.82 0 000-8z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M277.42 247a24.68 24.68 0 00-4.08-5.47L255 223.44a21.63 21.63 0 00-6.56-4.57 20.93 20.93 0 00-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 00-1.09 23.54l39 39.43a16.13 16.13 0 0023.67-.89c29.24-34.37 96.3-109 136-148.23 20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 003.84-25.2zM478.43 201l-34.31-34a5.44 5.44 0 00-4-1.59 5.59 5.59 0 00-4 1.59h0a11.41 11.41 0 01-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86-7-6.86 1.09-20.36-5.07-29a242.88 242.88 0 00-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.79 123.79 0 00-47-9.24c-26.35 0-46.61 11.76-54 18.51-5.88 5.32-12 13.77-12 13.77a91.29 91.29 0 0110.81-3.2 79.53 79.53 0 0123.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 00.4 10.83l21.24 21.23a8 8 0 0011.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.71 35.71 0 0121.3 4.62 13.65 13.65 0 013.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 000 7.84l34.31 34a5.5 5.5 0 004 1.58 5.65 5.65 0 004-1.58L478.43 209a5.82 5.82 0 000-8z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HammerOutline = props => {
 HammerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HammerSharp.js b/src/HammerSharp.js
index 7fc7e30a8..ae0b11214 100644
--- a/src/HammerSharp.js
+++ b/src/HammerSharp.js
@@ -15,7 +15,7 @@ const HammerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M294.28 256.9l-54.42-54.41a12 12 0 00-17 0L12.45 401a12 12 0 00-.27 17.2l66.05 66.28a12 12 0 0017.22-.23l198.81-210.36a12 12 0 00.02-16.99zM499.33 199.33l-43.89-43.58a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68A53.4 53.4 0 00176 86.17L192 96s8.06-2 13.86-3.39a62.73 62.73 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.2 4.23-9.52 21.35-24.16 39.84a8 8 0 00.61 10.62l45.37 45.37a8 8 0 0011 .25c12.07-11 30.49-28 34.67-30.59 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l43.95 43.68a8 8 0 0011.28 0l74.68-74.2a8 8 0 00.06-11.36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M294.28 256.9l-54.42-54.41a12 12 0 00-17 0L12.45 401a12 12 0 00-.27 17.2l66.05 66.28a12 12 0 0017.22-.23l198.81-210.36a12 12 0 00.02-16.99zM499.33 199.33l-43.89-43.58a21.46 21.46 0 00-15.28-6.26 21.89 21.89 0 00-12.79 4.14c0-.43.06-.85.09-1.22.45-6.5 1.15-16.32-5.2-25.22a258 258 0 00-24.8-28.74.6.6 0 00-.08-.08c-13.32-13.12-42.31-37.83-86.72-55.94A139.55 139.55 0 00257.56 32C226 32 202 46.24 192.81 54.68A53.4 53.4 0 00176 86.17L192 96s8.06-2 13.86-3.39a62.73 62.73 0 0118.45-1.15c13.19 1.09 28.79 7.64 35.69 13.09 11.7 9.41 17.33 22.09 18.26 41.09.2 4.23-9.52 21.35-24.16 39.84a8 8 0 00.61 10.62l45.37 45.37a8 8 0 0011 .25c12.07-11 30.49-28 34.67-30.59 7.69-4.73 13.19-5.64 14.7-5.8a19.18 19.18 0 0111.29 2.38 1.24 1.24 0 01-.31.95l-1.82 1.73-.3.28a21.52 21.52 0 00.05 30.54l43.95 43.68a8 8 0 0011.28 0l74.68-74.2a8 8 0 00.06-11.36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HammerSharp = props => {
 HammerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandLeft.js b/src/HandLeft.js
index f29be33c2..94cca511e 100644
--- a/src/HandLeft.js
+++ b/src/HandLeft.js
@@ -15,7 +15,7 @@ const HandLeft = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 01-8.93 3.43 7 7 0 01-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 01271.21 240 11 11 0 01260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 01199.21 240 11 11 0 01188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 01125.21 256 11 11 0 01114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 01-8.93 3.43 7 7 0 01-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 01271.21 240 11 11 0 01260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 01199.21 240 11 11 0 01188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 01125.21 256 11 11 0 01114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandLeft = props => {
 HandLeft.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandLeftOutline.js b/src/HandLeftOutline.js
index 7f959d58d..50f2f793e 100644
--- a/src/HandLeftOutline.js
+++ b/src/HandLeftOutline.js
@@ -15,7 +15,7 @@ const HandLeftOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandLeftOutline = props => {
 HandLeftOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandLeftSharp.js b/src/HandLeftSharp.js
index 7e51695b9..3420618d5 100644
--- a/src/HandLeftSharp.js
+++ b/src/HandLeftSharp.js
@@ -15,7 +15,7 @@ const HandLeftSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.58 209.08c-15.06-6.62-32.38 1.31-38.5 17.62L356 312h-11.27V80c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v151.75l-14.78.25V32c0-17.6-13.3-32-29.55-32s-29.55 14.4-29.55 32v199.75L197 232V64c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v183.75l-14.8.25V128c0-17.6-13.3-32-29.55-32S64 110.4 64 128v216c0 75.8 37.13 168 169 168 40.8 0 79.42-7 100.66-21a121.41 121.41 0 0033.72-33.31 138 138 0 0016-31.78l62.45-175.14c6.17-16.31-1.19-35.06-16.25-41.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.58 209.08c-15.06-6.62-32.38 1.31-38.5 17.62L356 312h-11.27V80c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v151.75l-14.78.25V32c0-17.6-13.3-32-29.55-32s-29.55 14.4-29.55 32v199.75L197 232V64c0-17.6-13.3-32-29.55-32-16.26 0-29.55 14.4-29.55 32v183.75l-14.8.25V128c0-17.6-13.3-32-29.55-32S64 110.4 64 128v216c0 75.8 37.13 168 169 168 40.8 0 79.42-7 100.66-21a121.41 121.41 0 0033.72-33.31 138 138 0 0016-31.78l62.45-175.14c6.17-16.31-1.19-35.06-16.25-41.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandLeftSharp = props => {
 HandLeftSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandRight.js b/src/HandRight.js
index ed62de140..ebf2cc315 100644
--- a/src/HandRight.js
+++ b/src/HandRight.js
@@ -15,7 +15,7 @@ const HandRight = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 008.93 3.43 7 7 0 004.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 00240.79 240 11 11 0 00252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 00312.79 240 11 11 0 00324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 00386.79 256 11 11 0 00398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 008.93 3.43 7 7 0 004.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 00240.79 240 11 11 0 00252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 00312.79 240 11 11 0 00324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 00386.79 256 11 11 0 00398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandRight = props => {
 HandRight.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandRightOutline.js b/src/HandRightOutline.js
index c7b41d557..dfc7bd2a4 100644
--- a/src/HandRightOutline.js
+++ b/src/HandRightOutline.js
@@ -15,7 +15,7 @@ const HandRightOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 320V144a32 32 0 00-32-32h0a32 32 0 00-32 32v112M368 256V80a32 32 0 00-32-32h0a32 32 0 00-32 32v160M240 241V96a32 32 0 00-32-32h0a32 32 0 00-32 32v224M304 240V48a32 32 0 00-32-32h0a32 32 0 00-32 32v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M432 320c0 117.4-64 176-152 176s-123.71-39.6-144-88L83.33 264c-6.66-18.05-3.64-34.79 11.87-43.6h0c15.52-8.82 35.91-4.28 44.31 11.68L176 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 320V144a32 32 0 00-32-32h0a32 32 0 00-32 32v112M368 256V80a32 32 0 00-32-32h0a32 32 0 00-32 32v160M240 241V96a32 32 0 00-32-32h0a32 32 0 00-32 32v224M304 240V48a32 32 0 00-32-32h0a32 32 0 00-32 32v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M432 320c0 117.4-64 176-152 176s-123.71-39.6-144-88L83.33 264c-6.66-18.05-3.64-34.79 11.87-43.6h0c15.52-8.82 35.91-4.28 44.31 11.68L176 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandRightOutline = props => {
 HandRightOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HandRightSharp.js b/src/HandRightSharp.js
index 2fe836ba5..bc67bbf5a 100644
--- a/src/HandRightSharp.js
+++ b/src/HandRightSharp.js
@@ -15,7 +15,7 @@ const HandRightSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M82.42 209.08c15.06-6.62 32.38 1.31 38.5 17.62L156 312h11.27V80c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v151.75l14.78.25V32c0-17.6 13.3-32 29.55-32 16.3 0 29.55 14.4 29.55 32v199.75L315 232V64c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v183.75l14.78.25V128c0-17.6 13.3-32 29.55-32C434.7 96 448 110.4 448 128v216c0 75.8-37.13 168-169 168-40.8 0-79.42-7-100.66-21a121.41 121.41 0 01-33.72-33.31 138 138 0 01-16-31.78L66.16 250.77c-6.11-16.31 1.2-35.06 16.26-41.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M82.42 209.08c15.06-6.62 32.38 1.31 38.5 17.62L156 312h11.27V80c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v151.75l14.78.25V32c0-17.6 13.3-32 29.55-32 16.3 0 29.55 14.4 29.55 32v199.75L315 232V64c0-17.6 13.3-32 29.55-32 16.26 0 29.55 14.4 29.55 32v183.75l14.78.25V128c0-17.6 13.3-32 29.55-32C434.7 96 448 110.4 448 128v216c0 75.8-37.13 168-169 168-40.8 0-79.42-7-100.66-21a121.41 121.41 0 01-33.72-33.31 138 138 0 01-16-31.78L66.16 250.77c-6.11-16.31 1.2-35.06 16.26-41.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HandRightSharp = props => {
 HandRightSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Happy.js b/src/Happy.js
index 06ca375d2..41d600088 100644
--- a/src/Happy.js
+++ b/src/Happy.js
@@ -15,7 +15,7 @@ const Happy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm167.67 106.17c-12 40.3-50.2 69.83-95.62 69.83s-83.62-29.53-95.72-69.83a8 8 0 017.83-10.17h175.69a8 8 0 017.82 10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm167.67 106.17c-12 40.3-50.2 69.83-95.62 69.83s-83.62-29.53-95.72-69.83a8 8 0 017.83-10.17h175.69a8 8 0 017.82 10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Happy = props => {
 Happy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HappyOutline.js b/src/HappyOutline.js
index 2674df179..19835b114 100644
--- a/src/HappyOutline.js
+++ b/src/HappyOutline.js
@@ -15,7 +15,7 @@ const HappyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="184" cy="232" r="24"/><path d="M256.05 384c-45.42 0-83.62-29.53-95.71-69.83a8 8 0 017.82-10.17h175.69a8 8 0 017.82 10.17c-11.99 40.3-50.2 69.83-95.62 69.83z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="184" cy="232" r="24" /><path d="M256.05 384c-45.42 0-83.62-29.53-95.71-69.83a8 8 0 017.82-10.17h175.69a8 8 0 017.82 10.17c-11.99 40.3-50.2 69.83-95.62 69.83z" /><circle cx="328" cy="232" r="24" /><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HappyOutline = props => {
 HappyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HappySharp.js b/src/HappySharp.js
index 48ae7cdca..8ebc078e6 100644
--- a/src/HappySharp.js
+++ b/src/HappySharp.js
@@ -15,7 +15,7 @@ const HappySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72.05 176c-45.42 0-83.75-29.49-95.72-69.83C159.29 310.65 158 304 158 304h196s-1.31 6.69-2.33 10.17c-11.78 40.36-50.2 69.83-95.62 69.83z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72.05 176c-45.42 0-83.75-29.49-95.72-69.83C159.29 310.65 158 304 158 304h196s-1.31 6.69-2.33 10.17c-11.78 40.36-50.2 69.83-95.62 69.83z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HappySharp = props => {
 HappySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HardwareChip.js b/src/HardwareChip.js
index ef3d14eea..d76d09e24 100644
--- a/src/HardwareChip.js
+++ b/src/HardwareChip.js
@@ -15,7 +15,7 @@ const HardwareChip = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 128H160a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V160a32 32 0 00-32-32zm0 216a8 8 0 01-8 8H168a8 8 0 01-8-8V168a8 8 0 018-8h176a8 8 0 018 8z" fill="none"/><rect x="160" y="160" width="192" height="192" rx="8" ry="8"/><path d="M464 192a16 16 0 000-32h-16v-32a64.07 64.07 0 00-64-64h-32V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-32a64.07 64.07 0 00-64 64v32H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v32a64.07 64.07 0 0064 64h32v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h32a64.07 64.07 0 0064-64v-32h16a16 16 0 000-32h-16v-48h16a16 16 0 000-32h-16v-48zm-80 160a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h192a32 32 0 0132 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 128H160a32 32 0 00-32 32v192a32 32 0 0032 32h192a32 32 0 0032-32V160a32 32 0 00-32-32zm0 216a8 8 0 01-8 8H168a8 8 0 01-8-8V168a8 8 0 018-8h176a8 8 0 018 8z" fill="none" /><rect x="160" y="160" width="192" height="192" rx="8" ry="8" /><path d="M464 192a16 16 0 000-32h-16v-32a64.07 64.07 0 00-64-64h-32V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-48V48a16 16 0 00-32 0v16h-32a64.07 64.07 0 00-64 64v32H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v48H48a16 16 0 000 32h16v32a64.07 64.07 0 0064 64h32v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h48v16a16 16 0 0032 0v-16h32a64.07 64.07 0 0064-64v-32h16a16 16 0 000-32h-16v-48h16a16 16 0 000-32h-16v-48zm-80 160a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h192a32 32 0 0132 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HardwareChip = props => {
 HardwareChip.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HardwareChipOutline.js b/src/HardwareChipOutline.js
index 4afef9b2a..493cac8af 100644
--- a/src/HardwareChipOutline.js
+++ b/src/HardwareChipOutline.js
@@ -15,7 +15,7 @@ const HardwareChipOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="80" width="352" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="144" y="144" width="224" height="224" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 80V48M336 80V48M176 80V48M256 464v-32M336 464v-32M176 464v-32M432 256h32M432 336h32M432 176h32M48 256h32M48 336h32M48 176h32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="80" width="352" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="144" y="144" width="224" height="224" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 80V48M336 80V48M176 80V48M256 464v-32M336 464v-32M176 464v-32M432 256h32M432 336h32M432 176h32M48 256h32M48 336h32M48 176h32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HardwareChipOutline = props => {
 HardwareChipOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HardwareChipSharp.js b/src/HardwareChipSharp.js
index 997644190..34ca908f9 100644
--- a/src/HardwareChipSharp.js
+++ b/src/HardwareChipSharp.js
@@ -15,7 +15,7 @@ const HardwareChipSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 160h192v192H160z"/><path d="M480 198v-44h-32V88a24 24 0 00-24-24h-66V32h-44v32h-36V32h-44v32h-36V32h-44v32H88a24 24 0 00-24 24v66H32v44h32v36H32v44h32v36H32v44h32v66a24 24 0 0024 24h66v32h44v-32h36v32h44v-32h36v32h44v-32h66a24 24 0 0024-24v-66h32v-44h-32v-36h32v-44h-32v-36zm-352-70h256v256H128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 160h192v192H160z" /><path d="M480 198v-44h-32V88a24 24 0 00-24-24h-66V32h-44v32h-36V32h-44v32h-36V32h-44v32H88a24 24 0 00-24 24v66H32v44h32v36H32v44h32v36H32v44h32v66a24 24 0 0024 24h66v32h44v-32h36v32h44v-32h36v32h44v-32h66a24 24 0 0024-24v-66h32v-44h-32v-36h32v-44h-32v-36zm-352-70h256v256H128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HardwareChipSharp = props => {
 HardwareChipSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Headset.js b/src/Headset.js
index 68021ec2a..c85ed41d0 100644
--- a/src/Headset.js
+++ b/src/Headset.js
@@ -15,7 +15,7 @@ const Headset = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0030-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 00-43.57-11.76l-13.69 8a56.49 56.49 0 00-14 11.59 4 4 0 01-7-2A114.68 114.68 0 0164 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a114.68 114.68 0 01-1.68 17.91 4 4 0 01-7 2 56.49 56.49 0 00-14-11.59l-13.69-8a31.73 31.73 0 00-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0030 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M411.16 97.46C368.43 55.86 311.88 32 256 32S143.57 55.86 100.84 97.46C56.45 140.67 32 197 32 256c0 26.67 8.75 61.09 32.88 125.55S137 473 157.27 477.41c5.81 1.27 12.62 2.59 18.73 2.59a60.06 60.06 0 0030-8l14-8c15.07-8.82 19.47-28.13 10.8-43.35l-86.92-152.57a31.73 31.73 0 00-43.57-11.76l-13.69 8a56.49 56.49 0 00-14 11.59 4 4 0 01-7-2A114.68 114.68 0 0164 256c0-50.31 21-98.48 59.16-135.61C160 84.55 208.39 64 256 64s96 20.55 132.84 56.39C427 157.52 448 205.69 448 256a114.68 114.68 0 01-1.68 17.91 4 4 0 01-7 2 56.49 56.49 0 00-14-11.59l-13.69-8a31.73 31.73 0 00-43.57 11.76L281.2 420.65c-8.67 15.22-4.27 34.53 10.8 43.35l14 8a60.06 60.06 0 0030 8c6.11 0 12.92-1.32 18.73-2.59C375 473 423 446 447.12 381.55S480 282.67 480 256c0-59-24.45-115.33-68.84-158.54z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Headset = props => {
 Headset.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeadsetOutline.js b/src/HeadsetOutline.js
index fb63df957..fc0b31d4e 100644
--- a/src/HeadsetOutline.js
+++ b/src/HeadsetOutline.js
@@ -15,7 +15,7 @@ const HeadsetOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M83 384c-13-33-35-93.37-35-128C48 141.12 149.33 48 256 48s208 93.12 208 208c0 34.63-23 97-35 128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M108.39 270.13l-13.69 8h0c-30.23 17.7-31.7 72.41-3.38 122.2s75.87 75.81 106.1 58.12h0l13.69-8a16.16 16.16 0 005.78-21.87L130 276a15.74 15.74 0 00-21.61-5.87zM403.61 270.13l13.69 8h0c30.23 17.69 31.74 72.4 3.38 122.19s-75.87 75.81-106.1 58.12h0l-13.69-8a16.16 16.16 0 01-5.78-21.87L382 276a15.74 15.74 0 0121.61-5.87z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M83 384c-13-33-35-93.37-35-128C48 141.12 149.33 48 256 48s208 93.12 208 208c0 34.63-23 97-35 128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M108.39 270.13l-13.69 8h0c-30.23 17.7-31.7 72.41-3.38 122.2s75.87 75.81 106.1 58.12h0l13.69-8a16.16 16.16 0 005.78-21.87L130 276a15.74 15.74 0 00-21.61-5.87zM403.61 270.13l13.69 8h0c30.23 17.69 31.74 72.4 3.38 122.19s-75.87 75.81-106.1 58.12h0l-13.69-8a16.16 16.16 0 01-5.78-21.87L382 276a15.74 15.74 0 0121.61-5.87z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeadsetOutline = props => {
 HeadsetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeadsetSharp.js b/src/HeadsetSharp.js
index aaf244c07..91e3caee8 100644
--- a/src/HeadsetSharp.js
+++ b/src/HeadsetSharp.js
@@ -15,7 +15,7 @@ const HeadsetSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M411.16 97.45C368.43 55.85 311.88 32 256 32S143.57 55.85 100.84 97.45C56.45 140.67 32 196 32 256s26.84 118.49 45.42 152.25S121 480 144 480c32 0 96-32 96-32L128 240l-54.42 31.73a176.07 176.07 0 01-1-18.84c0-48.57 19.32-94.1 56.15-130C164.24 88.34 210 70 256 70s91.73 18.34 127.27 52.93c36.83 35.86 56.14 81.39 56.14 130a175.56 175.56 0 01-1 18.82L384 240 272 448s64 32 96 32c23 0 48-38 66.58-71.75S480 316 480 256s-24.45-115.33-68.84-158.55z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M411.16 97.45C368.43 55.85 311.88 32 256 32S143.57 55.85 100.84 97.45C56.45 140.67 32 196 32 256s26.84 118.49 45.42 152.25S121 480 144 480c32 0 96-32 96-32L128 240l-54.42 31.73a176.07 176.07 0 01-1-18.84c0-48.57 19.32-94.1 56.15-130C164.24 88.34 210 70 256 70s91.73 18.34 127.27 52.93c36.83 35.86 56.14 81.39 56.14 130a175.56 175.56 0 01-1 18.82L384 240 272 448s64 32 96 32c23 0 48-38 66.58-71.75S480 316 480 256s-24.45-115.33-68.84-158.55z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeadsetSharp = props => {
 HeadsetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Heart.js b/src/Heart.js
index d5271ab6d..faf7f5e2f 100644
--- a/src/Heart.js
+++ b/src/Heart.js
@@ -15,7 +15,7 @@ const Heart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448a32 32 0 01-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 009.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64.54 54.21-18.63 104.26-58.61 153-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 01-18 5.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448a32 32 0 01-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 009.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64.54 54.21-18.63 104.26-58.61 153-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 01-18 5.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Heart = props => {
 Heart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartCircle.js b/src/HeartCircle.js
index 8c5675c4a..62c7627b1 100644
--- a/src/HeartCircle.js
+++ b/src/HeartCircle.js
@@ -15,7 +15,7 @@ const HeartCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-9.38 11.44-26.4 29.73-65.7 56.41a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.3 27.1-9.29 52.13-29.28 76.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-9.38 11.44-26.4 29.73-65.7 56.41a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.3 27.1-9.29 52.13-29.28 76.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartCircle = props => {
 HeartCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartCircleOutline.js b/src/HeartCircleOutline.js
index ec8098789..2378fc644 100644
--- a/src/HeartCircleOutline.js
+++ b/src/HeartCircleOutline.js
@@ -15,7 +15,7 @@ const HeartCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 360a16 16 0 01-9-2.78c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.28 27.1-9.31 52.13-29.3 76.5-9.38 11.44-26.4 29.73-65.7 56.41A16 16 0 01256 360z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 360a16 16 0 01-9-2.78c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 20.4 0 35 10.63 44.1 20.41a6 6 0 008.72 0c9.11-9.78 23.7-20.41 44.1-20.41 30.31 0 55.22 25.27 55.53 56.33.28 27.1-9.31 52.13-29.3 76.5-9.38 11.44-26.4 29.73-65.7 56.41A16 16 0 01256 360z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartCircleOutline = props => {
 HeartCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartCircleSharp.js b/src/HeartCircleSharp.js
index c9374d1f3..a29ea661a 100644
--- a/src/HeartCircleSharp.js
+++ b/src/HeartCircleSharp.js
@@ -15,7 +15,7 @@ const HeartCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-8.5 10.36-39.69 38.48-74.69 63.51-35-25-66.19-53.15-74.69-63.51-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 22 0 37.3 12.41 46.19 22.76l2.27 2.75 2.27-2.75C267 180.29 282.42 168 304.46 168c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.69 252.82c-8.5 10.36-39.69 38.48-74.69 63.51-35-25-66.19-53.15-74.69-63.51-20-24.37-29.58-49.4-29.3-76.5.31-31.06 25.22-56.33 55.53-56.33 22 0 37.3 12.41 46.19 22.76l2.27 2.75 2.27-2.75C267 180.29 282.42 168 304.46 168c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartCircleSharp = props => {
 HeartCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislike.js b/src/HeartDislike.js
index 23730e843..83f3e538e 100644
--- a/src/HeartDislike.js
+++ b/src/HeartDislike.js
@@ -15,7 +15,7 @@ const HeartDislike = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M417.84 448a16 16 0 01-11.35-4.72l-365.84-368a16 16 0 1122.7-22.56l365.83 368A16 16 0 01417.84 448zM364.92 80c-44.09 0-74.61 24.82-92.39 45.5a6 6 0 01-9.06 0C245.69 104.82 215.16 80 171.08 80a107.71 107.71 0 00-31 4.54l269.13 270.7c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.79 58.61-153C475.37 130.53 425.54 80 364.92 80zM69 149.15a115.06 115.06 0 00-9 43.49c-.54 54.21 18.63 104.25 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.88 31.88 0 0036 0c20.35-13.82 37.7-26.5 52.58-38.12z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M417.84 448a16 16 0 01-11.35-4.72l-365.84-368a16 16 0 1122.7-22.56l365.83 368A16 16 0 01417.84 448zM364.92 80c-44.09 0-74.61 24.82-92.39 45.5a6 6 0 01-9.06 0C245.69 104.82 215.16 80 171.08 80a107.71 107.71 0 00-31 4.54l269.13 270.7c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.79 58.61-153C475.37 130.53 425.54 80 364.92 80zM69 149.15a115.06 115.06 0 00-9 43.49c-.54 54.21 18.63 104.25 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.88 31.88 0 0036 0c20.35-13.82 37.7-26.5 52.58-38.12z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislike = props => {
 HeartDislike.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislikeCircle.js b/src/HeartDislikeCircle.js
index 89fefa959..bfb226e5e 100644
--- a/src/HeartDislikeCircle.js
+++ b/src/HeartDislikeCircle.js
@@ -15,7 +15,7 @@ const HeartDislikeCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm23.3 299.19c-4.41 3.2-9.16 6.55-14.31 10a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5v-.64a4 4 0 016.82-2.72l120.95 120.2a4 4 0 01-.46 6.07zm68 16.12a16 16 0 01-22.62 0l-176-176a16 16 0 0122.62-22.62l176 176a16 16 0 01.01 22.62zm-14.1-65.62a3.92 3.92 0 01-6 .37l-124-123.21A4 4 0 01206 168h1.55c20.4 0 35 10.64 44.11 20.42a5.93 5.93 0 008.7 0c9.11-9.78 23.71-20.42 44.11-20.42 30.31 0 55.22 25.27 55.53 56.33.26 25.93-8.52 49.97-26.8 73.36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm23.3 299.19c-4.41 3.2-9.16 6.55-14.31 10a15.93 15.93 0 01-18 0c-39.3-26.68-56.32-45-65.7-56.41-20-24.37-29.58-49.4-29.3-76.5v-.64a4 4 0 016.82-2.72l120.95 120.2a4 4 0 01-.46 6.07zm68 16.12a16 16 0 01-22.62 0l-176-176a16 16 0 0122.62-22.62l176 176a16 16 0 01.01 22.62zm-14.1-65.62a3.92 3.92 0 01-6 .37l-124-123.21A4 4 0 01206 168h1.55c20.4 0 35 10.64 44.11 20.42a5.93 5.93 0 008.7 0c9.11-9.78 23.71-20.42 44.11-20.42 30.31 0 55.22 25.27 55.53 56.33.26 25.93-8.52 49.97-26.8 73.36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislikeCircle = props => {
 HeartDislikeCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislikeCircleOutline.js b/src/HeartDislikeCircleOutline.js
index 32ac60259..070575f28 100644
--- a/src/HeartDislikeCircleOutline.js
+++ b/src/HeartDislikeCircleOutline.js
@@ -15,7 +15,7 @@ const HeartDislikeCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M333.2 297.69c18.28-23.39 27.06-47.43 26.79-73.37-.31-31.06-25.22-56.33-55.53-56.33-20.4 0-35 10.64-44.11 20.42a5.93 5.93 0 01-8.7 0c-9.11-9.78-23.71-20.42-44.11-20.42L206 168a4 4 0 00-2.75 6.84l124 123.21a3.92 3.92 0 005.95-.36zM158.84 221a4 4 0 00-6.82 2.72v.64c-.28 27.1 9.31 52.13 29.3 76.5 9.38 11.44 26.4 29.73 65.7 56.41a15.93 15.93 0 0018 0c5.15-3.49 9.9-6.84 14.31-10a4 4 0 00.46-6.07zM336 368a15.92 15.92 0 01-11.31-4.69l-176-176a16 16 0 0122.62-22.62l176 176A16 16 0 01336 368z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M333.2 297.69c18.28-23.39 27.06-47.43 26.79-73.37-.31-31.06-25.22-56.33-55.53-56.33-20.4 0-35 10.64-44.11 20.42a5.93 5.93 0 01-8.7 0c-9.11-9.78-23.71-20.42-44.11-20.42L206 168a4 4 0 00-2.75 6.84l124 123.21a3.92 3.92 0 005.95-.36zM158.84 221a4 4 0 00-6.82 2.72v.64c-.28 27.1 9.31 52.13 29.3 76.5 9.38 11.44 26.4 29.73 65.7 56.41a15.93 15.93 0 0018 0c5.15-3.49 9.9-6.84 14.31-10a4 4 0 00.46-6.07zM336 368a15.92 15.92 0 01-11.31-4.69l-176-176a16 16 0 0122.62-22.62l176 176A16 16 0 01336 368z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislikeCircleOutline = props => {
 HeartDislikeCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislikeCircleSharp.js b/src/HeartDislikeCircleSharp.js
index 50d08056b..7674b41bf 100644
--- a/src/HeartDislikeCircleSharp.js
+++ b/src/HeartDislikeCircleSharp.js
@@ -15,7 +15,7 @@ const HeartDislikeCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm63.73 310.36l-183.14-182.3 22.74-22.51 183.19 182.36zm-63.51 4.86c-35.36-25-66.31-51.92-74.91-62.4-20-24.37-29.58-49.4-29.3-76.5a58.27 58.27 0 01.85-9.31l130.21 129.4c-3.43 2.59-16.21 11.45-26.85 18.81zm74.47-62.4l-.31.38L197.33 169a53.8 53.8 0 0110.21-1 59.34 59.34 0 0144.1 19.41L256 192l4.36-4.6a59.34 59.34 0 0144.1-19.4c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm63.73 310.36l-183.14-182.3 22.74-22.51 183.19 182.36zm-63.51 4.86c-35.36-25-66.31-51.92-74.91-62.4-20-24.37-29.58-49.4-29.3-76.5a58.27 58.27 0 01.85-9.31l130.21 129.4c-3.43 2.59-16.21 11.45-26.85 18.81zm74.47-62.4l-.31.38L197.33 169a53.8 53.8 0 0110.21-1 59.34 59.34 0 0144.1 19.41L256 192l4.36-4.6a59.34 59.34 0 0144.1-19.4c30.31 0 55.22 25.27 55.53 56.33.28 27.09-9.31 52.12-29.3 76.49z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislikeCircleSharp = props => {
 HeartDislikeCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislikeOutline.js b/src/HeartDislikeOutline.js
index 715e6f61b..ba1b0fcdb 100644
--- a/src/HeartDislikeOutline.js
+++ b/src/HeartDislikeOutline.js
@@ -15,7 +15,7 @@ const HeartDislikeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M417.84 448a15.94 15.94 0 01-11.35-4.72L40.65 75.26a16 16 0 0122.7-22.56l365.83 368a16 16 0 01-11.34 27.3zM364.92 80c-48.09 0-80 29.55-96.92 51-16.88-21.48-48.83-51-96.92-51a107.37 107.37 0 00-31 4.55L168 112c22.26 0 45.81 9 63.94 26.67a123 123 0 0121.75 28.47 16 16 0 0028.6 0 123 123 0 0121.77-28.51C322.19 121 342.66 112 364.92 112c43.15 0 78.62 36.33 79.07 81 .54 53.69-22.75 99.55-57.38 139.52l22.63 22.77c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.8 58.61-153C475.37 130.52 425.54 80 364.92 80zM268 432C180.38 372.51 91 297.6 92 193a83.69 83.69 0 012.24-18.39L69 149.14a115.1 115.1 0 00-9 43.49c-.54 54.22 18.63 104.27 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.84 31.84 0 0036 0c20.35-13.81 37.7-26.5 52.58-38.11l-22.66-22.81C300.25 409.6 284.09 421.05 268 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M417.84 448a15.94 15.94 0 01-11.35-4.72L40.65 75.26a16 16 0 0122.7-22.56l365.83 368a16 16 0 01-11.34 27.3zM364.92 80c-48.09 0-80 29.55-96.92 51-16.88-21.48-48.83-51-96.92-51a107.37 107.37 0 00-31 4.55L168 112c22.26 0 45.81 9 63.94 26.67a123 123 0 0121.75 28.47 16 16 0 0028.6 0 123 123 0 0121.77-28.51C322.19 121 342.66 112 364.92 112c43.15 0 78.62 36.33 79.07 81 .54 53.69-22.75 99.55-57.38 139.52l22.63 22.77c3-3.44 5.7-6.64 8.14-9.6 40-48.75 59.15-98.8 58.61-153C475.37 130.52 425.54 80 364.92 80zM268 432C180.38 372.51 91 297.6 92 193a83.69 83.69 0 012.24-18.39L69 149.14a115.1 115.1 0 00-9 43.49c-.54 54.22 18.63 104.27 58.61 153 18.77 22.87 52.8 59.45 131.39 112.8a31.84 31.84 0 0036 0c20.35-13.81 37.7-26.5 52.58-38.11l-22.66-22.81C300.25 409.6 284.09 421.05 268 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislikeOutline = props => {
 HeartDislikeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartDislikeSharp.js b/src/HeartDislikeSharp.js
index 8b73b3d4e..75e51f1d5 100644
--- a/src/HeartDislikeSharp.js
+++ b/src/HeartDislikeSharp.js
@@ -15,7 +15,7 @@ const HeartDislikeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 64.45l389.47 389.94 22.84-22.47L54.85 42 32 64.45zM62.67 192.91c-.56 55.63 19.77 106.94 62.16 156.88 40.25 47.42 94.56 79.67 137.47 108.21l9 6 9-6c18.49-12.3 39.1-25.3 59.79-39.89L71.74 149.28a114.62 114.62 0 00-9.07 43.63zM417.83 349.79c42.39-49.94 62.72-101.25 62.16-156.88-.63-62-50.61-112.54-111.43-112.54-48.26 0-80.35 28-97.23 48.17-16.88-20.2-49-48.17-97.23-48.17A108.24 108.24 0 00142.84 85l270 270.48c1.71-1.89 3.37-3.78 4.99-5.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 64.45l389.47 389.94 22.84-22.47L54.85 42 32 64.45zM62.67 192.91c-.56 55.63 19.77 106.94 62.16 156.88 40.25 47.42 94.56 79.67 137.47 108.21l9 6 9-6c18.49-12.3 39.1-25.3 59.79-39.89L71.74 149.28a114.62 114.62 0 00-9.07 43.63zM417.83 349.79c42.39-49.94 62.72-101.25 62.16-156.88-.63-62-50.61-112.54-111.43-112.54-48.26 0-80.35 28-97.23 48.17-16.88-20.2-49-48.17-97.23-48.17A108.24 108.24 0 00142.84 85l270 270.48c1.71-1.89 3.37-3.78 4.99-5.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartDislikeSharp = props => {
 HeartDislikeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartHalf.js b/src/HeartHalf.js
index a98b27f73..b26514c3a 100644
--- a/src/HeartHalf.js
+++ b/src/HeartHalf.js
@@ -15,7 +15,7 @@ const HeartHalf = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartHalf = props => {
 HeartHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartHalfOutline.js b/src/HeartHalfOutline.js
index 7608d65bb..35f5af2ad 100644
--- a/src/HeartHalfOutline.js
+++ b/src/HeartHalfOutline.js
@@ -15,7 +15,7 @@ const HeartHalfOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.09 0-80 29.54-96.92 51-16.88-21.49-48.83-51-96.92-51C98.46 64 48.63 114.54 48 176.65c-.54 54.21 18.63 104.27 58.61 153 18.77 22.88 52.8 59.46 131.39 112.81a31.84 31.84 0 0036 0c78.59-53.35 112.62-89.93 131.39-112.81 40-48.74 59.15-98.8 58.61-153C463.37 114.54 413.54 64 352.92 64zM256 416V207.58c0-19.63 5.23-38.76 14.21-56.22a1.19 1.19 0 01.08-.16 123 123 0 0121.77-28.51C310.19 105 330.66 96 352.92 96c43.15 0 78.62 36.32 79.07 81C433 281.61 343.63 356.51 256 416z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartHalfOutline = props => {
 HeartHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartHalfSharp.js b/src/HeartHalfSharp.js
index e48227483..8e4cf73ec 100644
--- a/src/HeartHalfSharp.js
+++ b/src/HeartHalfSharp.js
@@ -15,7 +15,7 @@ const HeartHalfSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65c-.56 55.68 19.71 107 62 157 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32 42.25-50 62.52-101.35 62-157C463.37 114.54 413.54 64 352.92 64zm24.67 249c-31.78 37.6-74.68 65.75-112.52 90.59l-9.07 6V162.23l24.59-29.54C294.53 116 318.38 96 352.92 96c43.15 0 78.62 36.32 79.07 81a178.63 178.63 0 01-12.69 68.59c-9.03 22.84-22.67 44.91-41.71 67.41z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 64c-48.11 0-80.1 28-96.92 48.21C239.18 92 207.19 64 159.08 64 98.46 64 48.63 114.54 48 176.65c-.56 55.68 19.71 107 62 157 40.12 47.46 94.25 79.75 137 108.32l9 6 9-6c42.78-28.57 96.91-60.86 137-108.32 42.25-50 62.52-101.35 62-157C463.37 114.54 413.54 64 352.92 64zm24.67 249c-31.78 37.6-74.68 65.75-112.52 90.59l-9.07 6V162.23l24.59-29.54C294.53 116 318.38 96 352.92 96c43.15 0 78.62 36.32 79.07 81a178.63 178.63 0 01-12.69 68.59c-9.03 22.84-22.67 44.91-41.71 67.41z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartHalfSharp = props => {
 HeartHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartOutline.js b/src/HeartOutline.js
index 0dbbd45df..9c34aa9d5 100644
--- a/src/HeartOutline.js
+++ b/src/HeartOutline.js
@@ -15,7 +15,7 @@ const HeartOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartOutline = props => {
 HeartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HeartSharp.js b/src/HeartSharp.js
index e298e4f37..369034c4e 100644
--- a/src/HeartSharp.js
+++ b/src/HeartSharp.js
@@ -15,7 +15,7 @@ const HeartSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448l-9-6c-42.78-28.57-96.91-60.86-137-108.32-42.25-50-62.52-101.35-62-157C48.63 114.54 98.46 64 159.08 64c48.11 0 80.1 28 96.92 48.21C272.82 92 304.81 64 352.92 64c60.62 0 110.45 50.54 111.08 112.65.56 55.68-19.71 107-62 157-40.09 47.49-94.22 79.78-137 108.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448l-9-6c-42.78-28.57-96.91-60.86-137-108.32-42.25-50-62.52-101.35-62-157C48.63 114.54 98.46 64 159.08 64c48.11 0 80.1 28 96.92 48.21C272.82 92 304.81 64 352.92 64c60.62 0 110.45 50.54 111.08 112.65.56 55.68-19.71 107-62 157-40.09 47.49-94.22 79.78-137 108.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HeartSharp = props => {
 HeartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Help.js b/src/Help.js
index 314268fb9..a09350e86 100644
--- a/src/Help.js
+++ b/src/Help.js
@@ -15,7 +15,7 @@ const Help = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40"/><circle cx="248" cy="399.99" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" /><circle cx="248" cy="399.99" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Help = props => {
 Help.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpBuoy.js b/src/HelpBuoy.js
index 6dc5151c0..a423f4bdf 100644
--- a/src/HelpBuoy.js
+++ b/src/HelpBuoy.js
@@ -15,7 +15,7 @@ const HelpBuoy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpBuoy = props => {
 HelpBuoy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpBuoyOutline.js b/src/HelpBuoyOutline.js
index 1105a9645..ff9da2de1 100644
--- a/src/HelpBuoyOutline.js
+++ b/src/HelpBuoyOutline.js
@@ -15,7 +15,7 @@ const HelpBuoyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 54l8 132M296 186l8-132M208 458l8-132M296 326l8 132M458 208l-132 8M326 296l132 8M54 208l132 8M186 296l-132 8"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 54l8 132M296 186l8-132M208 458l8-132M296 326l8 132M458 208l-132 8M326 296l132 8M54 208l132 8M186 296l-132 8" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpBuoyOutline = props => {
 HelpBuoyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpBuoySharp.js b/src/HelpBuoySharp.js
index 90f2326f0..474b2253d 100644
--- a/src/HelpBuoySharp.js
+++ b/src/HelpBuoySharp.js
@@ -15,7 +15,7 @@ const HelpBuoySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm-64 224a64 64 0 1164 64 64 64 0 01-64-64zm237.24-62.29L342.91 199a104.86 104.86 0 00-29.86-29.86l5.24-86.33a185 185 0 01111 111zm-303.35-67.82a183.44 183.44 0 0167.82-43.13l5.29 86.33A104.86 104.86 0 00169.09 199l-86.33-5.24a183.44 183.44 0 0143.13-67.87zm-43.13 192.4l86.33-5.24A104.86 104.86 0 00199 342.91l-5.24 86.33a185 185 0 01-111-110.95zm303.35 67.82a183.44 183.44 0 01-67.82 43.13l-5.24-86.33a104.86 104.86 0 0029.86-29.86l86.33 5.24a183.44 183.44 0 01-43.13 67.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm-64 224a64 64 0 1164 64 64 64 0 01-64-64zm237.24-62.29L342.91 199a104.86 104.86 0 00-29.86-29.86l5.24-86.33a185 185 0 01111 111zm-303.35-67.82a183.44 183.44 0 0167.82-43.13l5.29 86.33A104.86 104.86 0 00169.09 199l-86.33-5.24a183.44 183.44 0 0143.13-67.87zm-43.13 192.4l86.33-5.24A104.86 104.86 0 00199 342.91l-5.24 86.33a185 185 0 01-111-110.95zm303.35 67.82a183.44 183.44 0 01-67.82 43.13l-5.24-86.33a104.86 104.86 0 0029.86-29.86l86.33 5.24a183.44 183.44 0 01-43.13 67.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpBuoySharp = props => {
 HelpBuoySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpCircle.js b/src/HelpCircle.js
index 94708c613..858e78090 100644
--- a/src/HelpCircle.js
+++ b/src/HelpCircle.js
@@ -15,7 +15,7 @@ const HelpCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm-6 304a20 20 0 1120-20 20 20 0 01-20 20zm33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 01-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 11-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm-6 304a20 20 0 1120-20 20 20 0 01-20 20zm33.44-102C267.23 276.88 265 286.85 265 296a14 14 0 01-28 0c0-21.91 10.08-39.33 30.82-53.26C287.1 229.8 298 221.6 298 203.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 191.25 214 202.83 214 203a14 14 0 11-28-1.35c.11-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82C312.7 161.34 326 180.43 326 203.57c0 33.83-22.61 49.02-42.56 62.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpCircle = props => {
 HelpCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpCircleOutline.js b/src/HelpCircleOutline.js
index 8490457f2..945b3dd05 100644
--- a/src/HelpCircleOutline.js
+++ b/src/HelpCircleOutline.js
@@ -15,7 +15,7 @@ const HelpCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28"/><circle cx="250" cy="348" r="20"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28" /><circle cx="250" cy="348" r="20" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpCircleOutline = props => {
 HelpCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpCircleSharp.js b/src/HelpCircleSharp.js
index 835529000..f812efb28 100644
--- a/src/HelpCircleSharp.js
+++ b/src/HelpCircleSharp.js
@@ -15,7 +15,7 @@ const HelpCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288.55 150.84c-8.09-3.86-20-6-32.72-5.82-18 .22-33.13 5.2-45 14.78-23 18.48-24.55 40.37-24.77 42.8a61.69 61.69 0 00-.09 12 3 3 0 003 2.69h21.23a3 3 0 003-3A65.7 65.7 0 01214 204c0-.11 1.14-11.7 14.36-22.34 7-5.64 16.11-8.44 27.83-8.59 9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 003 3h22a3 3 0 003-3v-11c0-9.16 2.23-19.13 18.44-30 19.95-13.41 42.56-28.6 42.56-62.43 0-23.14-13.3-42.23-37.45-53.73z" fill="none"/><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm10.44 302h-30.21a2.57 2.57 0 01-2.56-2.57v-30.2a2.57 2.57 0 012.56-2.57h30.21a2.57 2.57 0 012.56 2.57v30.2a2.57 2.57 0 01-2.56 2.57zm17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 01-3 3h-22a3 3 0 01-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a65.7 65.7 0 00-.84 10.28 3 3 0 01-3 3h-21.25a3 3 0 01-3-2.69 61.69 61.69 0 01.09-12c.22-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82 24.21 11.51 37.51 30.6 37.51 53.74 0 33.83-22.61 49.02-42.56 62.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288.55 150.84c-8.09-3.86-20-6-32.72-5.82-18 .22-33.13 5.2-45 14.78-23 18.48-24.55 40.37-24.77 42.8a61.69 61.69 0 00-.09 12 3 3 0 003 2.69h21.23a3 3 0 003-3A65.7 65.7 0 01214 204c0-.11 1.14-11.7 14.36-22.34 7-5.64 16.11-8.44 27.83-8.59 9.32-.11 16.93 1.47 20.34 3.09C291 183 298 192.31 298 204.57c0 18-10.9 26.23-30.18 39.18C247.08 257.68 237 275.1 237 297v11a3 3 0 003 3h22a3 3 0 003-3v-11c0-9.16 2.23-19.13 18.44-30 19.95-13.41 42.56-28.6 42.56-62.43 0-23.14-13.3-42.23-37.45-53.73z" fill="none" /><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64zm10.44 302h-30.21a2.57 2.57 0 01-2.56-2.57v-30.2a2.57 2.57 0 012.56-2.57h30.21a2.57 2.57 0 012.56 2.57v30.2a2.57 2.57 0 01-2.56 2.57zm17-99C267.23 277.88 265 287.85 265 297v11a3 3 0 01-3 3h-22a3 3 0 01-3-3v-11c0-21.91 10.08-39.33 30.82-53.26C287.1 230.8 298 222.6 298 204.57c0-12.26-7-21.57-21.49-28.46-3.41-1.62-11-3.2-20.34-3.09-11.72.15-20.82 2.95-27.83 8.59C215.12 192.25 214 203.84 214 204a65.7 65.7 0 00-.84 10.28 3 3 0 01-3 3h-21.25a3 3 0 01-3-2.69 61.69 61.69 0 01.09-12c.22-2.43 1.8-24.32 24.77-42.8 11.91-9.58 27.06-14.56 45-14.78 12.7-.15 24.63 2 32.72 5.82 24.21 11.51 37.51 30.6 37.51 53.74 0 33.83-22.61 49.02-42.56 62.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpCircleSharp = props => {
 HelpCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpOutline.js b/src/HelpOutline.js
index 6bbc49893..91fafa9aa 100644
--- a/src/HelpOutline.js
+++ b/src/HelpOutline.js
@@ -15,7 +15,7 @@ const HelpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40"/><circle cx="248" cy="399.99" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" /><circle cx="248" cy="399.99" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpOutline = props => {
 HelpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HelpSharp.js b/src/HelpSharp.js
index a2b43df7a..4558c3d94 100644
--- a/src/HelpSharp.js
+++ b/src/HelpSharp.js
@@ -15,7 +15,7 @@ const HelpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164c0-10 1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 290.36 248 316" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="40"/><rect x="220" y="368" width="56" height="56" rx="3.5" ry="3.5"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 164c0-10 1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 290.36 248 316" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="40" /><rect x="220" y="368" width="56" height="56" rx="3.5" ry="3.5" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HelpSharp = props => {
 HelpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Home.js b/src/Home.js
index 168162aae..ce7b17e41 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -15,7 +15,7 @@ const Home = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/><path d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z" /><path d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Home = props => {
 Home.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HomeOutline.js b/src/HomeOutline.js
index 3683757fb..61dd0d05d 100644
--- a/src/HomeOutline.js
+++ b/src/HomeOutline.js
@@ -15,7 +15,7 @@ const HomeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HomeOutline = props => {
 HomeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HomeSharp.js b/src/HomeSharp.js
index 666357358..6739e1be3 100644
--- a/src/HomeSharp.js
+++ b/src/HomeSharp.js
@@ -15,7 +15,7 @@ const HomeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 174.74V48h-80v58.45L256 32 0 272h64v208h144V320h96v160h144V272h64l-96-97.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 174.74V48h-80v58.45L256 32 0 272h64v208h144V320h96v160h144V272h64l-96-97.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HomeSharp = props => {
 HomeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Hourglass.js b/src/Hourglass.js
index d2c66b908..554ba7641 100644
--- a/src/Hourglass.js
+++ b/src/Hourglass.js
@@ -15,7 +15,7 @@ const Hourglass = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44 25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 00-12-36.26A50.3 50.3 0 00366.39 32H145.61a50.34 50.34 0 00-37.39 16.46 47.05 47.05 0 00-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75-25.5 23.1-60.5 54.73-69.2 131.38a46.59 46.59 0 0011.7 36.2A50.44 50.44 0 00145.61 480h220.78A50.44 50.44 0 00404 463.33a46.59 46.59 0 0011.7-36.2zM343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44 25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 00-12-36.26A50.3 50.3 0 00366.39 32H145.61a50.34 50.34 0 00-37.39 16.46 47.05 47.05 0 00-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75-25.5 23.1-60.5 54.73-69.2 131.38a46.59 46.59 0 0011.7 36.2A50.44 50.44 0 00145.61 480h220.78A50.44 50.44 0 00404 463.33a46.59 46.59 0 0011.7-36.2zM343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Hourglass = props => {
 Hourglass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HourglassOutline.js b/src/HourglassOutline.js
index 919e2b967..2bf0ddf03 100644
--- a/src/HourglassOutline.js
+++ b/src/HourglassOutline.js
@@ -15,7 +15,7 @@ const HourglassOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HourglassOutline = props => {
 HourglassOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/HourglassSharp.js b/src/HourglassSharp.js
index ff1069ae5..3bcbd19ed 100644
--- a/src/HourglassSharp.js
+++ b/src/HourglassSharp.js
@@ -15,7 +15,7 @@ const HourglassSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 32H96v112l108 112L96 368v112h320V368L308 256l108-112zM272 224v112l91 96H148l92-96V224l-80-80h192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 32H96v112l108 112L96 368v112h320V368L308 256l108-112zM272 224v112l91 96H148l92-96V224l-80-80h192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const HourglassSharp = props => {
 HourglassSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/IceCream.js b/src/IceCream.js
index 21f015fbf..f1e1ca6e0 100644
--- a/src/IceCream.js
+++ b/src/IceCream.js
@@ -15,7 +15,7 @@ const IceCream = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 00-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0166.27-78.82 8 8 0 006.62-6.83 104 104 0 01206.22 0 8 8 0 006.62 6.83A80 80 0 01352 272a74.33 74.33 0 01-47.45-17.41 7.93 7.93 0 00-9.92-.14A62.89 62.89 0 01256 268a80.47 80.47 0 01-21.8-3.18 8 8 0 00-10.2 7.69V312a40 40 0 01-41 40z"/><path d="M263.39 299.7a8 8 0 00-7.39 7.91V312a72.11 72.11 0 01-50.69 68.76 8 8 0 00-4.91 10.78l40.91 94.8A16 16 0 00256 496a16 16 0 0014.69-9.7l73.78-172.15a8 8 0 00-6.2-11.07 106.31 106.31 0 01-35.9-11.59 8 8 0 00-7.13-.2 95 95 0 01-31.85 8.41z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M183 352c-21.84-.52-39-18.9-39-40.74v-34.07a8 8 0 00-6-7.74c-33.75-8.85-58-39.71-58-77.45a80.14 80.14 0 0166.27-78.82 8 8 0 006.62-6.83 104 104 0 01206.22 0 8 8 0 006.62 6.83A80 80 0 01352 272a74.33 74.33 0 01-47.45-17.41 7.93 7.93 0 00-9.92-.14A62.89 62.89 0 01256 268a80.47 80.47 0 01-21.8-3.18 8 8 0 00-10.2 7.69V312a40 40 0 01-41 40z" /><path d="M263.39 299.7a8 8 0 00-7.39 7.91V312a72.11 72.11 0 01-50.69 68.76 8 8 0 00-4.91 10.78l40.91 94.8A16 16 0 00256 496a16 16 0 0014.69-9.7l73.78-172.15a8 8 0 00-6.2-11.07 106.31 106.31 0 01-35.9-11.59 8 8 0 00-7.13-.2 95 95 0 01-31.85 8.41z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const IceCream = props => {
 IceCream.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/IceCreamOutline.js b/src/IceCreamOutline.js
index 751b55924..77e5c2533 100644
--- a/src/IceCreamOutline.js
+++ b/src/IceCreamOutline.js
@@ -15,7 +15,7 @@ const IceCreamOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 256l-96 224-62-145"/><path d="M299.42 223.48C291.74 239.75 275.18 252 256 252c-13.1 0-27-5-33.63-9.76C216.27 237.87 208 240 208 250v62a24.07 24.07 0 01-24 24h0a24.07 24.07 0 01-24-24v-56h-2c-35.35 0-62-28.65-62-64a64 64 0 0164-64h8v-8a88 88 0 01176 0v8h8a64 64 0 010 128c-21.78 0-42-13-52.59-32.51z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 256l-96 224-62-145" /><path d="M299.42 223.48C291.74 239.75 275.18 252 256 252c-13.1 0-27-5-33.63-9.76C216.27 237.87 208 240 208 250v62a24.07 24.07 0 01-24 24h0a24.07 24.07 0 01-24-24v-56h-2c-35.35 0-62-28.65-62-64a64 64 0 0164-64h8v-8a88 88 0 01176 0v8h8a64 64 0 010 128c-21.78 0-42-13-52.59-32.51z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const IceCreamOutline = props => {
 IceCreamOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/IceCreamSharp.js b/src/IceCreamSharp.js
index e4cb3ffd7..d118d3537 100644
--- a/src/IceCreamSharp.js
+++ b/src/IceCreamSharp.js
@@ -15,7 +15,7 @@ const IceCreamSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M359.72 112.37a104 104 0 00-207.44 0A80.12 80.12 0 0080 192c0 39.36 26.37 71.23 62.38 78.46a2 2 0 011.62 2v38.83c0 21.84 17.2 40.22 39 40.74a40 40 0 0041-40v-47.84a2 2 0 012.72-1.86A83.47 83.47 0 00256 268a63.18 63.18 0 0042.24-16.59 2 2 0 012.74 0A74.63 74.63 0 00352 272a80 80 0 007.72-159.63z"/><path d="M256 300v12a72.1 72.1 0 01-58.21 70.64L256 496l92.06-192.08a105.29 105.29 0 01-49.18-14.36A93.75 93.75 0 01256 300z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M359.72 112.37a104 104 0 00-207.44 0A80.12 80.12 0 0080 192c0 39.36 26.37 71.23 62.38 78.46a2 2 0 011.62 2v38.83c0 21.84 17.2 40.22 39 40.74a40 40 0 0041-40v-47.84a2 2 0 012.72-1.86A83.47 83.47 0 00256 268a63.18 63.18 0 0042.24-16.59 2 2 0 012.74 0A74.63 74.63 0 00352 272a80 80 0 007.72-159.63z" /><path d="M256 300v12a72.1 72.1 0 01-58.21 70.64L256 496l92.06-192.08a105.29 105.29 0 01-49.18-14.36A93.75 93.75 0 01256 300z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const IceCreamSharp = props => {
 IceCreamSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Image.js b/src/Image.js
index 198d8e250..96218d2c5 100644
--- a/src/Image.js
+++ b/src/Image.js
@@ -15,7 +15,7 @@ const Image = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 64H96a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V128a64.07 64.07 0 00-64-64zm-80 64a48 48 0 11-48 48 48.05 48.05 0 0148-48zM96 416a32 32 0 01-32-32v-67.63l94.84-84.3a48.06 48.06 0 0165.8 1.9l64.95 64.81L172.37 416zm352-32a32 32 0 01-32 32H217.63l121.42-121.42a47.72 47.72 0 0161.64-.16L448 333.84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Image = props => {
 Image.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ImageOutline.js b/src/ImageOutline.js
index 00dd48f4a..61c19f395 100644
--- a/src/ImageOutline.js
+++ b/src/ImageOutline.js
@@ -15,7 +15,7 @@ const ImageOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="80" width="416" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="336" cy="176" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M304 335.79l-90.66-90.49a32 32 0 00-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0143.11-2L464 368" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="80" width="416" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="336" cy="176" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M304 335.79l-90.66-90.49a32 32 0 00-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0143.11-2L464 368" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ImageOutline = props => {
 ImageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ImageSharp.js b/src/ImageSharp.js
index 052e60a4a..847765f09 100644
--- a/src/ImageSharp.js
+++ b/src/ImageSharp.js
@@ -15,7 +15,7 @@ const ImageSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 64H56a24 24 0 00-24 24v336a24 24 0 0024 24h400a24 24 0 0024-24V88a24 24 0 00-24-24zm-124.38 64.2a48 48 0 11-43.42 43.42 48 48 0 0143.42-43.42zM76 416a12 12 0 01-12-12v-87.63L192.64 202l96.95 96.75L172.37 416zm372-12a12 12 0 01-12 12H217.63l149.53-149.53L448 333.84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 64H56a24 24 0 00-24 24v336a24 24 0 0024 24h400a24 24 0 0024-24V88a24 24 0 00-24-24zm-124.38 64.2a48 48 0 11-43.42 43.42 48 48 0 0143.42-43.42zM76 416a12 12 0 01-12-12v-87.63L192.64 202l96.95 96.75L172.37 416zm372-12a12 12 0 01-12 12H217.63l149.53-149.53L448 333.84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ImageSharp = props => {
 ImageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Images.js b/src/Images.js
index 6e9bb88bb..f50a49336 100644
--- a/src/Images.js
+++ b/src/Images.js
@@ -15,7 +15,7 @@ const Images = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M450.29 112H142c-34 0-62 27.51-62 61.33v245.34c0 33.82 28 61.33 62 61.33h308c34 0 62-26.18 62-60V173.33c0-33.82-27.68-61.33-61.71-61.33zm-77.15 61.34a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46.01zm-231.55 276c-17 0-29.86-13.75-29.86-30.66v-64.83l90.46-80.79a46.54 46.54 0 0163.44 1.83L328.27 337l-113 112.33zM480 418.67a30.67 30.67 0 01-30.71 30.66H259L376.08 333a46.24 46.24 0 0159.44-.16L480 370.59z"/><path d="M384 32H64A64 64 0 000 96v256a64.11 64.11 0 0048 62V152a72 72 0 0172-72h326a64.11 64.11 0 00-62-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M450.29 112H142c-34 0-62 27.51-62 61.33v245.34c0 33.82 28 61.33 62 61.33h308c34 0 62-26.18 62-60V173.33c0-33.82-27.68-61.33-61.71-61.33zm-77.15 61.34a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46.01zm-231.55 276c-17 0-29.86-13.75-29.86-30.66v-64.83l90.46-80.79a46.54 46.54 0 0163.44 1.83L328.27 337l-113 112.33zM480 418.67a30.67 30.67 0 01-30.71 30.66H259L376.08 333a46.24 46.24 0 0159.44-.16L480 370.59z" /><path d="M384 32H64A64 64 0 000 96v256a64.11 64.11 0 0048 62V152a72 72 0 0172-72h326a64.11 64.11 0 00-62-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Images = props => {
 Images.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ImagesOutline.js b/src/ImagesOutline.js
index 2041e3605..a7a3e360b 100644
--- a/src/ImagesOutline.js
+++ b/src/ImagesOutline.js
@@ -15,7 +15,7 @@ const ImagesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 112V96a48.14 48.14 0 00-48-48H64a48.14 48.14 0 00-48 48v256a48.14 48.14 0 0048 48h16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="128" width="400" height="336" rx="45.99" ry="45.99" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><ellipse cx="372.92" cy="219.64" rx="30.77" ry="30.55" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M342.15 372.17L255 285.78a30.93 30.93 0 00-42.18-1.21L96 387.64M265.23 464l118.59-117.73a31 31 0 0141.46-1.87L496 402.91" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 112V96a48.14 48.14 0 00-48-48H64a48.14 48.14 0 00-48 48v256a48.14 48.14 0 0048 48h16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="128" width="400" height="336" rx="45.99" ry="45.99" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><ellipse cx="372.92" cy="219.64" rx="30.77" ry="30.55" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M342.15 372.17L255 285.78a30.93 30.93 0 00-42.18-1.21L96 387.64M265.23 464l118.59-117.73a31 31 0 0141.46-1.87L496 402.91" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ImagesOutline = props => {
 ImagesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ImagesSharp.js b/src/ImagesSharp.js
index aec7a3676..59e096756 100644
--- a/src/ImagesSharp.js
+++ b/src/ImagesSharp.js
@@ -15,7 +15,7 @@ const ImagesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="373.14" cy="219.33" rx="46.29" ry="46" fill="none"/><path d="M80 132v328a20 20 0 0020 20h392a20 20 0 0020-20V132a20 20 0 00-20-20H100a20 20 0 00-20 20zm293.14 41.33a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46zm-261.41 276v-95.48l122.76-110.2L328.27 337l-113 112.33zm368.27 0H259l144.58-144L480 370.59z"/><path d="M20 32A20 20 0 000 52v344a20 20 0 0020 20h28V100a20 20 0 0120-20h380V52a20 20 0 00-20-20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="373.14" cy="219.33" rx="46.29" ry="46" fill="none" /><path d="M80 132v328a20 20 0 0020 20h392a20 20 0 0020-20V132a20 20 0 00-20-20H100a20 20 0 00-20 20zm293.14 41.33a46 46 0 11-46.28 46 46.19 46.19 0 0146.28-46zm-261.41 276v-95.48l122.76-110.2L328.27 337l-113 112.33zm368.27 0H259l144.58-144L480 370.59z" /><path d="M20 32A20 20 0 000 52v344a20 20 0 0020 20h28V100a20 20 0 0120-20h380V52a20 20 0 00-20-20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ImagesSharp = props => {
 ImagesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Infinite.js b/src/Infinite.js
index 4919b0084..d7f01c02c 100644
--- a/src/Infinite.js
+++ b/src/Infinite.js
@@ -15,7 +15,7 @@ const Infinite = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c30 0 56.45-13.18 78-32M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-29.37 0-56.66 13.75-78 32" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c30 0 56.45-13.18 78-32M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-29.37 0-56.66 13.75-78 32" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Infinite = props => {
 Infinite.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InfiniteOutline.js b/src/InfiniteOutline.js
index 86b1522d0..46cbbeeae 100644
--- a/src/InfiniteOutline.js
+++ b/src/InfiniteOutline.js
@@ -15,7 +15,7 @@ const InfiniteOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c37.51 0 71-22.41 94-48M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-37.51 0-71 22.41-94 48" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256s-48-96-126-96c-54.12 0-98 43-98 96s43.88 96 98 96c37.51 0 71-22.41 94-48M256 256s48 96 126 96c54.12 0 98-43 98-96s-43.88-96-98-96c-37.51 0-71 22.41-94 48" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InfiniteOutline = props => {
 InfiniteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InfiniteSharp.js b/src/InfiniteSharp.js
index 7852fc243..42fdf9f8b 100644
--- a/src/InfiniteSharp.js
+++ b/src/InfiniteSharp.js
@@ -15,7 +15,7 @@ const InfiniteSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M382 136c-40.87 0-73.46 20.53-93.6 37.76l-.71.61-11.47 12.47 25.32 41.61 18.74-18.79C339.89 193.1 361.78 184 382 184c40.8 0 74 32.3 74 72s-33.2 72-74 72c-62 0-104.14-81.95-104.56-82.78C275 240.29 221.56 136 130 136 62.73 136 8 189.83 8 256s54.73 120 122 120c32.95 0 65.38-13.11 93.79-37.92l.61-.54 11.38-12.38-25.33-41.61-18.83 18.88C172 319.4 151.26 328 130 328c-40.8 0-74-32.3-74-72s33.2-72 74-72c62 0 104.14 81.95 104.56 82.78C237 271.71 290.44 376 382 376c67.27 0 122-53.83 122-120s-54.73-120-122-120z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M382 136c-40.87 0-73.46 20.53-93.6 37.76l-.71.61-11.47 12.47 25.32 41.61 18.74-18.79C339.89 193.1 361.78 184 382 184c40.8 0 74 32.3 74 72s-33.2 72-74 72c-62 0-104.14-81.95-104.56-82.78C275 240.29 221.56 136 130 136 62.73 136 8 189.83 8 256s54.73 120 122 120c32.95 0 65.38-13.11 93.79-37.92l.61-.54 11.38-12.38-25.33-41.61-18.83 18.88C172 319.4 151.26 328 130 328c-40.8 0-74-32.3-74-72s33.2-72 74-72c62 0 104.14 81.95 104.56 82.78C237 271.71 290.44 376 382 376c67.27 0 122-53.83 122-120s-54.73-120-122-120z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InfiniteSharp = props => {
 InfiniteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Information.js b/src/Information.js
index d407d19ac..44b106968 100644
--- a/src/Information.js
+++ b/src/Information.js
@@ -15,7 +15,7 @@ const Information = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="40" d="M196 220h64v172"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" d="M187 396h138"/><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="40" d="M196 220h64v172" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" d="M187 396h138" /><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Information = props => {
 Information.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InformationCircle.js b/src/InformationCircle.js
index 0ca708589..913bfe1c6 100644
--- a/src/InformationCircle.js
+++ b/src/InformationCircle.js
@@ -15,7 +15,7 @@ const InformationCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InformationCircle = props => {
 InformationCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InformationCircleOutline.js b/src/InformationCircleOutline.js
index 9d8f14a63..9769fe0ab 100644
--- a/src/InformationCircleOutline.js
+++ b/src/InformationCircleOutline.js
@@ -15,7 +15,7 @@ const InformationCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M220 220h32v116"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M208 340h88"/><path d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M220 220h32v116" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M208 340h88" /><path d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InformationCircleOutline = props => {
 InformationCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InformationCircleSharp.js b/src/InformationCircleSharp.js
index 37693c8aa..dd3bd82fd 100644
--- a/src/InformationCircleSharp.js
+++ b/src/InformationCircleSharp.js
@@ -15,7 +15,7 @@ const InformationCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm64 226H200v-32h44v-88h-32v-32h64v120h44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm64 226H200v-32h44v-88h-32v-32h64v120h44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InformationCircleSharp = props => {
 InformationCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InformationOutline.js b/src/InformationOutline.js
index dc1a5a161..958891ce6 100644
--- a/src/InformationOutline.js
+++ b/src/InformationOutline.js
@@ -15,7 +15,7 @@ const InformationOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="40" d="M196 220h64v172"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" d="M187 396h138"/><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="40" d="M196 220h64v172" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="40" d="M187 396h138" /><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InformationOutline = props => {
 InformationOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InformationSharp.js b/src/InformationSharp.js
index aabc34113..40461ba30 100644
--- a/src/InformationSharp.js
+++ b/src/InformationSharp.js
@@ -15,7 +15,7 @@ const InformationSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="40" d="M196 220h64v172M187 396h138"/><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="40" d="M196 220h64v172M187 396h138" /><path d="M256 160a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InformationSharp = props => {
 InformationSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InvertMode.js b/src/InvertMode.js
index fe0614e25..09fa433b0 100644
--- a/src/InvertMode.js
+++ b/src/InvertMode.js
@@ -15,7 +15,7 @@ const InvertMode = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="256" r="208"/><path d="M256 176v160a80 80 0 000-160zM256 48v128a80 80 0 000 160v128c-114.88 0-208-93.12-208-208S141.12 48 256 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="256" r="208" /><path d="M256 176v160a80 80 0 000-160zM256 48v128a80 80 0 000 160v128c-114.88 0-208-93.12-208-208S141.12 48 256 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InvertMode = props => {
 InvertMode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InvertModeOutline.js b/src/InvertModeOutline.js
index 80fc8c52d..4646fdef2 100644
--- a/src/InvertModeOutline.js
+++ b/src/InvertModeOutline.js
@@ -15,7 +15,7 @@ const InvertModeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="256" r="208"/><path d="M256 176v160a80 80 0 010-160zM256 48v128a80 80 0 010 160v128c114.88 0 208-93.12 208-208S370.88 48 256 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" cx="256" cy="256" r="208" /><path d="M256 176v160a80 80 0 010-160zM256 48v128a80 80 0 010 160v128c114.88 0 208-93.12 208-208S370.88 48 256 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InvertModeOutline = props => {
 InvertModeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/InvertModeSharp.js b/src/InvertModeSharp.js
index ab2a2a901..f2b6b0d41 100644
--- a/src/InvertModeSharp.js
+++ b/src/InvertModeSharp.js
@@ -15,7 +15,7 @@ const InvertModeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 432v-96a80 80 0 010-160V80c97.05 0 176 79 176 176s-78.95 176-176 176z"/><path d="M336 256a80 80 0 00-80-80v160a80 80 0 0080-80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM256 432v-96a80 80 0 010-160V80c97.05 0 176 79 176 176s-78.95 176-176 176z" /><path d="M336 256a80 80 0 00-80-80v160a80 80 0 0080-80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const InvertModeSharp = props => {
 InvertModeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Journal.js b/src/Journal.js
index 78aa860e8..b3df91e17 100644
--- a/src/Journal.js
+++ b/src/Journal.js
@@ -15,7 +15,7 @@ const Journal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M290 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h146zM368 32h-18v448h18a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M290 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h146zM368 32h-18v448h18a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Journal = props => {
 Journal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/JournalOutline.js b/src/JournalOutline.js
index e7d97ff17..c85e7c9fe 100644
--- a/src/JournalOutline.js
+++ b/src/JournalOutline.js
@@ -15,7 +15,7 @@ const JournalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="48" width="320" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="60" d="M320 48v416"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="48" width="320" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="60" d="M320 48v416" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const JournalOutline = props => {
 JournalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/JournalSharp.js b/src/JournalSharp.js
index eae4c5ed4..8cd3604a8 100644
--- a/src/JournalSharp.js
+++ b/src/JournalSharp.js
@@ -15,7 +15,7 @@ const JournalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M290 32H104a24 24 0 00-24 24v400a24 24 0 0024 24h186zM408 32h-58v448h58a24 24 0 0024-24V56a24 24 0 00-24-24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M290 32H104a24 24 0 00-24 24v400a24 24 0 0024 24h186zM408 32h-58v448h58a24 24 0 0024-24V56a24 24 0 00-24-24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const JournalSharp = props => {
 JournalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Key.js b/src/Key.js
index 5e5200168..c58c90ef7 100644
--- a/src/Key.js
+++ b/src/Key.js
@@ -15,7 +15,7 @@ const Key = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Key = props => {
 Key.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/KeyOutline.js b/src/KeyOutline.js
index 9af2dace8..3b5f4c589 100644
--- a/src/KeyOutline.js
+++ b/src/KeyOutline.js
@@ -15,7 +15,7 @@ const KeyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const KeyOutline = props => {
 KeyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/KeySharp.js b/src/KeySharp.js
index 513d6a994..aeb1ae76e 100644
--- a/src/KeySharp.js
+++ b/src/KeySharp.js
@@ -15,7 +15,7 @@ const KeySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.2c0 13 0 25.6 4.1 37.4-43.1 50.6-167.5 194.5-167.5 194.5l2.9 36.3s34.8 33 40 28c15.4-15 24.8-25.2 24.8-25.2l7.24-43.35 47.11-3.47 3.78-46.8 49.63-.95.49-50.09 52.69 2.1 9-18.84c15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.4-121.9 119.2zM406.85 144A38.85 38.85 0 11368 105.15 38.81 38.81 0 01406.85 144z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M218.1 167.2c0 13 0 25.6 4.1 37.4-43.1 50.6-167.5 194.5-167.5 194.5l2.9 36.3s34.8 33 40 28c15.4-15 24.8-25.2 24.8-25.2l7.24-43.35 47.11-3.47 3.78-46.8 49.63-.95.49-50.09 52.69 2.1 9-18.84c15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.4-121.9 119.2zM406.85 144A38.85 38.85 0 11368 105.15 38.81 38.81 0 01406.85 144z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const KeySharp = props => {
 KeySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Keypad.js b/src/Keypad.js
index f0bc1254b..c90a200fe 100644
--- a/src/Keypad.js
+++ b/src/Keypad.js
@@ -15,7 +15,7 @@ const Keypad = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 400a48 48 0 1048 48 48 48 0 00-48-48zM256 272a48 48 0 1048 48 48 48 0 00-48-48zM256 144a48 48 0 1048 48 48 48 0 00-48-48zM256 16a48 48 0 1048 48 48 48 0 00-48-48zM384 272a48 48 0 1048 48 48 48 0 00-48-48zM384 144a48 48 0 1048 48 48 48 0 00-48-48zM384 16a48 48 0 1048 48 48 48 0 00-48-48zM128 272a48 48 0 1048 48 48 48 0 00-48-48zM128 144a48 48 0 1048 48 48 48 0 00-48-48zM128 16a48 48 0 1048 48 48 48 0 00-48-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 400a48 48 0 1048 48 48 48 0 00-48-48zM256 272a48 48 0 1048 48 48 48 0 00-48-48zM256 144a48 48 0 1048 48 48 48 0 00-48-48zM256 16a48 48 0 1048 48 48 48 0 00-48-48zM384 272a48 48 0 1048 48 48 48 0 00-48-48zM384 144a48 48 0 1048 48 48 48 0 00-48-48zM384 16a48 48 0 1048 48 48 48 0 00-48-48zM128 272a48 48 0 1048 48 48 48 0 00-48-48zM128 144a48 48 0 1048 48 48 48 0 00-48-48zM128 16a48 48 0 1048 48 48 48 0 00-48-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Keypad = props => {
 Keypad.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/KeypadOutline.js b/src/KeypadOutline.js
index e3d4b74f5..2e8d89032 100644
--- a/src/KeypadOutline.js
+++ b/src/KeypadOutline.js
@@ -15,7 +15,7 @@ const KeypadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="448" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M288 192a32 32 0 11-32-32 32 32 0 0132 32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="384" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="384" cy="192" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="384" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="128" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="128" cy="192" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="128" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="448" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M288 192a32 32 0 11-32-32 32 32 0 0132 32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="384" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="384" cy="192" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="384" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="128" cy="320" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="128" cy="192" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="128" cy="64" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const KeypadOutline = props => {
 KeypadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/KeypadSharp.js b/src/KeypadSharp.js
index eb39500ec..b229b884a 100644
--- a/src/KeypadSharp.js
+++ b/src/KeypadSharp.js
@@ -15,7 +15,7 @@ const KeypadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="96" height="96" rx="8" ry="8"/><rect x="208" y="16" width="96" height="96" rx="8" ry="8"/><rect x="336" y="16" width="96" height="96" rx="8" ry="8"/><rect x="80" y="144" width="96" height="96" rx="8" ry="8"/><rect x="208" y="144" width="96" height="96" rx="8" ry="8"/><rect x="336" y="144" width="96" height="96" rx="8" ry="8"/><rect x="80" y="272" width="96" height="96" rx="8" ry="8"/><rect x="208" y="272" width="96" height="96" rx="8" ry="8"/><rect x="208" y="400" width="96" height="96" rx="8" ry="8"/><rect x="336" y="272" width="96" height="96" rx="8" ry="8"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="96" height="96" rx="8" ry="8" /><rect x="208" y="16" width="96" height="96" rx="8" ry="8" /><rect x="336" y="16" width="96" height="96" rx="8" ry="8" /><rect x="80" y="144" width="96" height="96" rx="8" ry="8" /><rect x="208" y="144" width="96" height="96" rx="8" ry="8" /><rect x="336" y="144" width="96" height="96" rx="8" ry="8" /><rect x="80" y="272" width="96" height="96" rx="8" ry="8" /><rect x="208" y="272" width="96" height="96" rx="8" ry="8" /><rect x="208" y="400" width="96" height="96" rx="8" ry="8" /><rect x="336" y="272" width="96" height="96" rx="8" ry="8" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const KeypadSharp = props => {
 KeypadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Language.js b/src/Language.js
index d38770d7a..b9b3933e7 100644
--- a/src/Language.js
+++ b/src/Language.js
@@ -15,7 +15,7 @@ const Language = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.33 433.6l-90-218a22 22 0 00-40.67 0l-90 218a22 22 0 1040.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 00458 464a22 22 0 0020.32-30.4zM334.83 362L368 281.65 401.17 362zM267.84 342.92a22 22 0 00-4.89-30.7c-.2-.15-15-11.13-36.49-34.73 39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 000-44H214V70a22 22 0 00-44 0v20H54a22 22 0 000 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 00-40.58 17c.58 1.38 14.55 34.23 52.86 83.93.92 1.19 1.83 2.35 2.74 3.51-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1021.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59 22.52 24.08 38 35.44 38.93 36.1a22 22 0 0030.75-4.9z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.33 433.6l-90-218a22 22 0 00-40.67 0l-90 218a22 22 0 1040.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 00458 464a22 22 0 0020.32-30.4zM334.83 362L368 281.65 401.17 362zM267.84 342.92a22 22 0 00-4.89-30.7c-.2-.15-15-11.13-36.49-34.73 39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 000-44H214V70a22 22 0 00-44 0v20H54a22 22 0 000 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 00-40.58 17c.58 1.38 14.55 34.23 52.86 83.93.92 1.19 1.83 2.35 2.74 3.51-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1021.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59 22.52 24.08 38 35.44 38.93 36.1a22 22 0 0030.75-4.9z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Language = props => {
 Language.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LanguageOutline.js b/src/LanguageOutline.js
index adb047c52..b1dd1bf6e 100644
--- a/src/LanguageOutline.js
+++ b/src/LanguageOutline.js
@@ -15,7 +15,7 @@ const LanguageOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 112h288M192 64v48M272 448l96-224 96 224M301.5 384h133M281.3 112S257 206 199 277 80 384 80 384"/><path d="M256 336s-35-27-72-75-56-85-56-85" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 112h288M192 64v48M272 448l96-224 96 224M301.5 384h133M281.3 112S257 206 199 277 80 384 80 384" /><path d="M256 336s-35-27-72-75-56-85-56-85" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LanguageOutline = props => {
 LanguageOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LanguageSharp.js b/src/LanguageSharp.js
index b2c0257b4..c3bafeccd 100644
--- a/src/LanguageSharp.js
+++ b/src/LanguageSharp.js
@@ -15,7 +15,7 @@ const LanguageSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M363 176L246 464h47.24l24.49-58h90.54l24.49 58H480zm-26.69 186L363 279.85 389.69 362zM272 320c-.25-.19-20.59-15.77-45.42-42.67 39.58-53.64 62-114.61 71.15-143.33H352V90H214V48h-44v42H32v44h219.25c-9.52 26.95-27.05 69.5-53.79 108.36-32.68-43.44-47.14-75.88-47.33-76.22L143 152l-38 22 6.87 13.86c.89 1.56 17.19 37.9 54.71 86.57.92 1.21 1.85 2.39 2.78 3.57-49.72 56.86-89.15 79.09-89.66 79.47L64 368l23 36 19.3-11.47c2.2-1.67 41.33-24 92-80.78 24.52 26.28 43.22 40.83 44.3 41.67L255 362z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M363 176L246 464h47.24l24.49-58h90.54l24.49 58H480zm-26.69 186L363 279.85 389.69 362zM272 320c-.25-.19-20.59-15.77-45.42-42.67 39.58-53.64 62-114.61 71.15-143.33H352V90H214V48h-44v42H32v44h219.25c-9.52 26.95-27.05 69.5-53.79 108.36-32.68-43.44-47.14-75.88-47.33-76.22L143 152l-38 22 6.87 13.86c.89 1.56 17.19 37.9 54.71 86.57.92 1.21 1.85 2.39 2.78 3.57-49.72 56.86-89.15 79.09-89.66 79.47L64 368l23 36 19.3-11.47c2.2-1.67 41.33-24 92-80.78 24.52 26.28 43.22 40.83 44.3 41.67L255 362z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LanguageSharp = props => {
 LanguageSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Laptop.js b/src/Laptop.js
index 5c4e8c9be..6131ac947 100644
--- a/src/Laptop.js
+++ b/src/Laptop.js
@@ -15,7 +15,7 @@ const Laptop = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 400h-28.34A47.92 47.92 0 00480 367.86V128.14A48.2 48.2 0 00431.86 80H80.14A48.2 48.2 0 0032 128.14v239.72A47.92 47.92 0 0044.34 400H16a16 16 0 000 32h480a16 16 0 000-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 400h-28.34A47.92 47.92 0 00480 367.86V128.14A48.2 48.2 0 00431.86 80H80.14A48.2 48.2 0 0032 128.14v239.72A47.92 47.92 0 0044.34 400H16a16 16 0 000 32h480a16 16 0 000-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Laptop = props => {
 Laptop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LaptopOutline.js b/src/LaptopOutline.js
index 136abfc0c..fb9b9e4db 100644
--- a/src/LaptopOutline.js
+++ b/src/LaptopOutline.js
@@ -15,7 +15,7 @@ const LaptopOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="304" rx="32.14" ry="32.14" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M16 416h480"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="304" rx="32.14" ry="32.14" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M16 416h480" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LaptopOutline = props => {
 LaptopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LaptopSharp.js b/src/LaptopSharp.js
index 1ef492e39..5cc7051fd 100644
--- a/src/LaptopSharp.js
+++ b/src/LaptopSharp.js
@@ -15,7 +15,7 @@ const LaptopSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.29 400a27.75 27.75 0 002.71-12V108a28 28 0 00-28-28H60a28 28 0 00-28 28v280a27.75 27.75 0 002.71 12H0v32h512v-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.29 400a27.75 27.75 0 002.71-12V108a28 28 0 00-28-28H60a28 28 0 00-28 28v280a27.75 27.75 0 002.71 12H0v32h512v-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LaptopSharp = props => {
 LaptopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Layers.js b/src/Layers.js
index 9fa9edd3d..d123022f8 100644
--- a/src/Layers.js
+++ b/src/Layers.js
@@ -15,7 +15,7 @@ const Layers = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256zm176.76-100.86z"/><path d="M441.36 226.81L426.27 220l-38.77 17.74-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19z"/><path d="M441.36 330.8l-15.09-6.8-38.77 17.73-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256c-13.47 0-26.94-2.39-37.44-7.17l-148-67.49C63.79 178.26 48 169.25 48 152.24s15.79-26 22.58-29.12l149.28-68.07c20.57-9.4 51.61-9.4 72.19 0l149.37 68.07c6.79 3.09 22.58 12.1 22.58 29.12s-15.79 26-22.58 29.11l-148 67.48C282.94 253.61 269.47 256 256 256zm176.76-100.86z" /><path d="M441.36 226.81L426.27 220l-38.77 17.74-94 43c-10.5 4.8-24 7.19-37.44 7.19s-26.93-2.39-37.42-7.19l-94.07-43L85.79 220l-15.22 6.84C63.79 229.93 48 239 48 256s15.79 26.08 22.56 29.17l148 67.63C229 357.6 242.49 360 256 360s26.94-2.4 37.44-7.19l147.87-67.61c6.81-3.09 22.69-12.11 22.69-29.2s-15.77-26.07-22.64-29.19z" /><path d="M441.36 330.8l-15.09-6.8-38.77 17.73-94 42.95c-10.5 4.78-24 7.18-37.44 7.18s-26.93-2.39-37.42-7.18l-94.07-43L85.79 324l-15.22 6.84C63.79 333.93 48 343 48 360s15.79 26.07 22.56 29.15l148 67.59C229 461.52 242.54 464 256 464s26.88-2.48 37.38-7.27l147.92-67.57c6.82-3.08 22.7-12.1 22.7-29.16s-15.77-26.07-22.64-29.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Layers = props => {
 Layers.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LayersOutline.js b/src/LayersOutline.js
index 17328add7..20e7b2d68 100644
--- a/src/LayersOutline.js
+++ b/src/LayersOutline.js
@@ -15,7 +15,7 @@ const LayersOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LayersOutline = props => {
 LayersOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LayersSharp.js b/src/LayersSharp.js
index 23f832f1f..5bb690f61 100644
--- a/src/LayersSharp.js
+++ b/src/LayersSharp.js
@@ -15,7 +15,7 @@ const LayersSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 150L256 48 32 150l224 104 224-104zM255.71 392.95l-144.81-66.2L32 362l224 102 224-102-78.69-35.3-145.6 66.25z"/><path d="M480 256l-75.53-33.53L256.1 290.6l-148.77-68.17L32 256l224 102 224-102z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 150L256 48 32 150l224 104 224-104zM255.71 392.95l-144.81-66.2L32 362l224 102 224-102-78.69-35.3-145.6 66.25z" /><path d="M480 256l-75.53-33.53L256.1 290.6l-148.77-68.17L32 256l224 102 224-102z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LayersSharp = props => {
 LayersSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Leaf.js b/src/Leaf.js
index c83480292..864a6748a 100644
--- a/src/Leaf.js
+++ b/src/Leaf.js
@@ -15,7 +15,7 @@ const Leaf = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.35 242a16 16 0 0122.62-.68c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.84-26.38-81.66-33.25-121.15-39.89-49.82-8.38-96.88-16.3-141.79-63.85-5-5.26-11.81-7.37-18.32-5.66-7.44 2-12.43 7.88-14.82 17.6-5.6 22.75-2 86.51 13.75 153.82 25.29 108.14 65.65 162.86 95.06 189.73 38 34.69 87.62 53.9 136.93 53.9a186 186 0 0027.77-2.04c41.71-6.32 76.43-27.27 96-57.75-89.49-23.28-165.94-67.55-242-139.16a16 16 0 01-.65-22.65zM467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a157.71 157.71 0 01-12.13 25.68c-.73 1.25-1.5 2.49-2.29 3.71a584.21 584.21 0 0058.56 12 16 16 0 104.87-31.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M161.35 242a16 16 0 0122.62-.68c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.84-26.38-81.66-33.25-121.15-39.89-49.82-8.38-96.88-16.3-141.79-63.85-5-5.26-11.81-7.37-18.32-5.66-7.44 2-12.43 7.88-14.82 17.6-5.6 22.75-2 86.51 13.75 153.82 25.29 108.14 65.65 162.86 95.06 189.73 38 34.69 87.62 53.9 136.93 53.9a186 186 0 0027.77-2.04c41.71-6.32 76.43-27.27 96-57.75-89.49-23.28-165.94-67.55-242-139.16a16 16 0 01-.65-22.65zM467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a157.71 157.71 0 01-12.13 25.68c-.73 1.25-1.5 2.49-2.29 3.71a584.21 584.21 0 0058.56 12 16 16 0 104.87-31.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Leaf = props => {
 Leaf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LeafOutline.js b/src/LeafOutline.js
index 04f9fa114..dd9337f58 100644
--- a/src/LeafOutline.js
+++ b/src/LeafOutline.js
@@ -15,7 +15,7 @@ const LeafOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7 77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58zM173 253c86 81 175 129 292 147" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7 77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58zM173 253c86 81 175 129 292 147" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LeafOutline = props => {
 LeafOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LeafSharp.js b/src/LeafSharp.js
index 7309a77c8..ebf82f7f6 100644
--- a/src/LeafSharp.js
+++ b/src/LeafSharp.js
@@ -15,7 +15,7 @@ const LeafSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M150.38 253.68l21.94-23.3 11.65 11c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.25-26-76.6-32.09-115.09-38.54-21.12-3.54-43-7.2-66.85-14.43-43.78-13.28-89.69-52.74-90.15-53.13L33.4 30.15 32 63.33c-.1 2.56-2.42 63.57 14.22 147.77 17.58 89 50.24 155.85 97.07 198.63 38 34.69 87.62 53.9 136.93 53.9a185.88 185.88 0 0027.78-2.07c41.72-6.32 76.43-27.27 96-57.75-89.5-23.28-165.95-67.55-242-139.16z"/><path d="M467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a158.49 158.49 0 01-12.13 25.68c-.74 1.25-1.51 2.49-2.29 3.71a583.43 583.43 0 0058.55 12l15.82 2.44 4.86-31.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M150.38 253.68l21.94-23.3 11.65 11c73.63 69.36 147.51 111.56 234.45 133.07 11.73-32 12.77-67.22 2.64-101.58-13.44-45.59-44.74-85.31-90.49-114.86-40.25-26-76.6-32.09-115.09-38.54-21.12-3.54-43-7.2-66.85-14.43-43.78-13.28-89.69-52.74-90.15-53.13L33.4 30.15 32 63.33c-.1 2.56-2.42 63.57 14.22 147.77 17.58 89 50.24 155.85 97.07 198.63 38 34.69 87.62 53.9 136.93 53.9a185.88 185.88 0 0027.78-2.07c41.72-6.32 76.43-27.27 96-57.75-89.5-23.28-165.95-67.55-242-139.16z" /><path d="M467.43 384.19c-16.83-2.59-33.13-5.84-49-9.77a158.49 158.49 0 01-12.13 25.68c-.74 1.25-1.51 2.49-2.29 3.71a583.43 583.43 0 0058.55 12l15.82 2.44 4.86-31.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LeafSharp = props => {
 LeafSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Library.js b/src/Library.js
index 0d700d987..a9012f073 100644
--- a/src/Library.js
+++ b/src/Library.js
@@ -15,7 +15,7 @@ const Library = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 480H48a32 32 0 01-32-32V112a32 32 0 0132-32h16a32 32 0 0132 32v336a32 32 0 01-32 32zM240 176a32 32 0 00-32-32h-64a32 32 0 00-32 32v28a4 4 0 004 4h120a4 4 0 004-4zM112 448a32 32 0 0032 32h64a32 32 0 0032-32v-30a2 2 0 00-2-2H114a2 2 0 00-2 2z"/><rect x="112" y="240" width="128" height="144" rx="2" ry="2"/><path d="M320 480h-32a32 32 0 01-32-32V64a32 32 0 0132-32h32a32 32 0 0132 32v384a32 32 0 01-32 32zM495.89 445.45l-32.23-340c-1.48-15.65-16.94-27-34.53-25.31l-31.85 3c-17.59 1.67-30.65 15.71-29.17 31.36l32.23 340c1.48 15.65 16.94 27 34.53 25.31l31.85-3c17.59-1.67 30.65-15.71 29.17-31.36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 480H48a32 32 0 01-32-32V112a32 32 0 0132-32h16a32 32 0 0132 32v336a32 32 0 01-32 32zM240 176a32 32 0 00-32-32h-64a32 32 0 00-32 32v28a4 4 0 004 4h120a4 4 0 004-4zM112 448a32 32 0 0032 32h64a32 32 0 0032-32v-30a2 2 0 00-2-2H114a2 2 0 00-2 2z" /><rect x="112" y="240" width="128" height="144" rx="2" ry="2" /><path d="M320 480h-32a32 32 0 01-32-32V64a32 32 0 0132-32h32a32 32 0 0132 32v384a32 32 0 01-32 32zM495.89 445.45l-32.23-340c-1.48-15.65-16.94-27-34.53-25.31l-31.85 3c-17.59 1.67-30.65 15.71-29.17 31.36l32.23 340c1.48 15.65 16.94 27 34.53 25.31l31.85-3c17.59-1.67 30.65-15.71 29.17-31.36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Library = props => {
 Library.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LibraryOutline.js b/src/LibraryOutline.js
index 5f94ec560..8e155bca9 100644
--- a/src/LibraryOutline.js
+++ b/src/LibraryOutline.js
@@ -15,7 +15,7 @@ const LibraryOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="96" width="64" height="368" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 224h128M112 400h128"/><rect x="112" y="160" width="128" height="304" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="256" y="48" width="96" height="416" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="96" width="64" height="368" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 224h128M112 400h128" /><rect x="112" y="160" width="128" height="304" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="256" y="48" width="96" height="416" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LibraryOutline = props => {
 LibraryOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LibrarySharp.js b/src/LibrarySharp.js
index 6c3fd6229..69392d221 100644
--- a/src/LibrarySharp.js
+++ b/src/LibrarySharp.js
@@ -15,7 +15,7 @@ const LibrarySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M84 480H28a12 12 0 01-12-12V92a12 12 0 0112-12h56a12 12 0 0112 12v376a12 12 0 01-12 12zM240 208v-52a12 12 0 00-12-12H124a12 12 0 00-12 12v52zM112 416v52a12 12 0 0012 12h104a12 12 0 0012-12v-52zM112 240h128v144H112zM340 480h-72a12 12 0 01-12-12V44a12 12 0 0112-12h72a12 12 0 0112 12v424a12 12 0 01-12 12zM369 100.7l30 367.83a12 12 0 0013.45 10.92l72.16-9a12 12 0 0010.47-12.9L465 91.21a12 12 0 00-13.2-10.94l-72.13 7.51A12 12 0 00369 100.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M84 480H28a12 12 0 01-12-12V92a12 12 0 0112-12h56a12 12 0 0112 12v376a12 12 0 01-12 12zM240 208v-52a12 12 0 00-12-12H124a12 12 0 00-12 12v52zM112 416v52a12 12 0 0012 12h104a12 12 0 0012-12v-52zM112 240h128v144H112zM340 480h-72a12 12 0 01-12-12V44a12 12 0 0112-12h72a12 12 0 0112 12v424a12 12 0 01-12 12zM369 100.7l30 367.83a12 12 0 0013.45 10.92l72.16-9a12 12 0 0010.47-12.9L465 91.21a12 12 0 00-13.2-10.94l-72.13 7.51A12 12 0 00369 100.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LibrarySharp = props => {
 LibrarySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Link.js b/src/Link.js
index 40628ef58..eadd9ab90 100644
--- a/src/Link.js
+++ b/src/Link.js
@@ -15,7 +15,7 @@ const Link = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Link = props => {
 Link.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LinkOutline.js b/src/LinkOutline.js
index 97af16d7e..efe842b6a 100644
--- a/src/LinkOutline.js
+++ b/src/LinkOutline.js
@@ -15,7 +15,7 @@ const LinkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64M163.29 256h187.42" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="36"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64M163.29 256h187.42" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="36" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LinkOutline = props => {
 LinkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LinkSharp.js b/src/LinkSharp.js
index 0003099ea..bc2beb73e 100644
--- a/src/LinkSharp.js
+++ b/src/LinkSharp.js
@@ -15,7 +15,7 @@ const LinkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66M169.07 256h175.86" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LinkSharp = props => {
 LinkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/List.js b/src/List.js
index d6826094c..7843588b2 100644
--- a/src/List.js
+++ b/src/List.js
@@ -15,7 +15,7 @@ const List = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M160 144h288M160 256h288M160 368h288"/><circle cx="80" cy="144" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="80" cy="256" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="80" cy="368" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M160 144h288M160 256h288M160 368h288" /><circle cx="80" cy="144" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="80" cy="256" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="80" cy="368" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const List = props => {
 List.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ListCircle.js b/src/ListCircle.js
index a62ebcbca..2844033f2 100644
--- a/src/ListCircle.js
+++ b/src/ListCircle.js
@@ -15,7 +15,7 @@ const ListCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-88 302a24 24 0 1124-24 24 24 0 01-24 24zm0-71a24 24 0 1124-24 24 24 0 01-24 24zm0-73a24 24 0 1124-24 24 24 0 01-24 24zm184 135H224a16 16 0 010-32h128a16 16 0 010 32zm0-71H224a16 16 0 010-32h128a16 16 0 010 32zm0-72H224a16 16 0 010-32h128a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-88 302a24 24 0 1124-24 24 24 0 01-24 24zm0-71a24 24 0 1124-24 24 24 0 01-24 24zm0-73a24 24 0 1124-24 24 24 0 01-24 24zm184 135H224a16 16 0 010-32h128a16 16 0 010 32zm0-71H224a16 16 0 010-32h128a16 16 0 010 32zm0-72H224a16 16 0 010-32h128a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ListCircle = props => {
 ListCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ListCircleOutline.js b/src/ListCircleOutline.js
index cbe3bbf7c..799171dac 100644
--- a/src/ListCircleOutline.js
+++ b/src/ListCircleOutline.js
@@ -15,7 +15,7 @@ const ListCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 184h128M224 256h128M224 327h128"/><path d="M448 258c0-106-86-192-192-192S64 152 64 258s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="168" cy="184" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="168" cy="257" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="168" cy="328" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 184h128M224 256h128M224 327h128" /><path d="M448 258c0-106-86-192-192-192S64 152 64 258s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="168" cy="184" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="168" cy="257" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="168" cy="328" r="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ListCircleOutline = props => {
 ListCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ListCircleSharp.js b/src/ListCircleSharp.js
index 802940a8d..cdf95207f 100644
--- a/src/ListCircleSharp.js
+++ b/src/ListCircleSharp.js
@@ -15,7 +15,7 @@ const ListCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-64 287.5a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-71a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-72a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm176 151H212.67v-32H368zm0-71H212.67v-32H368zm0-72H212.67v-32H368z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-64 287.5a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-71a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm0-72a16 16 0 01-16 16h-16a16 16 0 01-16-16v-16a16 16 0 0116-16h16a16 16 0 0116 16zm176 151H212.67v-32H368zm0-71H212.67v-32H368zm0-72H212.67v-32H368z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ListCircleSharp = props => {
 ListCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ListOutline.js b/src/ListOutline.js
index 75725f503..d1cbb5ee4 100644
--- a/src/ListOutline.js
+++ b/src/ListOutline.js
@@ -15,7 +15,7 @@ const ListOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 144h288M160 256h288M160 368h288"/><circle cx="80" cy="144" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="80" cy="256" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="80" cy="368" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M160 144h288M160 256h288M160 368h288" /><circle cx="80" cy="144" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="80" cy="256" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="80" cy="368" r="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ListOutline = props => {
 ListOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ListSharp.js b/src/ListSharp.js
index 04c1572b0..e05246237 100644
--- a/src/ListSharp.js
+++ b/src/ListSharp.js
@@ -15,7 +15,7 @@ const ListSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="48" d="M144 144h320M144 256h320M144 368h320"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M64 128h32v32H64zM64 240h32v32H64zM64 352h32v32H64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="48" d="M144 144h320M144 256h320M144 368h320" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M64 128h32v32H64zM64 240h32v32H64zM64 352h32v32H64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ListSharp = props => {
 ListSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Locate.js b/src/Locate.js
index a5c1c831f..0a81a0ddb 100644
--- a/src/Locate.js
+++ b/src/Locate.js
@@ -15,7 +15,7 @@ const Locate = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Locate = props => {
 Locate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LocateOutline.js b/src/LocateOutline.js
index e5e0dc031..f43de9616 100644
--- a/src/LocateOutline.js
+++ b/src/LocateOutline.js
@@ -15,7 +15,7 @@ const LocateOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40"/><path d="M256 112a144 144 0 10144 144 144 144 0 00-144-144z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M416 256h40M56 256h40"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40" /><path d="M256 112a144 144 0 10144 144 144 144 0 00-144-144z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M416 256h40M56 256h40" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LocateOutline = props => {
 LocateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LocateSharp.js b/src/LocateSharp.js
index 17c509862..40e57e9a2 100644
--- a/src/LocateSharp.js
+++ b/src/LocateSharp.js
@@ -15,7 +15,7 @@ const LocateSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48" d="M256 96V56M256 456v-40M256 112a144 144 0 10144 144 144 144 0 00-144-144zM416 256h40M56 256h40" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LocateSharp = props => {
 LocateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Location.js b/src/Location.js
index 75f0c4f4c..aee1aea84 100644
--- a/src/Location.js
+++ b/src/Location.js
@@ -15,7 +15,7 @@ const Location = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="192" r="32"/><path d="M256 32c-88.22 0-160 68.65-160 153 0 40.17 18.31 93.59 54.42 158.78 29 52.34 62.55 99.67 80 123.22a31.75 31.75 0 0051.22 0c17.42-23.55 51-70.88 80-123.22C397.69 278.61 416 225.19 416 185c0-84.35-71.78-153-160-153zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="192" r="32" /><path d="M256 32c-88.22 0-160 68.65-160 153 0 40.17 18.31 93.59 54.42 158.78 29 52.34 62.55 99.67 80 123.22a31.75 31.75 0 0051.22 0c17.42-23.55 51-70.88 80-123.22C397.69 278.61 416 225.19 416 185c0-84.35-71.78-153-160-153zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Location = props => {
 Location.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LocationOutline.js b/src/LocationOutline.js
index 6bba670ab..2c337f0ca 100644
--- a/src/LocationOutline.js
+++ b/src/LocationOutline.js
@@ -15,7 +15,7 @@ const LocationOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="192" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="192" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LocationOutline = props => {
 LocationOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LocationSharp.js b/src/LocationSharp.js
index 11dc1641b..0accf61c2 100644
--- a/src/LocationSharp.js
+++ b/src/LocationSharp.js
@@ -15,7 +15,7 @@ const LocationSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LocationSharp = props => {
 LocationSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockClosed.js b/src/LockClosed.js
index 47f92ebfb..b7d86eabf 100644
--- a/src/LockClosed.js
+++ b/src/LockClosed.js
@@ -15,7 +15,7 @@ const LockClosed = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockClosed = props => {
 LockClosed.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockClosedOutline.js b/src/LockClosedOutline.js
index e34a1c80a..e49e95054 100644
--- a/src/LockClosedOutline.js
+++ b/src/LockClosedOutline.js
@@ -15,7 +15,7 @@ const LockClosedOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 208v-95a80 80 0 00-160 0v95" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="208" width="320" height="272" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 208v-95a80 80 0 00-160 0v95" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="208" width="320" height="272" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockClosedOutline = props => {
 LockClosedOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockClosedSharp.js b/src/LockClosedSharp.js
index d855b1ba1..b38b3e608 100644
--- a/src/LockClosedSharp.js
+++ b/src/LockClosedSharp.js
@@ -15,7 +15,7 @@ const LockClosedSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 192h-68v-80a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12zm-106 0H198v-80.75a58 58 0 11116 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 192h-68v-80a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12zm-106 0H198v-80.75a58 58 0 11116 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockClosedSharp = props => {
 LockClosedSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockOpen.js b/src/LockOpen.js
index 03d6ab105..498bd9f5a 100644
--- a/src/LockOpen.js
+++ b/src/LockOpen.js
@@ -15,7 +15,7 @@ const LockOpen = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 192H192v-80a64 64 0 11128 0 16 16 0 0032 0 96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 192H192v-80a64 64 0 11128 0 16 16 0 0032 0 96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockOpen = props => {
 LockOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockOpenOutline.js b/src/LockOpenOutline.js
index e88920884..bed9c18c8 100644
--- a/src/LockOpenOutline.js
+++ b/src/LockOpenOutline.js
@@ -15,7 +15,7 @@ const LockOpenOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 112a80 80 0 00-160 0v96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="208" width="320" height="272" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 112a80 80 0 00-160 0v96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="208" width="320" height="272" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockOpenOutline = props => {
 LockOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LockOpenSharp.js b/src/LockOpenSharp.js
index 149de5e91..757e441d0 100644
--- a/src/LockOpenSharp.js
+++ b/src/LockOpenSharp.js
@@ -15,7 +15,7 @@ const LockOpenSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 192H198v-80.75a58.08 58.08 0 0199.07-41.07A59.4 59.4 0 01314 112h38a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M420 192H198v-80.75a58.08 58.08 0 0199.07-41.07A59.4 59.4 0 01314 112h38a96 96 0 10-192 0v80H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V204a12 12 0 00-12-12z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LockOpenSharp = props => {
 LockOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogIn.js b/src/LogIn.js
index f8a75551c..fc5ac5e14 100644
--- a/src/LogIn.js
+++ b/src/LogIn.js
@@ -15,7 +15,7 @@ const LogIn = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 80H232a56.06 56.06 0 00-56 56v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L329.37 272H176v104c0 32.05 33.79 56 64 56h152a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zM80 240a16 16 0 000 32h96v-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 80H232a56.06 56.06 0 00-56 56v104h153.37l-52.68-52.69a16 16 0 0122.62-22.62l80 80a16 16 0 010 22.62l-80 80a16 16 0 01-22.62-22.62L329.37 272H176v104c0 32.05 33.79 56 64 56h152a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zM80 240a16 16 0 000 32h96v-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogIn = props => {
 LogIn.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogInOutline.js b/src/LogInOutline.js
index f3839587d..cf2e4b746 100644
--- a/src/LogInOutline.js
+++ b/src/LogInOutline.js
@@ -15,7 +15,7 @@ const LogInOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 176v-40a40 40 0 0140-40h160a40 40 0 0140 40v240a40 40 0 01-40 40H240c-22.09 0-48-17.91-48-40v-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M288 336l80-80-80-80M80 256h272"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 176v-40a40 40 0 0140-40h160a40 40 0 0140 40v240a40 40 0 01-40 40H240c-22.09 0-48-17.91-48-40v-40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M288 336l80-80-80-80M80 256h272" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogInOutline = props => {
 LogInOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogInSharp.js b/src/LogInSharp.js
index f62394f0c..48d57814b 100644
--- a/src/LogInSharp.js
+++ b/src/LogInSharp.js
@@ -15,7 +15,7 @@ const LogInSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 80H192a16 16 0 00-16 16v144h153.37l-64-64L288 153.37l91.31 91.32a16 16 0 010 22.62L288 358.63 265.37 336l64-64H176v144a16 16 0 0016 16h240a16 16 0 0016-16V96a16 16 0 00-16-16zM64 240h112v32H64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 80H192a16 16 0 00-16 16v144h153.37l-64-64L288 153.37l91.31 91.32a16 16 0 010 22.62L288 358.63 265.37 336l64-64H176v144a16 16 0 0016 16h240a16 16 0 0016-16V96a16 16 0 00-16-16zM64 240h112v32H64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogInSharp = props => {
 LogInSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogOut.js b/src/LogOut.js
index fd1bbde86..5da1651c5 100644
--- a/src/LogOut.js
+++ b/src/LogOut.js
@@ -15,7 +15,7 @@ const LogOut = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 256a16 16 0 0116-16h144V136c0-32-33.79-56-64-56H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h160a56.06 56.06 0 0056-56V272H176a16 16 0 01-16-16zM459.31 244.69l-80-80a16 16 0 00-22.62 22.62L409.37 240H320v32h89.37l-52.68 52.69a16 16 0 1022.62 22.62l80-80a16 16 0 000-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 256a16 16 0 0116-16h144V136c0-32-33.79-56-64-56H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h160a56.06 56.06 0 0056-56V272H176a16 16 0 01-16-16zM459.31 244.69l-80-80a16 16 0 00-22.62 22.62L409.37 240H320v32h89.37l-52.68 52.69a16 16 0 1022.62 22.62l80-80a16 16 0 000-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogOut = props => {
 LogOut.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogOutOutline.js b/src/LogOutOutline.js
index 9bd580ff7..96ebf7b39 100644
--- a/src/LogOutOutline.js
+++ b/src/LogOutOutline.js
@@ -15,7 +15,7 @@ const LogOutOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40M368 336l80-80-80-80M176 256h256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40M368 336l80-80-80-80M176 256h256" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogOutOutline = props => {
 LogOutOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogOutSharp.js b/src/LogOutSharp.js
index e66484414..96719dc03 100644
--- a/src/LogOutSharp.js
+++ b/src/LogOutSharp.js
@@ -15,7 +15,7 @@ const LogOutSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 240h160V96a16 16 0 00-16-16H64a16 16 0 00-16 16v320a16 16 0 0016 16h240a16 16 0 0016-16V272H160zM459.31 244.69L368 153.37 345.37 176l64 64H320v32h89.37l-64 64L368 358.63l91.31-91.32a16 16 0 000-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 240h160V96a16 16 0 00-16-16H64a16 16 0 00-16 16v320a16 16 0 0016 16h240a16 16 0 0016-16V272H160zM459.31 244.69L368 153.37 345.37 176l64 64H320v32h89.37l-64 64L368 358.63l91.31-91.32a16 16 0 000-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogOutSharp = props => {
 LogOutSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAlipay.js b/src/LogoAlipay.js
index cb9eb6bd7..e78b27bfb 100644
--- a/src/LogoAlipay.js
+++ b/src/LogoAlipay.js
@@ -15,7 +15,7 @@ const LogoAlipay = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7-39.82 48.57-91.18 78-144.5 78-90.18 0-120.8-78.22-78.1-129.72 9.31-11.22 25.15-21.94 49.73-28 38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 01-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89 60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23-34.74 30-13.94 84.93 56.37 84.93 40.87 0 81.71-25.9 113.79-67.37-41.36-20-77-34.85-114.4-34.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7-39.82 48.57-91.18 78-144.5 78-90.18 0-120.8-78.22-78.1-129.72 9.31-11.22 25.15-21.94 49.73-28 38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 01-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89 60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23-34.74 30-13.94 84.93 56.37 84.93 40.87 0 81.71-25.9 113.79-67.37-41.36-20-77-34.85-114.4-34.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAlipay = props => {
 LogoAlipay.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAmazon.js b/src/LogoAmazon.js
index 722682919..f74943ac9 100644
--- a/src/LogoAmazon.js
+++ b/src/LogoAmazon.js
@@ -15,7 +15,7 @@ const LogoAmazon = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48.48 378.73a300.52 300.52 0 00152.89 95.92 262.57 262.57 0 00159.3-17.25 225.52 225.52 0 0066.79-47 6.36 6.36 0 00-2-8.53 11.76 11.76 0 00-8-.05 401.92 401.92 0 01-116.55 39.34 358.13 358.13 0 01-127.29-8.83 446.73 446.73 0 01-119.1-60.49 5 5 0 00-6.06 6.9z"/><path d="M387.15 388.44a168.11 168.11 0 0148.94-2.23l.67.13a10 10 0 017.37 12.05A204.71 204.71 0 01429 444.47a2.55 2.55 0 001.66 3.18 2.51 2.51 0 002.23-.37A83.31 83.31 0 00464 382.86a12.44 12.44 0 00-10.22-13.22A95.75 95.75 0 00384.91 384a2.55 2.55 0 00-.57 3.55 2.52 2.52 0 002.81.89zM304.24 324.92a164 164 0 01-28.92 25.3A135.16 135.16 0 01208.63 369a99.49 99.49 0 01-57.49-19.85 97.25 97.25 0 01-27.36-100.28 112.35 112.35 0 0165.3-69.06 367.67 367.67 0 01104.7-15.55V127A37.82 37.82 0 00261 94.72a59.9 59.9 0 00-31.17 4.08 48.89 48.89 0 00-27.13 34.67 12 12 0 01-12.58 6.72l-50.9-4.5a11.38 11.38 0 01-8.38-10.16 103.66 103.66 0 0136.61-63.45A143.86 143.86 0 01257.85 32a146.24 146.24 0 0184.27 27.67 86.82 86.82 0 0130.7 70.22V258.8a84.46 84.46 0 008 31.28l15.87 23.23a13 13 0 010 11.23l-46.99 39.71a12.5 12.5 0 01-12.68-.44 244.84 244.84 0 01-32.78-38.89zm-10.6-116.83a257.68 257.68 0 00-44 2.89A63 63 0 00208 242.54a63 63 0 003.07 54 40.6 40.6 0 0047.11 12.19 78.61 78.61 0 0035.46-55.58v-45.06"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48.48 378.73a300.52 300.52 0 00152.89 95.92 262.57 262.57 0 00159.3-17.25 225.52 225.52 0 0066.79-47 6.36 6.36 0 00-2-8.53 11.76 11.76 0 00-8-.05 401.92 401.92 0 01-116.55 39.34 358.13 358.13 0 01-127.29-8.83 446.73 446.73 0 01-119.1-60.49 5 5 0 00-6.06 6.9z" /><path d="M387.15 388.44a168.11 168.11 0 0148.94-2.23l.67.13a10 10 0 017.37 12.05A204.71 204.71 0 01429 444.47a2.55 2.55 0 001.66 3.18 2.51 2.51 0 002.23-.37A83.31 83.31 0 00464 382.86a12.44 12.44 0 00-10.22-13.22A95.75 95.75 0 00384.91 384a2.55 2.55 0 00-.57 3.55 2.52 2.52 0 002.81.89zM304.24 324.92a164 164 0 01-28.92 25.3A135.16 135.16 0 01208.63 369a99.49 99.49 0 01-57.49-19.85 97.25 97.25 0 01-27.36-100.28 112.35 112.35 0 0165.3-69.06 367.67 367.67 0 01104.7-15.55V127A37.82 37.82 0 00261 94.72a59.9 59.9 0 00-31.17 4.08 48.89 48.89 0 00-27.13 34.67 12 12 0 01-12.58 6.72l-50.9-4.5a11.38 11.38 0 01-8.38-10.16 103.66 103.66 0 0136.61-63.45A143.86 143.86 0 01257.85 32a146.24 146.24 0 0184.27 27.67 86.82 86.82 0 0130.7 70.22V258.8a84.46 84.46 0 008 31.28l15.87 23.23a13 13 0 010 11.23l-46.99 39.71a12.5 12.5 0 01-12.68-.44 244.84 244.84 0 01-32.78-38.89zm-10.6-116.83a257.68 257.68 0 00-44 2.89A63 63 0 00208 242.54a63 63 0 003.07 54 40.6 40.6 0 0047.11 12.19 78.61 78.61 0 0035.46-55.58v-45.06" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAmazon = props => {
 LogoAmazon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAmplify.js b/src/LogoAmplify.js
index 51c917735..87216359b 100644
--- a/src/LogoAmplify.js
+++ b/src/LogoAmplify.js
@@ -15,7 +15,7 @@ const LogoAmplify = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112.31 268l40.36-68.69 34.65 59-67.54 115h135L289.31 432H16zm58.57-99.76l33.27-56.67L392.44 432h-66.68zM222.67 80h66.59L496 432h-66.68z" fill-rule="evenodd"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112.31 268l40.36-68.69 34.65 59-67.54 115h135L289.31 432H16zm58.57-99.76l33.27-56.67L392.44 432h-66.68zM222.67 80h66.59L496 432h-66.68z" fill-rule="evenodd" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAmplify = props => {
 LogoAmplify.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAndroid.js b/src/LogoAndroid.js
index a2a56e572..8814f4cc6 100644
--- a/src/LogoAndroid.js
+++ b/src/LogoAndroid.js
@@ -15,7 +15,7 @@ const LogoAndroid = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.91 199l42.47-73.57a8.63 8.63 0 00-3.12-11.76 8.52 8.52 0 00-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 10-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55zM138.45 327.65a21.46 21.46 0 1121.46-21.46 21.47 21.47 0 01-21.46 21.46zm235 0A21.46 21.46 0 11395 306.19a21.47 21.47 0 01-21.51 21.46z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.91 199l42.47-73.57a8.63 8.63 0 00-3.12-11.76 8.52 8.52 0 00-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 10-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55zM138.45 327.65a21.46 21.46 0 1121.46-21.46 21.47 21.47 0 01-21.46 21.46zm235 0A21.46 21.46 0 11395 306.19a21.47 21.47 0 01-21.51 21.46z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAndroid = props => {
 LogoAndroid.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAngular.js b/src/LogoAngular.js
index a6d899041..57b9740b2 100644
--- a/src/LogoAngular.js
+++ b/src/LogoAngular.js
@@ -15,7 +15,7 @@ const LogoAngular = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M213.57 256h84.85l-42.43-89.36L213.57 256z"/><path d="M256 32L32 112l46.12 272L256 480l177.75-96L480 112zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M213.57 256h84.85l-42.43-89.36L213.57 256z" /><path d="M256 32L32 112l46.12 272L256 480l177.75-96L480 112zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAngular = props => {
 LogoAngular.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoApple.js b/src/LogoApple.js
index 4ccf0a6b1..2d88aebf0 100644
--- a/src/LogoApple.js
+++ b/src/LogoApple.js
@@ -15,7 +15,7 @@ const LogoApple = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M349.13 136.86c-40.32 0-57.36 19.24-85.44 19.24-28.79 0-50.75-19.1-85.69-19.1-34.2 0-70.67 20.88-93.83 56.45-32.52 50.16-27 144.63 25.67 225.11 18.84 28.81 44 61.12 77 61.47h.6c28.68 0 37.2-18.78 76.67-19h.6c38.88 0 46.68 18.89 75.24 18.89h.6c33-.35 59.51-36.15 78.35-64.85 13.56-20.64 18.6-31 29-54.35-76.19-28.92-88.43-136.93-13.08-178.34-23-28.8-55.32-45.48-85.79-45.48z"/><path d="M340.25 32c-24 1.63-52 16.91-68.4 36.86-14.88 18.08-27.12 44.9-22.32 70.91h1.92c25.56 0 51.72-15.39 67-35.11 14.72-18.77 25.88-45.37 21.8-72.66z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M349.13 136.86c-40.32 0-57.36 19.24-85.44 19.24-28.79 0-50.75-19.1-85.69-19.1-34.2 0-70.67 20.88-93.83 56.45-32.52 50.16-27 144.63 25.67 225.11 18.84 28.81 44 61.12 77 61.47h.6c28.68 0 37.2-18.78 76.67-19h.6c38.88 0 46.68 18.89 75.24 18.89h.6c33-.35 59.51-36.15 78.35-64.85 13.56-20.64 18.6-31 29-54.35-76.19-28.92-88.43-136.93-13.08-178.34-23-28.8-55.32-45.48-85.79-45.48z" /><path d="M340.25 32c-24 1.63-52 16.91-68.4 36.86-14.88 18.08-27.12 44.9-22.32 70.91h1.92c25.56 0 51.72-15.39 67-35.11 14.72-18.77 25.88-45.37 21.8-72.66z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoApple = props => {
 LogoApple.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoAppleAppstore.js b/src/LogoAppleAppstore.js
index d0c17fd6e..8e3042408 100644
--- a/src/LogoAppleAppstore.js
+++ b/src/LogoAppleAppstore.js
@@ -15,7 +15,7 @@ const LogoAppleAppstore = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.26 32 32 132.26 32 256s100.26 224 224 224 224-100.26 224-224S379.74 32 256 32zm-85 321.89a15.48 15.48 0 01-13.46 7.65 14.91 14.91 0 01-7.86-2.16 15.48 15.48 0 01-5.6-21.21l15.29-25.42a8.73 8.73 0 017.54-4.3h2.26c11.09 0 18.85 6.67 21.11 13.13zm129.45-50l-100.13.11h-66.55a15.46 15.46 0 01-15.51-16.15c.32-8.4 7.65-14.76 16-14.76h48.24l57.19-97.35-18.52-31.55C217 137 218.85 127.52 226 123a15.57 15.57 0 0121.87 5.17l9.9 16.91h.11l9.91-16.91A15.58 15.58 0 01289.6 123c7.11 4.52 8.94 14 4.74 21.22l-18.52 31.55-18 30.69-39.09 66.66v.11h57.61c7.22 0 16.27 3.88 19.93 10.12l.32.65c3.23 5.49 5.06 9.26 5.06 14.75a13.82 13.82 0 01-1.17 5.17zm77.75.11h-27.11v.11l19.82 33.71a15.8 15.8 0 01-5.17 21.53 15.53 15.53 0 01-8.08 2.27A15.71 15.71 0 01344.2 354l-29.29-49.86-18.2-31L273.23 233a38.35 38.35 0 01-.65-38c4.64-8.19 8.19-10.34 8.19-10.34L333 273h44.91c8.4 0 15.61 6.46 16 14.75A15.65 15.65 0 01378.23 304z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.26 32 32 132.26 32 256s100.26 224 224 224 224-100.26 224-224S379.74 32 256 32zm-85 321.89a15.48 15.48 0 01-13.46 7.65 14.91 14.91 0 01-7.86-2.16 15.48 15.48 0 01-5.6-21.21l15.29-25.42a8.73 8.73 0 017.54-4.3h2.26c11.09 0 18.85 6.67 21.11 13.13zm129.45-50l-100.13.11h-66.55a15.46 15.46 0 01-15.51-16.15c.32-8.4 7.65-14.76 16-14.76h48.24l57.19-97.35-18.52-31.55C217 137 218.85 127.52 226 123a15.57 15.57 0 0121.87 5.17l9.9 16.91h.11l9.91-16.91A15.58 15.58 0 01289.6 123c7.11 4.52 8.94 14 4.74 21.22l-18.52 31.55-18 30.69-39.09 66.66v.11h57.61c7.22 0 16.27 3.88 19.93 10.12l.32.65c3.23 5.49 5.06 9.26 5.06 14.75a13.82 13.82 0 01-1.17 5.17zm77.75.11h-27.11v.11l19.82 33.71a15.8 15.8 0 01-5.17 21.53 15.53 15.53 0 01-8.08 2.27A15.71 15.71 0 01344.2 354l-29.29-49.86-18.2-31L273.23 233a38.35 38.35 0 01-.65-38c4.64-8.19 8.19-10.34 8.19-10.34L333 273h44.91c8.4 0 15.61 6.46 16 14.75A15.65 15.65 0 01378.23 304z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoAppleAppstore = props => {
 LogoAppleAppstore.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoBehance.js b/src/LogoBehance.js
index 67876acfb..b5fcb62e4 100644
--- a/src/LogoBehance.js
+++ b/src/LogoBehance.js
@@ -15,7 +15,7 @@ const LogoBehance = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344.1 233.6c-28.9 0-32.9 28.8-32.9 28.8h61.4s.4-28.8-28.5-28.8zM204.8 262.4h-54.4v50h51.7c7.8-.2 22.4-2.4 22.4-24.3 0-26-19.7-25.7-19.7-25.7z"/><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm47.2 137.6h77.1v23h-77.1v-23zm-39 120.8c0 57-59.4 55.2-59.4 55.2h-97.2v-187h97.2c29.6 0 52.9 16.3 52.9 49.8S229.2 244 229.2 244c37.6 0 35 46.4 35 46.4zm144.2-3.1h-96.9c0 34.7 32.9 32.5 32.9 32.5 31.1 0 30-20.1 30-20.1h32.9c0 53.4-64 49.7-64 49.7-76.7 0-71.8-71.5-71.8-71.5s-.1-71.8 71.8-71.8c75.7.1 65.1 81.2 65.1 81.2z"/><path d="M218 211.3c0-19.4-13.2-19.4-13.2-19.4h-54.4v41.7h51c8.8 0 16.6-2.9 16.6-22.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344.1 233.6c-28.9 0-32.9 28.8-32.9 28.8h61.4s.4-28.8-28.5-28.8zM204.8 262.4h-54.4v50h51.7c7.8-.2 22.4-2.4 22.4-24.3 0-26-19.7-25.7-19.7-25.7z" /><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm47.2 137.6h77.1v23h-77.1v-23zm-39 120.8c0 57-59.4 55.2-59.4 55.2h-97.2v-187h97.2c29.6 0 52.9 16.3 52.9 49.8S229.2 244 229.2 244c37.6 0 35 46.4 35 46.4zm144.2-3.1h-96.9c0 34.7 32.9 32.5 32.9 32.5 31.1 0 30-20.1 30-20.1h32.9c0 53.4-64 49.7-64 49.7-76.7 0-71.8-71.5-71.8-71.5s-.1-71.8 71.8-71.8c75.7.1 65.1 81.2 65.1 81.2z" /><path d="M218 211.3c0-19.4-13.2-19.4-13.2-19.4h-54.4v41.7h51c8.8 0 16.6-2.9 16.6-22.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoBehance = props => {
 LogoBehance.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoBitbucket.js b/src/LogoBitbucket.js
index 0fa19fcc1..897f0f685 100644
--- a/src/LogoBitbucket.js
+++ b/src/LogoBitbucket.js
@@ -15,7 +15,7 @@ const LogoBitbucket = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.13 32.23a19.65 19.65 0 00-2.54-.23h-449C23 31.88 16.12 38.88 16 47.75a11.44 11.44 0 00.23 2.8l65.3 411.25a22.52 22.52 0 007 12.95A20 20 0 00102 480h313.18a15.45 15.45 0 0015.34-13.42l38.88-247.91H325.19l-18.46 112H205.21l-25.73-148h295.58l20.76-132c1.27-8.75-4.38-17.04-12.69-18.44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.13 32.23a19.65 19.65 0 00-2.54-.23h-449C23 31.88 16.12 38.88 16 47.75a11.44 11.44 0 00.23 2.8l65.3 411.25a22.52 22.52 0 007 12.95A20 20 0 00102 480h313.18a15.45 15.45 0 0015.34-13.42l38.88-247.91H325.19l-18.46 112H205.21l-25.73-148h295.58l20.76-132c1.27-8.75-4.38-17.04-12.69-18.44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoBitbucket = props => {
 LogoBitbucket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoBitcoin.js b/src/LogoBitcoin.js
index 6f9825838..7439bd7fb 100644
--- a/src/LogoBitcoin.js
+++ b/src/LogoBitcoin.js
@@ -15,7 +15,7 @@ const LogoBitcoin = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.47 279.2c-5-11.5-12.7-21.6-28.1-30.1a98.15 98.15 0 00-25.4-10 62.22 62.22 0 0016.3-11 56.37 56.37 0 0015.6-23.3 77.11 77.11 0 003.5-28.2c-1.1-16.8-4.4-33.1-13.2-44.8s-21.2-20.7-37.6-27c-12.6-4.8-25.5-7.8-45.5-8.9V32h-40v64h-32V32h-41v64H96v48h27.87c8.7 0 14.6.8 17.6 2.3a13.22 13.22 0 016.5 6c1.3 2.5 1.9 8.4 1.9 17.5V343c0 9-.6 14.8-1.9 17.4s-2 4.9-5.1 6.3-3.2 1.3-11.8 1.3h-26.4L96 416h87v64h41v-64h32v64h40v-64.4c26-1.3 44.5-4.7 59.4-10.3 19.3-7.2 34.1-17.7 44.7-31.5s14-34.9 14.93-51.2c.67-14.5-.03-33.2-4.56-43.4zM224 150h32v74h-32zm0 212v-90h32v90zm72-208.1c6 2.5 9.9 7.5 13.8 12.7 4.3 5.7 6.5 13.3 6.5 21.4 0 7.8-2.9 14.5-7.5 20.5-3.8 4.9-6.8 8.3-12.8 11.1zm28.8 186.7c-7.8 6.9-12.3 10.1-22.1 13.8a56.06 56.06 0 01-6.7 1.9v-82.8a40.74 40.74 0 0111.3 3.4c7.8 3.3 15.2 6.9 19.8 13.2a43.82 43.82 0 018 24.7c-.03 10.9-2.83 19.2-10.33 25.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.47 279.2c-5-11.5-12.7-21.6-28.1-30.1a98.15 98.15 0 00-25.4-10 62.22 62.22 0 0016.3-11 56.37 56.37 0 0015.6-23.3 77.11 77.11 0 003.5-28.2c-1.1-16.8-4.4-33.1-13.2-44.8s-21.2-20.7-37.6-27c-12.6-4.8-25.5-7.8-45.5-8.9V32h-40v64h-32V32h-41v64H96v48h27.87c8.7 0 14.6.8 17.6 2.3a13.22 13.22 0 016.5 6c1.3 2.5 1.9 8.4 1.9 17.5V343c0 9-.6 14.8-1.9 17.4s-2 4.9-5.1 6.3-3.2 1.3-11.8 1.3h-26.4L96 416h87v64h41v-64h32v64h40v-64.4c26-1.3 44.5-4.7 59.4-10.3 19.3-7.2 34.1-17.7 44.7-31.5s14-34.9 14.93-51.2c.67-14.5-.03-33.2-4.56-43.4zM224 150h32v74h-32zm0 212v-90h32v90zm72-208.1c6 2.5 9.9 7.5 13.8 12.7 4.3 5.7 6.5 13.3 6.5 21.4 0 7.8-2.9 14.5-7.5 20.5-3.8 4.9-6.8 8.3-12.8 11.1zm28.8 186.7c-7.8 6.9-12.3 10.1-22.1 13.8a56.06 56.06 0 01-6.7 1.9v-82.8a40.74 40.74 0 0111.3 3.4c7.8 3.3 15.2 6.9 19.8 13.2a43.82 43.82 0 018 24.7c-.03 10.9-2.83 19.2-10.33 25.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoBitcoin = props => {
 LogoBitcoin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoBuffer.js b/src/LogoBuffer.js
index 1c58408ad..bb146d927 100644
--- a/src/LogoBuffer.js
+++ b/src/LogoBuffer.js
@@ -15,7 +15,7 @@ const LogoBuffer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M39.93 149.25l197.4 95.32c5.14 2.45 12 3.73 18.79 3.73s13.65-1.28 18.78-3.73l197.4-95.32c10.38-5 10.38-13.18 0-18.2L274.9 35.73c-5.13-2.45-12-3.73-18.78-3.73s-13.65 1.28-18.79 3.73l-197.4 95.32c-10.38 5.02-10.38 13.18 0 18.2z"/><path d="M472.3 246.9s-36.05-17.38-40.83-19.72-6.07-2.21-11.09.12-145.6 70.23-145.6 70.23a45.71 45.71 0 01-18.78 3.74c-6.77 0-13.65-1.29-18.78-3.74 0 0-136.85-66-143.27-69.18C87 225 85 225 78.67 228l-39 18.78c-10.38 5-10.38 13.19 0 18.2L237.1 360.3c5.13 2.45 12 3.73 18.78 3.73s13.65-1.28 18.79-3.73l197.4-95.3c10.61-4.92 10.61-13.08.23-18.1z"/><path d="M472.3 362.75s-36.05-17.38-40.83-19.75-6.07-2.21-11.09.12S274.9 413.5 274.9 413.5a45.74 45.74 0 01-18.78 3.73c-6.77 0-13.65-1.28-18.79-3.73 0 0-136.85-66-143.26-69.18-7-3.39-9-3.39-15.29-.35l-39 18.78c-10.39 5-10.39 13.18 0 18.2l197.4 95.32c5.13 2.56 12 3.73 18.78 3.73s13.65-1.28 18.78-3.73L472.18 381c10.5-5.07 10.5-13.23.12-18.25z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M39.93 149.25l197.4 95.32c5.14 2.45 12 3.73 18.79 3.73s13.65-1.28 18.78-3.73l197.4-95.32c10.38-5 10.38-13.18 0-18.2L274.9 35.73c-5.13-2.45-12-3.73-18.78-3.73s-13.65 1.28-18.79 3.73l-197.4 95.32c-10.38 5.02-10.38 13.18 0 18.2z" /><path d="M472.3 246.9s-36.05-17.38-40.83-19.72-6.07-2.21-11.09.12-145.6 70.23-145.6 70.23a45.71 45.71 0 01-18.78 3.74c-6.77 0-13.65-1.29-18.78-3.74 0 0-136.85-66-143.27-69.18C87 225 85 225 78.67 228l-39 18.78c-10.38 5-10.38 13.19 0 18.2L237.1 360.3c5.13 2.45 12 3.73 18.78 3.73s13.65-1.28 18.79-3.73l197.4-95.3c10.61-4.92 10.61-13.08.23-18.1z" /><path d="M472.3 362.75s-36.05-17.38-40.83-19.75-6.07-2.21-11.09.12S274.9 413.5 274.9 413.5a45.74 45.74 0 01-18.78 3.73c-6.77 0-13.65-1.28-18.79-3.73 0 0-136.85-66-143.26-69.18-7-3.39-9-3.39-15.29-.35l-39 18.78c-10.39 5-10.39 13.18 0 18.2l197.4 95.32c5.13 2.56 12 3.73 18.78 3.73s13.65-1.28 18.78-3.73L472.18 381c10.5-5.07 10.5-13.23.12-18.25z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoBuffer = props => {
 LogoBuffer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoCapacitor.js b/src/LogoCapacitor.js
index cfc511ecc..c3bdc8ed8 100644
--- a/src/LogoCapacitor.js
+++ b/src/LogoCapacitor.js
@@ -15,7 +15,7 @@ const LogoCapacitor = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 101.09L372.37 208.72l106.86 107.06-69.3 69.3-283.22-283.23L196 32.54l107.07 106.88L410.67 32zM32.55 196l69.3-69.31 283.22 283.24-69.3 69.3-107-106.87L101.08 480 32 410.67l107.42-107.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 101.09L372.37 208.72l106.86 107.06-69.3 69.3-283.22-283.23L196 32.54l107.07 106.88L410.67 32zM32.55 196l69.3-69.31 283.22 283.24-69.3 69.3-107-106.87L101.08 480 32 410.67l107.42-107.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoCapacitor = props => {
 LogoCapacitor.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoChrome.js b/src/LogoChrome.js
index 4fb9c8061..aa97f1e19 100644
--- a/src/LogoChrome.js
+++ b/src/LogoChrome.js
@@ -15,7 +15,7 @@ const LogoChrome = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M188.8 255.93a67.2 67.2 0 1067.2-67.18 67.38 67.38 0 00-67.2 67.18z"/><path d="M476.75 217.79v.05a206.63 206.63 0 00-7-28.84h-.11a202.16 202.16 0 017.07 29 203.5 203.5 0 00-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 01-12.31 44.73L231 478.45a2.44 2.44 0 010 .27v.28-.26a224 224 0 0025 1.26c6.84 0 13.61-.39 20.3-1a222.91 222.91 0 0029.78-4.74C405.68 451.52 480 362.4 480 255.94a225.25 225.25 0 00-3.25-38.15z"/><path d="M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 00207.4 474.55v-.05l77.69-134.6a84.13 84.13 0 01-29.09 5.6z"/><path d="M91.29 104.57l77.35 133.25A89.19 89.19 0 01256 166h205.17a246.51 246.51 0 00-25.78-43.94l.12.08A245.26 245.26 0 01461.17 166h.17a245.91 245.91 0 00-25.66-44 2.63 2.63 0 01-.35-.26 223.93 223.93 0 00-344.19-17.4l.14.24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M188.8 255.93a67.2 67.2 0 1067.2-67.18 67.38 67.38 0 00-67.2 67.18z" /><path d="M476.75 217.79v.05a206.63 206.63 0 00-7-28.84h-.11a202.16 202.16 0 017.07 29 203.5 203.5 0 00-7.07-29h-155.4c19.05 17 31.36 40.17 31.36 67.05a86.55 86.55 0 01-12.31 44.73L231 478.45a2.44 2.44 0 010 .27v.28-.26a224 224 0 0025 1.26c6.84 0 13.61-.39 20.3-1a222.91 222.91 0 0029.78-4.74C405.68 451.52 480 362.4 480 255.94a225.25 225.25 0 00-3.25-38.15z" /><path d="M256 345.5c-33.6 0-61.6-17.91-77.29-44.79L76 123.05l-.14-.24A224 224 0 00207.4 474.55v-.05l77.69-134.6a84.13 84.13 0 01-29.09 5.6z" /><path d="M91.29 104.57l77.35 133.25A89.19 89.19 0 01256 166h205.17a246.51 246.51 0 00-25.78-43.94l.12.08A245.26 245.26 0 01461.17 166h.17a245.91 245.91 0 00-25.66-44 2.63 2.63 0 01-.35-.26 223.93 223.93 0 00-344.19-17.4l.14.24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoChrome = props => {
 LogoChrome.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoClosedCaptioning.js b/src/LogoClosedCaptioning.js
index 6d9b82099..5b8736a72 100644
--- a/src/LogoClosedCaptioning.js
+++ b/src/LogoClosedCaptioning.js
@@ -15,7 +15,7 @@ const LogoClosedCaptioning = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 80v352h512V80zm464 175.78c0 25.74-1.6 45.32-3.77 77.22s-19.2 54.34-59.09 57.86-95.77 3.85-145.14 3.74c-49 .11-105.14-.11-145.14-3.74s-56.8-26-59.09-57.86S48 281.52 48 255.78s.11-42.46 3.77-77.22 23-54.12 59.09-57.64 98.28-3.52 145.14-3.52 109 0 145.14 3.52 55.43 23 59.09 57.64 3.77 51.59 3.77 77.22z"/><path d="M367.57 282.84v.77c0 17.93-11.11 28.49-25.95 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49s26.49 12.76 26.49 32.12v.55h49.58c0-24.09-6.05-45.76-18.25-59.4S369.76 153 345.8 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.23 7.96-12.86 18.52-16.86 31.83s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.5 4.62 34 4.62c27.47 0 47.26-7 59.13-20.57S418 305.06 418 279.1h-50.65c.22 0 .22 2.75.22 3.74zM197.3 282.84v.77c0 17.93-11.1 28.49-25.94 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49S198.4 213 198.4 232.35v.55H248c0-24.09-6-45.76-18.25-59.4S199.5 153 175.54 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.26 7.92-12.86 18.48-16.93 31.79s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.51 4.62 34 4.62c27.48 0 47.27-7 59.14-20.57s17.81-33.33 17.81-59.29h-50.78c.22.04.22 2.79.22 3.78z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 80v352h512V80zm464 175.78c0 25.74-1.6 45.32-3.77 77.22s-19.2 54.34-59.09 57.86-95.77 3.85-145.14 3.74c-49 .11-105.14-.11-145.14-3.74s-56.8-26-59.09-57.86S48 281.52 48 255.78s.11-42.46 3.77-77.22 23-54.12 59.09-57.64 98.28-3.52 145.14-3.52 109 0 145.14 3.52 55.43 23 59.09 57.64 3.77 51.59 3.77 77.22z" /><path d="M367.57 282.84v.77c0 17.93-11.11 28.49-25.95 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49s26.49 12.76 26.49 32.12v.55h49.58c0-24.09-6.05-45.76-18.25-59.4S369.76 153 345.8 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.23 7.96-12.86 18.52-16.86 31.83s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.5 4.62 34 4.62c27.47 0 47.26-7 59.13-20.57S418 305.06 418 279.1h-50.65c.22 0 .22 2.75.22 3.74zM197.3 282.84v.77c0 17.93-11.1 28.49-25.94 28.49s-24.84-11.88-26.27-28.49c0 0-1.31-8.69-1.31-26.29a229.5 229.5 0 011.53-28.6c2.64-18.7 11.77-28.49 26.6-28.49S198.4 213 198.4 232.35v.55H248c0-24.09-6-45.76-18.25-59.4S199.5 153 175.54 153a108.06 108.06 0 00-33 4.73 58.82 58.82 0 00-25.94 16.61c-7.26 7.92-12.86 18.48-16.93 31.79s-6 30-6 50.27c0 19.8 1.65 36.3 4.84 49.61s8 23.87 14.4 31.79a49.76 49.76 0 0024 16.5q14.51 4.62 34 4.62c27.48 0 47.27-7 59.14-20.57s17.81-33.33 17.81-59.29h-50.78c.22.04.22 2.79.22 3.78z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoClosedCaptioning = props => {
 LogoClosedCaptioning.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoCodepen.js b/src/LogoCodepen.js
index a874d7071..32713477f 100644
--- a/src/LogoCodepen.js
+++ b/src/LogoCodepen.js
@@ -15,7 +15,7 @@ const LogoCodepen = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M241.24 303.94c-15.32-10.36-30.74-20.57-46.06-30.93-2-1.38-3.43-1.48-5.5 0l-38.88 26.12C182 319.9 244 361.32 244 361.32v-53.79c0-1.22-1.55-2.78-2.76-3.59zM195.09 240.67q23.19-15.24 46.11-30.86a7.54 7.54 0 002.8-5.34v-51.7s-62 41.12-93.26 61.94c13.7 9.16 26.67 17.91 39.78 26.44 1.02.66 3.4.28 4.57-.48zM269.84 209.35q23.71 16.07 47.63 31.82a4.3 4.3 0 003.83 0l39.76-26.47L268 152.48v53.35a4.79 4.79 0 001.84 3.52zM258.11 230.37a5.27 5.27 0 00-4.74.17c-4.82 3-9.47 6.2-14.17 9.35-8.25 5.53-25.35 17-25.35 17l38.84 25.86a6.18 6.18 0 006.26.11l39-26s-34.07-22.66-39.84-26.49zM141 237.12v39.61l29.62-19.84L141 237.12z"/><path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm139 265c0 5.78-2.65 9.86-7.51 13.09q-61.71 41-123.29 82.19c-5.85 3.92-11.17 3.75-17-.14q-61.17-41-122.63-81.67c-5.11-3.39-7.59-7.56-7.59-13.73V217c0-6.14 2.52-10.34 7.62-13.72 40.91-27.13 81.94-54.36 122.73-81.68 5.82-3.89 11.09-4 16.94-.09q61.54 41.21 123.26 82.19c4.68 3.11 7.45 6.95 7.45 12.66z"/><path d="M316.25 273.23q-22.59 15.34-45.39 30.34c-2.41 1.58-2.89 3.31-2.86 6.19v51.34l93-62-38.53-25.88c-2.3-1.61-3.89-1.57-6.22.01zM370 276.68v-39.62l-29.59 19.87L370 276.68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M241.24 303.94c-15.32-10.36-30.74-20.57-46.06-30.93-2-1.38-3.43-1.48-5.5 0l-38.88 26.12C182 319.9 244 361.32 244 361.32v-53.79c0-1.22-1.55-2.78-2.76-3.59zM195.09 240.67q23.19-15.24 46.11-30.86a7.54 7.54 0 002.8-5.34v-51.7s-62 41.12-93.26 61.94c13.7 9.16 26.67 17.91 39.78 26.44 1.02.66 3.4.28 4.57-.48zM269.84 209.35q23.71 16.07 47.63 31.82a4.3 4.3 0 003.83 0l39.76-26.47L268 152.48v53.35a4.79 4.79 0 001.84 3.52zM258.11 230.37a5.27 5.27 0 00-4.74.17c-4.82 3-9.47 6.2-14.17 9.35-8.25 5.53-25.35 17-25.35 17l38.84 25.86a6.18 6.18 0 006.26.11l39-26s-34.07-22.66-39.84-26.49zM141 237.12v39.61l29.62-19.84L141 237.12z" /><path d="M256 32C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32zm139 265c0 5.78-2.65 9.86-7.51 13.09q-61.71 41-123.29 82.19c-5.85 3.92-11.17 3.75-17-.14q-61.17-41-122.63-81.67c-5.11-3.39-7.59-7.56-7.59-13.73V217c0-6.14 2.52-10.34 7.62-13.72 40.91-27.13 81.94-54.36 122.73-81.68 5.82-3.89 11.09-4 16.94-.09q61.54 41.21 123.26 82.19c4.68 3.11 7.45 6.95 7.45 12.66z" /><path d="M316.25 273.23q-22.59 15.34-45.39 30.34c-2.41 1.58-2.89 3.31-2.86 6.19v51.34l93-62-38.53-25.88c-2.3-1.61-3.89-1.57-6.22.01zM370 276.68v-39.62l-29.59 19.87L370 276.68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoCodepen = props => {
 LogoCodepen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoCss3.js b/src/LogoCss3.js
index f509e6b4e..7c25100e2 100644
--- a/src/LogoCss3.js
+++ b/src/LogoCss3.js
@@ -15,7 +15,7 @@ const LogoCss3 = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 32l35 403.22L255.77 480 413 435.15 448 32zm290.68 334.9L256.07 395l-98.46-28.24-6.75-77.76h48.26l3.43 39.56 53.59 15.16.13.28 53.47-14.85 5.64-64.15H203l-4-50h120.65l4.35-51H140l-4-49h240.58z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 32l35 403.22L255.77 480 413 435.15 448 32zm290.68 334.9L256.07 395l-98.46-28.24-6.75-77.76h48.26l3.43 39.56 53.59 15.16.13.28 53.47-14.85 5.64-64.15H203l-4-50h120.65l4.35-51H140l-4-49h240.58z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoCss3 = props => {
 LogoCss3.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDesignernews.js b/src/LogoDesignernews.js
index 025a12d3d..c76dc491b 100644
--- a/src/LogoDesignernews.js
+++ b/src/LogoDesignernews.js
@@ -15,7 +15,7 @@ const LogoDesignernews = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M295.31 122.8L222.86 64l72.68 122.64-.23-63.84z"/><path d="M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44 11.43 16.68 17.14 36.6 17.14 60.6 0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72z"/><path d="M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M295.31 122.8L222.86 64l72.68 122.64-.23-63.84z" /><path d="M339.43 64v195.6h-41.6L225.6 141.28l1.94 118.32h-45.83V131.2L139.09 96c1.14 1.44 2.28 2.88 3.31 4.44 11.43 16.68 17.14 36.6 17.14 60.6 0 59-35 98.52-87.88 98.52H0v.48L228.11 448H512V205.72z" /><path d="M111.89 162.52c0-34.8-16.23-54.12-45.38-54.12H44.57v106.8h21.72c29.71 0 45.6-18.48 45.6-52.68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDesignernews = props => {
 LogoDesignernews.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDeviantart.js b/src/LogoDeviantart.js
index 422659e6e..0c5d46387 100644
--- a/src/LogoDeviantart.js
+++ b/src/LogoDeviantart.js
@@ -15,7 +15,7 @@ const LogoDeviantart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 103.28V16h-89.31l-8.9 8.78-42.15 78.48-13.25 8.74H104v119.85h82.68l7.36 8.71L104 408.72V496h89.3l8.91-8.79 42.14-78.48 13.26-8.73H408V280.13h-82.68l-7.36-8.75L408 103.28z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 103.28V16h-89.31l-8.9 8.78-42.15 78.48-13.25 8.74H104v119.85h82.68l7.36 8.71L104 408.72V496h89.3l8.91-8.79 42.14-78.48 13.26-8.73H408V280.13h-82.68l-7.36-8.75L408 103.28z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDeviantart = props => {
 LogoDeviantart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDiscord.js b/src/LogoDiscord.js
index 53165787a..ab1e907a6 100644
--- a/src/LogoDiscord.js
+++ b/src/LogoDiscord.js
@@ -15,7 +15,7 @@ const LogoDiscord = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 66.52A50 50 0 00414.12 17L97.64 16A49.65 49.65 0 0048 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44 109 100zM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 01-27.85 14.25 173.31 173.31 0 01-35.11 10.39 170.05 170.05 0 01-62.72-.24 184.45 184.45 0 01-35.59-10.4 141.46 141.46 0 01-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21-.49-.24-.73-.48-1-.48-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81-53.51-1.69-73.85-36.47-73.85-36.47 0-77.06 34.87-139.62 34.87-139.62 34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 014.12-.49 205.62 205.62 0 0148.91-.48 201.62 201.62 0 0172.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62 0-.28-20.35 34.5-73.86 36.19z"/><path d="M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57.25-14.76-10.9-26.57-24.7-26.57zM300.43 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 66.52A50 50 0 00414.12 17L97.64 16A49.65 49.65 0 0048 65.52V392c0 27.3 22.28 48 49.64 48H368l-13-44 109 100zM324.65 329.81s-8.72-10.39-16-19.32C340.39 301.55 352.5 282 352.5 282a139 139 0 01-27.85 14.25 173.31 173.31 0 01-35.11 10.39 170.05 170.05 0 01-62.72-.24 184.45 184.45 0 01-35.59-10.4 141.46 141.46 0 01-17.68-8.21c-.73-.48-1.45-.72-2.18-1.21-.49-.24-.73-.48-1-.48-4.36-2.42-6.78-4.11-6.78-4.11s11.62 19.09 42.38 28.26c-7.27 9.18-16.23 19.81-16.23 19.81-53.51-1.69-73.85-36.47-73.85-36.47 0-77.06 34.87-139.62 34.87-139.62 34.87-25.85 67.8-25.12 67.8-25.12l2.42 2.9c-43.59 12.32-63.44 31.4-63.44 31.4s5.32-2.9 14.28-6.77c25.91-11.35 46.5-14.25 55-15.21a24 24 0 014.12-.49 205.62 205.62 0 0148.91-.48 201.62 201.62 0 0172.89 22.95s-19.13-18.15-60.3-30.45l3.39-3.86s33.17-.73 67.81 25.16c0 0 34.87 62.56 34.87 139.62 0-.28-20.35 34.5-73.86 36.19z" /><path d="M212.05 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.8 0 24.7-11.83 24.7-26.57.25-14.76-10.9-26.57-24.7-26.57zM300.43 218c-13.8 0-24.7 11.84-24.7 26.57s11.14 26.57 24.7 26.57c13.81 0 24.7-11.83 24.7-26.57S314 218 300.43 218z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDiscord = props => {
 LogoDiscord.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDocker.js b/src/LogoDocker.js
index 35b61af17..0a7e3de1c 100644
--- a/src/LogoDocker.js
+++ b/src/LogoDocker.js
@@ -15,7 +15,7 @@ const LogoDocker = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M507 211.16c-1.42-1.19-14.25-10.94-41.79-10.94a132.55 132.55 0 00-21.61 1.9c-5.22-36.4-35.38-54-36.57-55l-7.36-4.28-4.75 6.9a101.65 101.65 0 00-13.06 30.45c-5 20.7-1.9 40.2 8.55 56.85-12.59 7.14-33 8.8-37.28 9H15.94A15.93 15.93 0 000 262.07a241.25 241.25 0 0014.75 86.83C26.39 379.35 43.72 402 66 415.74 91.22 431.2 132.3 440 178.6 440a344.23 344.23 0 0062.45-5.71 257.44 257.44 0 0081.69-29.73 223.55 223.55 0 0055.57-45.67c26.83-30.21 42.74-64 54.38-94h4.75c29.21 0 47.26-11.66 57.23-21.65a63.31 63.31 0 0015.2-22.36l2.14-6.18z"/><path d="M47.29 236.37H92.4a4 4 0 004-4v-40.48a4 4 0 00-4-4H47.29a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M109.5 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M172.9 236.37H218a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a3.87 3.87 0 004 4M235.36 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4 4 0 004 4M109.5 178.57h45.12a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.34 4.34 0 004 4M172.9 178.57H218a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a4 4 0 004 4M235.36 178.57h45.12a4.16 4.16 0 004-4v-40.48a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M235.36 120.53h45.12a4 4 0 004-4V76a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.17 4.17 0 004 4M298.28 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M507 211.16c-1.42-1.19-14.25-10.94-41.79-10.94a132.55 132.55 0 00-21.61 1.9c-5.22-36.4-35.38-54-36.57-55l-7.36-4.28-4.75 6.9a101.65 101.65 0 00-13.06 30.45c-5 20.7-1.9 40.2 8.55 56.85-12.59 7.14-33 8.8-37.28 9H15.94A15.93 15.93 0 000 262.07a241.25 241.25 0 0014.75 86.83C26.39 379.35 43.72 402 66 415.74 91.22 431.2 132.3 440 178.6 440a344.23 344.23 0 0062.45-5.71 257.44 257.44 0 0081.69-29.73 223.55 223.55 0 0055.57-45.67c26.83-30.21 42.74-64 54.38-94h4.75c29.21 0 47.26-11.66 57.23-21.65a63.31 63.31 0 0015.2-22.36l2.14-6.18z" /><path d="M47.29 236.37H92.4a4 4 0 004-4v-40.48a4 4 0 00-4-4H47.29a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M109.5 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M172.9 236.37H218a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a3.87 3.87 0 004 4M235.36 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4 4 0 004 4M109.5 178.57h45.12a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4H109.5a4 4 0 00-4 4v40.44a4.34 4.34 0 004 4M172.9 178.57H218a4.16 4.16 0 004-4v-40.48a4 4 0 00-4-4h-45.1a4 4 0 00-4 4v40.44a4 4 0 004 4M235.36 178.57h45.12a4.16 4.16 0 004-4v-40.48a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4M235.36 120.53h45.12a4 4 0 004-4V76a4.16 4.16 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.17 4.17 0 004 4M298.28 236.37h45.12a4 4 0 004-4v-40.48a4 4 0 00-4-4h-45.12a4 4 0 00-4 4v40.44a4.16 4.16 0 004 4" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDocker = props => {
 LogoDocker.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDribbble.js b/src/LogoDribbble.js
index 4b701528a..99086ce0e 100644
--- a/src/LogoDribbble.js
+++ b/src/LogoDribbble.js
@@ -15,7 +15,7 @@ const LogoDribbble = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.33 32 32 132.33 32 256s100.33 224 224 224 224-100.22 224-224S379.67 32 256 32zm142.22 103.25a186.36 186.36 0 0144 108.38c-40.37-2.1-88.67-2.1-127.4 1.52-4.9-12.37-9.92-24.5-15.4-36.17 44.66-19.36 79.08-44.8 98.8-73.73zM256 69.33a185.81 185.81 0 01119.12 42.94c-20.3 25.66-52.15 48-91.82 64.86C261.6 137 236.63 102.47 210 75.28a187.51 187.51 0 0146-5.95zm-84.47 20.42c26.95 26.83 52.27 61 74.44 101C203.85 203.62 155.55 211 104 211c-9.8 0-19.36-.35-28.81-.94a186.78 186.78 0 0196.34-120.31zM69.68 247.13c10.62.47 21.35.7 32.2.59 58.8-.7 113.52-9.92 160.54-25q6.65 13.83 12.6 28.35a115.43 115.43 0 00-16.69 5c-64.28 27-114.91 70.51-142.33 123.13A186 186 0 0169.33 256c0-3 .12-5.95.35-8.87zM256 442.67a185.57 185.57 0 01-114.45-39.32c24.85-49.23 69.18-90 125.07-115.27 5.25-2.45 12.25-4.43 20.3-6.18q10 27.64 17.85 57.4A678 678 0 01322 430.42a185.06 185.06 0 01-66 12.25zm100.92-29.75a672.61 672.61 0 00-17.39-92.05c-4-15.17-8.51-29.87-13.41-44.22 36.63-3 80.5-2.57 115.38 0a186.5 186.5 0 01-84.58 136.27z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.33 32 32 132.33 32 256s100.33 224 224 224 224-100.22 224-224S379.67 32 256 32zm142.22 103.25a186.36 186.36 0 0144 108.38c-40.37-2.1-88.67-2.1-127.4 1.52-4.9-12.37-9.92-24.5-15.4-36.17 44.66-19.36 79.08-44.8 98.8-73.73zM256 69.33a185.81 185.81 0 01119.12 42.94c-20.3 25.66-52.15 48-91.82 64.86C261.6 137 236.63 102.47 210 75.28a187.51 187.51 0 0146-5.95zm-84.47 20.42c26.95 26.83 52.27 61 74.44 101C203.85 203.62 155.55 211 104 211c-9.8 0-19.36-.35-28.81-.94a186.78 186.78 0 0196.34-120.31zM69.68 247.13c10.62.47 21.35.7 32.2.59 58.8-.7 113.52-9.92 160.54-25q6.65 13.83 12.6 28.35a115.43 115.43 0 00-16.69 5c-64.28 27-114.91 70.51-142.33 123.13A186 186 0 0169.33 256c0-3 .12-5.95.35-8.87zM256 442.67a185.57 185.57 0 01-114.45-39.32c24.85-49.23 69.18-90 125.07-115.27 5.25-2.45 12.25-4.43 20.3-6.18q10 27.64 17.85 57.4A678 678 0 01322 430.42a185.06 185.06 0 01-66 12.25zm100.92-29.75a672.61 672.61 0 00-17.39-92.05c-4-15.17-8.51-29.87-13.41-44.22 36.63-3 80.5-2.57 115.38 0a186.5 186.5 0 01-84.58 136.27z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDribbble = props => {
 LogoDribbble.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoDropbox.js b/src/LogoDropbox.js
index 4fef00368..a02664eaa 100644
--- a/src/LogoDropbox.js
+++ b/src/LogoDropbox.js
@@ -15,7 +15,7 @@ const LogoDropbox = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.32 126.24l-120.16 78.25 120.16 78.24L136.16 361 16 282.08l120.16-78.24L16 126.24 136.16 48zm-120.8 259.52l120.16-78.25 120.16 78.25L255.68 464zm120.8-103.68l120.16-78.24-120.16-77.6L375.84 48 496 126.24l-120.16 78.25L496 282.73 375.84 361z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.32 126.24l-120.16 78.25 120.16 78.24L136.16 361 16 282.08l120.16-78.24L16 126.24 136.16 48zm-120.8 259.52l120.16-78.25 120.16 78.25L255.68 464zm120.8-103.68l120.16-78.24-120.16-77.6L375.84 48 496 126.24l-120.16 78.25L496 282.73 375.84 361z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoDropbox = props => {
 LogoDropbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoEdge.js b/src/LogoEdge.js
index fe21d4000..df52e4a5e 100644
--- a/src/LogoEdge.js
+++ b/src/LogoEdge.js
@@ -15,7 +15,7 @@ const LogoEdge = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.5 15c-132 0-240 108-240 240s108 240 240 240c85.4 0 160.8-45.2 203.3-112.9a6.87 6.87 0 00-9.1-9.7 108.64 108.64 0 01-18.4 8.6c-36.8 12.6-57.1 13.1-82.1 12-27.9-1.2-61.9-10.8-85.8-25s-43.5-34.6-54.1-52.3-17-39.9-14.1-68.3c2.9-29 29.4-52.6 60.4-52.6 33.5 0 60.8 26.6 60.8 60.1 0 17-8.1 31.7-18.5 43.5-2.3 2.1-7.6 9.7 5.8 20 15.9 12.2 51.6 18 79.9 16.6s59.1-12.6 80.2-34.8c16.8-17.7 31.8-46.1 31.8-77.4C495.5 97.7 379.5 15 255.5 15z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M255.5 15c-132 0-240 108-240 240s108 240 240 240c85.4 0 160.8-45.2 203.3-112.9a6.87 6.87 0 00-9.1-9.7 108.64 108.64 0 01-18.4 8.6c-36.8 12.6-57.1 13.1-82.1 12-27.9-1.2-61.9-10.8-85.8-25s-43.5-34.6-54.1-52.3-17-39.9-14.1-68.3c2.9-29 29.4-52.6 60.4-52.6 33.5 0 60.8 26.6 60.8 60.1 0 17-8.1 31.7-18.5 43.5-2.3 2.1-7.6 9.7 5.8 20 15.9 12.2 51.6 18 79.9 16.6s59.1-12.6 80.2-34.8c16.8-17.7 31.8-46.1 31.8-77.4C495.5 97.7 379.5 15 255.5 15z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoEdge = props => {
 LogoEdge.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoElectron.js b/src/LogoElectron.js
index e72229689..5c2263c87 100644
--- a/src/LogoElectron.js
+++ b/src/LogoElectron.js
@@ -15,7 +15,7 @@ const LogoElectron = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M86.76 255a9.89 9.89 0 004.87-1.29 9.82 9.82 0 003.65-13.43c-16.46-28.56-17.81-52.12-7.45-70 14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0011.45-7.9 9.84 9.84 0 00-7.93-11.44c-29.19-5.28-56-5.18-77.39.3-22.3 5.71-39 17.28-48.45 33.48-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 008.56 4.95zM361.61 143.73c32.24.42 52.61 9.31 62.79 26.86 14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 007.51 16.18 9.88 9.88 0 007.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71 6.14-22 4.43-42.21-5-58.38-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 00-.12 19.66zM326.47 414.89a9.88 9.88 0 00-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 00-12.59-5.92 9.83 9.83 0 00-6 12.58c10 27.77 23.47 50.75 39 66.46 16.11 16.34 34.55 25 53.32 25 27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 00-3.38-13.5zM431.7 338.54a32.14 32.14 0 00-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 00-13.91-.65 9.8 9.8 0 00-.65 13.9c23.79 26 54.68 50.28 89.33 70.18 40.28 23.13 82.27 38.63 121.43 44.81a225.54 225.54 0 0035 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1016.7-59.68zm0 44.66a12.6 12.6 0 01-7.82-2.72 10 10 0 00-2.2-2.21 12.61 12.61 0 1110 4.93z"/><path d="M82.09 338.59c.57-21.26 12.41-47 33.68-73.16 23.19-28.45 56.69-56 94.34-77.65 33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 10-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1019.63-5.31zM80.3 383.2a12.5 12.5 0 1112.59-12.5 12.56 12.56 0 01-12.59 12.5z"/><path d="M256.2 96.32a32.23 32.23 0 0026.53-13.81c17.89 11.69 34 35 45.81 66.12 13 34.39 19.84 75.38 19.84 118.54 0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 00.66 7.49 9.82 9.82 0 005.8 4.84 9.89 9.89 0 0012.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49 0-47.17-7.77-91.77-22.47-129-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 10-32.3 33.31zm0-44.66a12.5 12.5 0 11-12.59 12.5 12.56 12.56 0 0112.59-12.5zM251 243.36a24.35 24.35 0 005.16 48.16 24.68 24.68 0 005.16-.55A24.36 24.36 0 10251 243.36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M86.76 255a9.89 9.89 0 004.87-1.29 9.82 9.82 0 003.65-13.43c-16.46-28.56-17.81-52.12-7.45-70 14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0011.45-7.9 9.84 9.84 0 00-7.93-11.44c-29.19-5.28-56-5.18-77.39.3-22.3 5.71-39 17.28-48.45 33.48-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 008.56 4.95zM361.61 143.73c32.24.42 52.61 9.31 62.79 26.86 14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 007.51 16.18 9.88 9.88 0 007.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71 6.14-22 4.43-42.21-5-58.38-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 00-.12 19.66zM326.47 414.89a9.88 9.88 0 00-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 00-12.59-5.92 9.83 9.83 0 00-6 12.58c10 27.77 23.47 50.75 39 66.46 16.11 16.34 34.55 25 53.32 25 27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 00-3.38-13.5zM431.7 338.54a32.14 32.14 0 00-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 00-13.91-.65 9.8 9.8 0 00-.65 13.9c23.79 26 54.68 50.28 89.33 70.18 40.28 23.13 82.27 38.63 121.43 44.81a225.54 225.54 0 0035 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1016.7-59.68zm0 44.66a12.6 12.6 0 01-7.82-2.72 10 10 0 00-2.2-2.21 12.61 12.61 0 1110 4.93z" /><path d="M82.09 338.59c.57-21.26 12.41-47 33.68-73.16 23.19-28.45 56.69-56 94.34-77.65 33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 10-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1019.63-5.31zM80.3 383.2a12.5 12.5 0 1112.59-12.5 12.56 12.56 0 01-12.59 12.5z" /><path d="M256.2 96.32a32.23 32.23 0 0026.53-13.81c17.89 11.69 34 35 45.81 66.12 13 34.39 19.84 75.38 19.84 118.54 0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 00.66 7.49 9.82 9.82 0 005.8 4.84 9.89 9.89 0 0012.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49 0-47.17-7.77-91.77-22.47-129-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 10-32.3 33.31zm0-44.66a12.5 12.5 0 11-12.59 12.5 12.56 12.56 0 0112.59-12.5zM251 243.36a24.35 24.35 0 005.16 48.16 24.68 24.68 0 005.16-.55A24.36 24.36 0 10251 243.36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoElectron = props => {
 LogoElectron.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoEuro.js b/src/LogoEuro.js
index 72e478db5..ceb665a4c 100644
--- a/src/LogoEuro.js
+++ b/src/LogoEuro.js
@@ -15,7 +15,7 @@ const LogoEuro = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M231.8 272v-48H376l8-48H231.8v-8.12c0-38.69 16.47-62.56 87.18-62.56 28.89 0 61.45 2.69 102.5 9.42l10.52-70A508.54 508.54 0 00315.46 32C189.26 32 135 76.4 135 158.46V176H80v48h55v48H80v48h55v33.54C135 435.6 189.23 480 315.43 480a507.76 507.76 0 00116.44-12.78l-10.58-70c-41.05 6.73-73.46 9.42-102.35 9.42-70.7 0-87.14-20.18-87.14-67.94V320h128.47l7.87-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M231.8 272v-48H376l8-48H231.8v-8.12c0-38.69 16.47-62.56 87.18-62.56 28.89 0 61.45 2.69 102.5 9.42l10.52-70A508.54 508.54 0 00315.46 32C189.26 32 135 76.4 135 158.46V176H80v48h55v48H80v48h55v33.54C135 435.6 189.23 480 315.43 480a507.76 507.76 0 00116.44-12.78l-10.58-70c-41.05 6.73-73.46 9.42-102.35 9.42-70.7 0-87.14-20.18-87.14-67.94V320h128.47l7.87-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoEuro = props => {
 LogoEuro.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFacebook.js b/src/LogoFacebook.js
index f6eabcb23..e8e010ddd 100644
--- a/src/LogoFacebook.js
+++ b/src/LogoFacebook.js
@@ -15,7 +15,7 @@ const LogoFacebook = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z" fill-rule="evenodd"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z" fill-rule="evenodd" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFacebook = props => {
 LogoFacebook.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFigma.js b/src/LogoFigma.js
index 453a8c244..38270adaf 100644
--- a/src/LogoFigma.js
+++ b/src/LogoFigma.js
@@ -15,7 +15,7 @@ const LogoFigma = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 176a80 80 0 000-160H176a80 80 0 000 160 80 80 0 000 160 80 80 0 1080 80V176z"/><circle cx="336" cy="256" r="80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 176a80 80 0 000-160H176a80 80 0 000 160 80 80 0 000 160 80 80 0 1080 80V176z" /><circle cx="336" cy="256" r="80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFigma = props => {
 LogoFigma.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFirebase.js b/src/LogoFirebase.js
index 143963e4f..f15ff7e8e 100644
--- a/src/LogoFirebase.js
+++ b/src/LogoFirebase.js
@@ -15,7 +15,7 @@ const LogoFirebase = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M93.19 329.38l47.45-304.07c1.64-10.37 15.55-12.82 20.46-3.55l51 95.45zM432 400l-46.74-276.79a11 11 0 00-18.54-6L80 400l159.36 91.91a33.18 33.18 0 0031.91 0zM302.36 158.93l-36.54-69.54a10.86 10.86 0 00-19.36 0L85.83 375.74z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M93.19 329.38l47.45-304.07c1.64-10.37 15.55-12.82 20.46-3.55l51 95.45zM432 400l-46.74-276.79a11 11 0 00-18.54-6L80 400l159.36 91.91a33.18 33.18 0 0031.91 0zM302.36 158.93l-36.54-69.54a10.86 10.86 0 00-19.36 0L85.83 375.74z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFirebase = props => {
 LogoFirebase.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFirefox.js b/src/LogoFirefox.js
index 516250dba..15645c722 100644
--- a/src/LogoFirefox.js
+++ b/src/LogoFirefox.js
@@ -15,7 +15,7 @@ const LogoFirefox = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M471.46 194.62v-.07c-.22-.76-.45-1.52-.68-2.28-.05-.19-.11-.38-.17-.56-.43-1.44-.87-2.88-1.33-4.31l-.06-.2a223.24 223.24 0 00-10-25.56 191.77 191.77 0 00-12.9-23.8 225.15 225.15 0 00-74.74-73.74A222.9 222.9 0 00256 32c-7 0-14 .34-20.82 1-24.12 2.54-64.78 11.21-97.77 40.18C257.5 11.86 417.94 85.7 404.29 223c-4.86 49-46.46 82.67-85.19 88.35a73.73 73.73 0 01-20.8.21c-94.59-13.15-88.8-90.68-60.06-123.83-38-.24-67.47 46.79-53.15 93-32.95-61.18.35-157 70.93-186-82.95-12-160.71 28.2-185.7 98.07A330.23 330.23 0 0188.07 118s-45.22 35.74-54.44 110.9c-.14 1.16-.27 2.32-.39 3.49-.05.4-.09.8-.13 1.21q-.53 5.25-.8 10.57v.81c-.07 1.48-.13 3-.17 4.46v1.25c0 1.76-.07 3.52-.07 5.29 0 123.71 100.29 224 224 224S480 379.71 480 256a224 224 0 00-8.54-61.38z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M471.46 194.62v-.07c-.22-.76-.45-1.52-.68-2.28-.05-.19-.11-.38-.17-.56-.43-1.44-.87-2.88-1.33-4.31l-.06-.2a223.24 223.24 0 00-10-25.56 191.77 191.77 0 00-12.9-23.8 225.15 225.15 0 00-74.74-73.74A222.9 222.9 0 00256 32c-7 0-14 .34-20.82 1-24.12 2.54-64.78 11.21-97.77 40.18C257.5 11.86 417.94 85.7 404.29 223c-4.86 49-46.46 82.67-85.19 88.35a73.73 73.73 0 01-20.8.21c-94.59-13.15-88.8-90.68-60.06-123.83-38-.24-67.47 46.79-53.15 93-32.95-61.18.35-157 70.93-186-82.95-12-160.71 28.2-185.7 98.07A330.23 330.23 0 0188.07 118s-45.22 35.74-54.44 110.9c-.14 1.16-.27 2.32-.39 3.49-.05.4-.09.8-.13 1.21q-.53 5.25-.8 10.57v.81c-.07 1.48-.13 3-.17 4.46v1.25c0 1.76-.07 3.52-.07 5.29 0 123.71 100.29 224 224 224S480 379.71 480 256a224 224 0 00-8.54-61.38z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFirefox = props => {
 LogoFirefox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFlickr.js b/src/LogoFlickr.js
index f548ab30f..231d982c0 100644
--- a/src/LogoFlickr.js
+++ b/src/LogoFlickr.js
@@ -15,7 +15,7 @@ const LogoFlickr = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.8 32 32 132.8 32 256s100.8 224 224 224 224-100.8 224-224S379.2 32 256 32zm-82.16 280A56 56 0 11228 257.84 56 56 0 01173.84 312zm168 0A56 56 0 11396 257.84 56 56 0 01341.84 312z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.8 32 32 132.8 32 256s100.8 224 224 224 224-100.8 224-224S379.2 32 256 32zm-82.16 280A56 56 0 11228 257.84 56 56 0 01173.84 312zm168 0A56 56 0 11396 257.84 56 56 0 01341.84 312z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFlickr = props => {
 LogoFlickr.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoFoursquare.js b/src/LogoFoursquare.js
index eb3468e21..c1070eb5d 100644
--- a/src/LogoFoursquare.js
+++ b/src/LogoFoursquare.js
@@ -15,7 +15,7 @@ const LogoFoursquare = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83 2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75 2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32zm-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0111.81 15.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83 2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75 2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32zm-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0111.81 15.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoFoursquare = props => {
 LogoFoursquare.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoGithub.js b/src/LogoGithub.js
index 289dc131c..d73b98b58 100644
--- a/src/LogoGithub.js
+++ b/src/LogoGithub.js
@@ -15,7 +15,7 @@ const LogoGithub = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoGithub = props => {
 LogoGithub.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoGitlab.js b/src/LogoGitlab.js
index f6a4c0a80..5957e535e 100644
--- a/src/LogoGitlab.js
+++ b/src/LogoGitlab.js
@@ -15,7 +15,7 @@ const LogoGitlab = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M494.07 281.6l-25.18-78.08a11 11 0 00-.61-2.1l-50.5-156.94a20.08 20.08 0 00-19.17-13.82 19.77 19.77 0 00-18.95 13.94l-48.14 149.55h-152L131.34 44.59a19.76 19.76 0 00-18.86-13.94h-.11a20.15 20.15 0 00-19.12 14L42.7 201.73c0 .14-.11.26-.16.4l-25.63 79.48a29.15 29.15 0 0010.44 32.46l221.44 162.41a11.25 11.25 0 0013.38-.07l221.48-162.34a29.13 29.13 0 0010.42-32.47m-331-64.51l61.73 191.76L76.63 217.09m209.64 191.8l59.19-183.84 2.55-8h86.52L300.47 390.44M398.8 59.31l43.37 134.83h-86.82M324.16 217l-43 133.58-25.66 79.56L186.94 217M112.27 59.31l43.46 134.83H69M40.68 295.58a6.19 6.19 0 01-2.21-6.9l19-59 139.61 180.59m273.26-114.69L313.92 410.22l.52-.69L453.5 229.64l19 59a6.2 6.2 0 01-2.19 6.92"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M494.07 281.6l-25.18-78.08a11 11 0 00-.61-2.1l-50.5-156.94a20.08 20.08 0 00-19.17-13.82 19.77 19.77 0 00-18.95 13.94l-48.14 149.55h-152L131.34 44.59a19.76 19.76 0 00-18.86-13.94h-.11a20.15 20.15 0 00-19.12 14L42.7 201.73c0 .14-.11.26-.16.4l-25.63 79.48a29.15 29.15 0 0010.44 32.46l221.44 162.41a11.25 11.25 0 0013.38-.07l221.48-162.34a29.13 29.13 0 0010.42-32.47m-331-64.51l61.73 191.76L76.63 217.09m209.64 191.8l59.19-183.84 2.55-8h86.52L300.47 390.44M398.8 59.31l43.37 134.83h-86.82M324.16 217l-43 133.58-25.66 79.56L186.94 217M112.27 59.31l43.46 134.83H69M40.68 295.58a6.19 6.19 0 01-2.21-6.9l19-59 139.61 180.59m273.26-114.69L313.92 410.22l.52-.69L453.5 229.64l19 59a6.2 6.2 0 01-2.19 6.92" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoGitlab = props => {
 LogoGitlab.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoGoogle.js b/src/LogoGoogle.js
index 46d4f8d47..a168eb9a2 100644
--- a/src/LogoGoogle.js
+++ b/src/LogoGoogle.js
@@ -15,7 +15,7 @@ const LogoGoogle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 01-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4 57.73 0 112.45-22.62 151.45-63.66 38.34-40.4 58.17-96.3 58.17-154.9 0-24.67-2.48-39.32-2.59-39.96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 01-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4 57.73 0 112.45-22.62 151.45-63.66 38.34-40.4 58.17-96.3 58.17-154.9 0-24.67-2.48-39.32-2.59-39.96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoGoogle = props => {
 LogoGoogle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoGooglePlaystore.js b/src/LogoGooglePlaystore.js
index 7482db75b..47fc561ad 100644
--- a/src/LogoGooglePlaystore.js
+++ b/src/LogoGooglePlaystore.js
@@ -15,7 +15,7 @@ const LogoGooglePlaystore = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 59.49v393a4.33 4.33 0 007.37 3.07L260 256 55.37 56.42A4.33 4.33 0 0048 59.49zM345.8 174L89.22 32.64l-.16-.09c-4.42-2.4-8.62 3.58-5 7.06l201.13 192.32zM84.08 472.39c-3.64 3.48.56 9.46 5 7.06l.16-.09L345.8 338l-60.61-57.95zM449.38 231l-71.65-39.46L310.36 256l67.37 64.43L449.38 281c19.49-10.77 19.49-39.23 0-50z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 59.49v393a4.33 4.33 0 007.37 3.07L260 256 55.37 56.42A4.33 4.33 0 0048 59.49zM345.8 174L89.22 32.64l-.16-.09c-4.42-2.4-8.62 3.58-5 7.06l201.13 192.32zM84.08 472.39c-3.64 3.48.56 9.46 5 7.06l.16-.09L345.8 338l-60.61-57.95zM449.38 231l-71.65-39.46L310.36 256l67.37 64.43L449.38 281c19.49-10.77 19.49-39.23 0-50z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoGooglePlaystore = props => {
 LogoGooglePlaystore.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoHackernews.js b/src/LogoHackernews.js
index 41726980d..ce0053a32 100644
--- a/src/LogoHackernews.js
+++ b/src/LogoHackernews.js
@@ -15,7 +15,7 @@ const LogoHackernews = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v448h448V32zm249.67 250.83v84H235v-84l-77-140h55l46.32 97.54 44.33-97.54h52.73z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v448h448V32zm249.67 250.83v84H235v-84l-77-140h55l46.32 97.54 44.33-97.54h52.73z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoHackernews = props => {
 LogoHackernews.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoHtml5.js b/src/LogoHtml5.js
index ebffc44fd..c60a9825d 100644
--- a/src/LogoHtml5.js
+++ b/src/LogoHtml5.js
@@ -15,7 +15,7 @@ const LogoHtml5 = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 32l34.94 403.21L255.77 480 413 435.15 448 32zm308 132H188l4 51h176l-13.51 151.39L256 394.48l-98.68-28-6.78-77.48h48.26l3.42 39.29L256 343.07l53.42-14.92L315 264H148l-12.59-149.59H376.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 32l34.94 403.21L255.77 480 413 435.15 448 32zm308 132H188l4 51h176l-13.51 151.39L256 394.48l-98.68-28-6.78-77.48h48.26l3.42 39.29L256 343.07l53.42-14.92L315 264H148l-12.59-149.59H376.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoHtml5 = props => {
 LogoHtml5.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoInstagram.js b/src/LogoInstagram.js
index 163aa2cd6..533724b34 100644
--- a/src/LogoInstagram.js
+++ b/src/LogoInstagram.js
@@ -15,7 +15,7 @@ const LogoInstagram = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z"/><path d="M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z" /><path d="M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoInstagram = props => {
 LogoInstagram.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoIonic.js b/src/LogoIonic.js
index 20b82e6b6..e53ba04f2 100644
--- a/src/LogoIonic.js
+++ b/src/LogoIonic.js
@@ -15,7 +15,7 @@ const LogoIonic = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 153.9A102.1 102.1 0 10358.1 256 102.23 102.23 0 00256 153.9z"/><circle cx="402.59" cy="116.45" r="46.52"/><path d="M459.86 163.2l-1.95-4.28-3.11 3.52a70 70 0 01-28.06 19.32l-3 1.1 1.22 2.93A181.43 181.43 0 01439 256c0 100.92-82.1 183-183 183S73 356.92 73 256 155.08 73 256 73a180.94 180.94 0 0178.43 17.7l2.87 1.3 1.25-2.92A70.19 70.19 0 01359.21 62l3.67-2.93-4.17-2.07A221.61 221.61 0 00256 32C132.49 32 32 132.49 32 256s100.49 224 224 224 224-100.49 224-224a222.19 222.19 0 00-20.14-92.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 153.9A102.1 102.1 0 10358.1 256 102.23 102.23 0 00256 153.9z" /><circle cx="402.59" cy="116.45" r="46.52" /><path d="M459.86 163.2l-1.95-4.28-3.11 3.52a70 70 0 01-28.06 19.32l-3 1.1 1.22 2.93A181.43 181.43 0 01439 256c0 100.92-82.1 183-183 183S73 356.92 73 256 155.08 73 256 73a180.94 180.94 0 0178.43 17.7l2.87 1.3 1.25-2.92A70.19 70.19 0 01359.21 62l3.67-2.93-4.17-2.07A221.61 221.61 0 00256 32C132.49 32 32 132.49 32 256s100.49 224 224 224 224-100.49 224-224a222.19 222.19 0 00-20.14-92.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoIonic = props => {
 LogoIonic.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoIonitron.js b/src/LogoIonitron.js
index 15852c857..8b406d28b 100644
--- a/src/LogoIonitron.js
+++ b/src/LogoIonitron.js
@@ -15,7 +15,7 @@ const LogoIonitron = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M468.41 269.19c-2.64-33.39-11.76-58-31.44-57.39a1 1 0 00-.92 1.37c5.11 12.59 9.68 36.9 9.17 58.07a1 1 0 01-2 .08c-2.19-21.21-7.1-41.19-16.22-59.43a186.69 186.69 0 00-348.91 41 4 4 0 01-3.33 3.11l-8.65 1.22c-17.2 2.4-26.9 34.9-21.7 72.5s23.5 66.2 40.7 63.8l13.24-1.85a4 4 0 013.93 1.84 186.71 186.71 0 00339-56.07 4 4 0 013.68-3.08l4.4-.24c15.15-2.53 21.75-31.23 19.05-64.93zM94.5 270.42a1 1 0 011.59-1.19c9.63 10 20.25 27.65 23.32 49.86 3.24 23.05-2.24 45.2-9.13 57.87a1 1 0 01-1.84-.73c4.07-14.44 5.16-33.83 2.27-54.74-2.8-20.32-8.71-38.27-16.21-51.07zm178.77 109.79a15.53 15.53 0 01-15.41-13.83 15.48 15.48 0 1115.41 13.83zm81.84-4.72a15.37 15.37 0 1114.6-16.2 15.43 15.43 0 01-14.6 16.2z"/><path d="M165.51 70a.31.31 0 01.1.2c.1.2.2.3.3.5v.1a5.78 5.78 0 002.3 2.7c2 1.5 5 2.4 8.6 3a63.69 63.69 0 0011.9.5 28.25 28.25 0 002.9-.2c-.4-.4-.8-.9-1.2-1.3h-1.3a52 52 0 01-11.6-.9 19.71 19.71 0 01-8.4-3.4 9.24 9.24 0 01-1.4-1.4 4.48 4.48 0 010-2.3c.5-2.3 2.4-4.8 5.5-7.4a57.25 57.25 0 0110.9-7c.9-.4 1.7-.9 2.6-1.3.1-.1.3-.1.5-.2a24.69 24.69 0 00-.2 10.5c2.3 11.9 11.6 20.3 23.2 20.6l4 24.3 12.7-3-4-23.3c10.8-4.6 16.3-16.1 14-28a25.8 25.8 0 00-3.9-9.5c-5.3-.8-15.6-.8-29.2 2.1 1.1-.3 2.1-.7 3.2-1a135.27 135.27 0 0121.5-4.2c.6-.1 1.2-.1 1.8-.2l3.5-.3h.6a61.83 61.83 0 0110.8.3 29 29 0 016.1 1.4 5.71 5.71 0 00-.9 3.2 6.12 6.12 0 004.3 5.8 25.53 25.53 0 01-2.1 2.8 26 26 0 01-2.9 2.8c-1.1.9-2.3 1.8-3.5 2.7l-6.5 3.8-.3 1.5a.35.35 0 00.2-.1l8.4-4.7c1.2-.8 2.4-1.6 3.4-2.4a29.15 29.15 0 003.2-2.8 29.86 29.86 0 002.4-2.8l.3-.6a6.14 6.14 0 005.4-6 6.06 6.06 0 00-6.1-6.1 6.81 6.81 0 00-2.8.7 24.6 24.6 0 00-8.2-2.7 63.48 63.48 0 00-15.5-.6 14.92 14.92 0 00-2.1.2 13.55 13.55 0 01-2 .2 25.15 25.15 0 00-18.7-3.7 25.86 25.86 0 00-17.8 13c-1.3.5-2.6 1.1-3.8 1.7-.7.3-1.3.6-2 .9a60.75 60.75 0 00-13.9 9.1c-3.1 2.9-4.9 5.7-5.3 8.3a6.14 6.14 0 00.7 4 2.19 2.19 0 01.3.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M468.41 269.19c-2.64-33.39-11.76-58-31.44-57.39a1 1 0 00-.92 1.37c5.11 12.59 9.68 36.9 9.17 58.07a1 1 0 01-2 .08c-2.19-21.21-7.1-41.19-16.22-59.43a186.69 186.69 0 00-348.91 41 4 4 0 01-3.33 3.11l-8.65 1.22c-17.2 2.4-26.9 34.9-21.7 72.5s23.5 66.2 40.7 63.8l13.24-1.85a4 4 0 013.93 1.84 186.71 186.71 0 00339-56.07 4 4 0 013.68-3.08l4.4-.24c15.15-2.53 21.75-31.23 19.05-64.93zM94.5 270.42a1 1 0 011.59-1.19c9.63 10 20.25 27.65 23.32 49.86 3.24 23.05-2.24 45.2-9.13 57.87a1 1 0 01-1.84-.73c4.07-14.44 5.16-33.83 2.27-54.74-2.8-20.32-8.71-38.27-16.21-51.07zm178.77 109.79a15.53 15.53 0 01-15.41-13.83 15.48 15.48 0 1115.41 13.83zm81.84-4.72a15.37 15.37 0 1114.6-16.2 15.43 15.43 0 01-14.6 16.2z" /><path d="M165.51 70a.31.31 0 01.1.2c.1.2.2.3.3.5v.1a5.78 5.78 0 002.3 2.7c2 1.5 5 2.4 8.6 3a63.69 63.69 0 0011.9.5 28.25 28.25 0 002.9-.2c-.4-.4-.8-.9-1.2-1.3h-1.3a52 52 0 01-11.6-.9 19.71 19.71 0 01-8.4-3.4 9.24 9.24 0 01-1.4-1.4 4.48 4.48 0 010-2.3c.5-2.3 2.4-4.8 5.5-7.4a57.25 57.25 0 0110.9-7c.9-.4 1.7-.9 2.6-1.3.1-.1.3-.1.5-.2a24.69 24.69 0 00-.2 10.5c2.3 11.9 11.6 20.3 23.2 20.6l4 24.3 12.7-3-4-23.3c10.8-4.6 16.3-16.1 14-28a25.8 25.8 0 00-3.9-9.5c-5.3-.8-15.6-.8-29.2 2.1 1.1-.3 2.1-.7 3.2-1a135.27 135.27 0 0121.5-4.2c.6-.1 1.2-.1 1.8-.2l3.5-.3h.6a61.83 61.83 0 0110.8.3 29 29 0 016.1 1.4 5.71 5.71 0 00-.9 3.2 6.12 6.12 0 004.3 5.8 25.53 25.53 0 01-2.1 2.8 26 26 0 01-2.9 2.8c-1.1.9-2.3 1.8-3.5 2.7l-6.5 3.8-.3 1.5a.35.35 0 00.2-.1l8.4-4.7c1.2-.8 2.4-1.6 3.4-2.4a29.15 29.15 0 003.2-2.8 29.86 29.86 0 002.4-2.8l.3-.6a6.14 6.14 0 005.4-6 6.06 6.06 0 00-6.1-6.1 6.81 6.81 0 00-2.8.7 24.6 24.6 0 00-8.2-2.7 63.48 63.48 0 00-15.5-.6 14.92 14.92 0 00-2.1.2 13.55 13.55 0 01-2 .2 25.15 25.15 0 00-18.7-3.7 25.86 25.86 0 00-17.8 13c-1.3.5-2.6 1.1-3.8 1.7-.7.3-1.3.6-2 .9a60.75 60.75 0 00-13.9 9.1c-3.1 2.9-4.9 5.7-5.3 8.3a6.14 6.14 0 00.7 4 2.19 2.19 0 01.3.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoIonitron = props => {
 LogoIonitron.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoJavascript.js b/src/LogoJavascript.js
index 1ebbf7fa3..b9e0e7c8a 100644
--- a/src/LogoJavascript.js
+++ b/src/LogoJavascript.js
@@ -15,7 +15,7 @@ const LogoJavascript = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v448h448V32zm240 348c0 43.61-25.76 64.87-63.05 64.87-33.68 0-53.23-17.44-63.15-38.49l34.28-20.75c6.61 11.73 11.63 21.65 26.06 21.65 12 0 21.86-5.41 21.86-26.46V240h44zm99.35 63.87c-39.09 0-64.35-17.64-76.68-42L329 382c9 14.74 20.75 24.56 41.5 24.56 17.44 0 27.57-7.72 27.57-19.75 0-14.43-10.43-19.54-29.68-28l-10.52-4.52c-30.38-12.92-50.52-29.16-50.52-63.45 0-31.57 24.05-54.63 61.64-54.63 26.77 0 46 8.32 59.85 32.68L396 290c-7.22-12.93-15-18-27.06-18-12.33 0-20.15 7.82-20.15 18 0 12.63 7.82 17.74 25.86 25.56l10.52 4.51c35.79 15.34 55.94 31 55.94 66.16.01 37.9-29.76 57.64-69.76 57.64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 32v448h448V32zm240 348c0 43.61-25.76 64.87-63.05 64.87-33.68 0-53.23-17.44-63.15-38.49l34.28-20.75c6.61 11.73 11.63 21.65 26.06 21.65 12 0 21.86-5.41 21.86-26.46V240h44zm99.35 63.87c-39.09 0-64.35-17.64-76.68-42L329 382c9 14.74 20.75 24.56 41.5 24.56 17.44 0 27.57-7.72 27.57-19.75 0-14.43-10.43-19.54-29.68-28l-10.52-4.52c-30.38-12.92-50.52-29.16-50.52-63.45 0-31.57 24.05-54.63 61.64-54.63 26.77 0 46 8.32 59.85 32.68L396 290c-7.22-12.93-15-18-27.06-18-12.33 0-20.15 7.82-20.15 18 0 12.63 7.82 17.74 25.86 25.56l10.52 4.51c35.79 15.34 55.94 31 55.94 66.16.01 37.9-29.76 57.64-69.76 57.64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoJavascript = props => {
 LogoJavascript.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoLaravel.js b/src/LogoLaravel.js
index 884e6ada0..1c478c1ff 100644
--- a/src/LogoLaravel.js
+++ b/src/LogoLaravel.js
@@ -15,7 +15,7 @@ const LogoLaravel = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M505.57 234.62c-3.28-3.53-26.82-32.29-39.51-47.79-6.75-8.24-12.08-14.75-14.32-17.45l-.18-.22-.2-.21c-5.22-5.83-12.64-12.51-23.78-12.51a39.78 39.78 0 00-5.41.44c-.37.05-.75.11-1.15.15-2.45.27-10.06 1.5-28.14 4.48-14 2.29-35.11 5.77-38.31 6.07l-.71.06-.69.13c-10 1.78-16.62 6.22-19.56 13.19-1.55 3.68-3.22 11.15 2.94 19.86 1.53 2.22 6.83 9.56 15.94 22.17 6.06 8.4 12.87 17.82 18.75 26L259.9 275 150.66 96.05l-.2-.34-.23-.33-.44-.65C145.32 88.17 139.76 80 123.7 80c-1.13 0-2.31 0-3.63.11-4.6.25-21.42 1.57-40.89 3.11-21.49 1.69-50.9 4-54.72 4.1h-.73l-.79.08c-9.14.89-15.77 4.6-19.7 11-6.55 10.69-1.42 22.69.26 26.63C6.87 133 37.56 197.7 64.63 254.81c18 37.94 36.58 77.17 38.1 80.65a34.85 34.85 0 0032.94 21.59 46.62 46.62 0 009.86-1.1h.21l.2-.05c13.86-3.38 57.83-14.54 89.2-22.59 1.9 3.32 3.9 6.83 6 10.44 21.93 38.5 37.9 66.35 43.16 73.46C287 421 295 432 310.06 432c5.46 0 10.46-1.4 15.74-2.89l1.53-.43h.12c10.53-3 150.69-52.16 157.87-55.35l.22-.1c5.44-2.41 13.66-6.05 16.18-15.4 1.65-6.12.18-12.33-4.38-18.46l-.07-.09-.07-.09c-.85-1.1-4-5.21-8.27-10.9-9.13-12.07-23.88-31.57-36.84-48.54 17.37-4.5 38.8-10.11 43.38-11.55 11.47-3.43 14.94-10.69 16-14.73.79-3.15 1.82-11.2-5.9-18.85zm-320 58.19c-17.81 4.17-30.22 7.08-37.89 8.9-6.67-13.34-19.74-39.65-32.5-65.33-29.74-59.92-45.1-90.77-53.18-106.9l8.15-.7c13.34-1.15 31.61-2.72 41.78-3.57 16.76 28.26 74.32 125.3 96.3 162.3zM427.58 172zM310.06 416.4zm53.67-56.95c-24.21 8-37.33 12.37-44.42 14.74-6.3-10.34-20.16-33.52-32.47-54.19l115.7-29.48c5 6.81 14.57 19.72 33.46 44.93-18.07 6.04-48.2 16.02-72.27 24zm55.87-121.63l-23.76-31.53c13.67-2.39 21.54-3.77 26.15-4.6l12 14.88 11.94 14.82c-8.2 1.99-17.74 4.32-26.33 6.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M505.57 234.62c-3.28-3.53-26.82-32.29-39.51-47.79-6.75-8.24-12.08-14.75-14.32-17.45l-.18-.22-.2-.21c-5.22-5.83-12.64-12.51-23.78-12.51a39.78 39.78 0 00-5.41.44c-.37.05-.75.11-1.15.15-2.45.27-10.06 1.5-28.14 4.48-14 2.29-35.11 5.77-38.31 6.07l-.71.06-.69.13c-10 1.78-16.62 6.22-19.56 13.19-1.55 3.68-3.22 11.15 2.94 19.86 1.53 2.22 6.83 9.56 15.94 22.17 6.06 8.4 12.87 17.82 18.75 26L259.9 275 150.66 96.05l-.2-.34-.23-.33-.44-.65C145.32 88.17 139.76 80 123.7 80c-1.13 0-2.31 0-3.63.11-4.6.25-21.42 1.57-40.89 3.11-21.49 1.69-50.9 4-54.72 4.1h-.73l-.79.08c-9.14.89-15.77 4.6-19.7 11-6.55 10.69-1.42 22.69.26 26.63C6.87 133 37.56 197.7 64.63 254.81c18 37.94 36.58 77.17 38.1 80.65a34.85 34.85 0 0032.94 21.59 46.62 46.62 0 009.86-1.1h.21l.2-.05c13.86-3.38 57.83-14.54 89.2-22.59 1.9 3.32 3.9 6.83 6 10.44 21.93 38.5 37.9 66.35 43.16 73.46C287 421 295 432 310.06 432c5.46 0 10.46-1.4 15.74-2.89l1.53-.43h.12c10.53-3 150.69-52.16 157.87-55.35l.22-.1c5.44-2.41 13.66-6.05 16.18-15.4 1.65-6.12.18-12.33-4.38-18.46l-.07-.09-.07-.09c-.85-1.1-4-5.21-8.27-10.9-9.13-12.07-23.88-31.57-36.84-48.54 17.37-4.5 38.8-10.11 43.38-11.55 11.47-3.43 14.94-10.69 16-14.73.79-3.15 1.82-11.2-5.9-18.85zm-320 58.19c-17.81 4.17-30.22 7.08-37.89 8.9-6.67-13.34-19.74-39.65-32.5-65.33-29.74-59.92-45.1-90.77-53.18-106.9l8.15-.7c13.34-1.15 31.61-2.72 41.78-3.57 16.76 28.26 74.32 125.3 96.3 162.3zM427.58 172zM310.06 416.4zm53.67-56.95c-24.21 8-37.33 12.37-44.42 14.74-6.3-10.34-20.16-33.52-32.47-54.19l115.7-29.48c5 6.81 14.57 19.72 33.46 44.93-18.07 6.04-48.2 16.02-72.27 24zm55.87-121.63l-23.76-31.53c13.67-2.39 21.54-3.77 26.15-4.6l12 14.88 11.94 14.82c-8.2 1.99-17.74 4.32-26.33 6.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoLaravel = props => {
 LogoLaravel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoLinkedin.js b/src/LogoLinkedin.js
index 6c656d4e8..1b2b38474 100644
--- a/src/LogoLinkedin.js
+++ b/src/LogoLinkedin.js
@@ -15,7 +15,7 @@ const LogoLinkedin = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoLinkedin = props => {
 LogoLinkedin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoMarkdown.js b/src/LogoMarkdown.js
index 0c9463ce0..e210b6c7b 100644
--- a/src/LogoMarkdown.js
+++ b/src/LogoMarkdown.js
@@ -15,7 +15,7 @@ const LogoMarkdown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475 64H37C16.58 64 0 81.38 0 102.77v306.42C0 430.59 16.58 448 37 448h438c20.38 0 37-17.41 37-38.81V102.77C512 81.38 495.42 64 475 64zM288 368h-64V256l-48 64-48-64v112H64V144h64l48 80 48-80h64zm96 0l-80-112h48.05L352 144h64v112h48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M475 64H37C16.58 64 0 81.38 0 102.77v306.42C0 430.59 16.58 448 37 448h438c20.38 0 37-17.41 37-38.81V102.77C512 81.38 495.42 64 475 64zM288 368h-64V256l-48 64-48-64v112H64V144h64l48 80 48-80h64zm96 0l-80-112h48.05L352 144h64v112h48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoMarkdown = props => {
 LogoMarkdown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoMastodon.js b/src/LogoMastodon.js
index 6bc2b89a4..fe9783258 100644
--- a/src/LogoMastodon.js
+++ b/src/LogoMastodon.js
@@ -15,7 +15,7 @@ const LogoMastodon = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 173.59c0-104.13-68.26-134.65-68.26-134.65C377.3 23.15 318.2 16.5 256.8 16h-1.51c-61.4.5-120.46 7.15-154.88 22.94 0 0-68.27 30.52-68.27 134.65 0 23.85-.46 52.35.29 82.59C34.91 358 51.11 458.37 145.32 483.29c43.43 11.49 80.73 13.89 110.76 12.24 54.47-3 85-19.42 85-19.42l-1.79-39.5s-38.93 12.27-82.64 10.77c-43.31-1.48-89-4.67-96-57.81a108.44 108.44 0 01-1-14.9 558.91 558.91 0 0096.39 12.85c32.95 1.51 63.84-1.93 95.22-5.67 60.18-7.18 112.58-44.24 119.16-78.09 10.42-53.34 9.58-130.17 9.58-130.17zm-80.54 134.16h-50V185.38c0-25.8-10.86-38.89-32.58-38.89-24 0-36.06 15.53-36.06 46.24v67h-49.66v-67c0-30.71-12-46.24-36.06-46.24-21.72 0-32.58 13.09-32.58 38.89v122.37h-50V181.67q0-38.65 19.75-61.39c13.6-15.15 31.4-22.92 53.51-22.92 25.58 0 44.95 9.82 57.75 29.48L256 147.69l12.45-20.85c12.81-19.66 32.17-29.48 57.75-29.48 22.11 0 39.91 7.77 53.51 22.92q19.79 22.72 19.75 61.39z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 173.59c0-104.13-68.26-134.65-68.26-134.65C377.3 23.15 318.2 16.5 256.8 16h-1.51c-61.4.5-120.46 7.15-154.88 22.94 0 0-68.27 30.52-68.27 134.65 0 23.85-.46 52.35.29 82.59C34.91 358 51.11 458.37 145.32 483.29c43.43 11.49 80.73 13.89 110.76 12.24 54.47-3 85-19.42 85-19.42l-1.79-39.5s-38.93 12.27-82.64 10.77c-43.31-1.48-89-4.67-96-57.81a108.44 108.44 0 01-1-14.9 558.91 558.91 0 0096.39 12.85c32.95 1.51 63.84-1.93 95.22-5.67 60.18-7.18 112.58-44.24 119.16-78.09 10.42-53.34 9.58-130.17 9.58-130.17zm-80.54 134.16h-50V185.38c0-25.8-10.86-38.89-32.58-38.89-24 0-36.06 15.53-36.06 46.24v67h-49.66v-67c0-30.71-12-46.24-36.06-46.24-21.72 0-32.58 13.09-32.58 38.89v122.37h-50V181.67q0-38.65 19.75-61.39c13.6-15.15 31.4-22.92 53.51-22.92 25.58 0 44.95 9.82 57.75 29.48L256 147.69l12.45-20.85c12.81-19.66 32.17-29.48 57.75-29.48 22.11 0 39.91 7.77 53.51 22.92q19.79 22.72 19.75 61.39z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoMastodon = props => {
 LogoMastodon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoMedium.js b/src/LogoMedium.js
index 12160e5a3..a240ff00b 100644
--- a/src/LogoMedium.js
+++ b/src/LogoMedium.js
@@ -15,7 +15,7 @@ const LogoMedium = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M28 28v456h456V28H28zm378.83 108.04l-24.46 23.45a7.162 7.162 0 00-2.72 6.86v172.28c-.44 2.61.61 5.26 2.72 6.86l23.88 23.45v5.15H286.13v-5.15l24.74-24.02c2.43-2.43 2.43-3.15 2.43-6.86V198.81l-68.79 174.71h-9.3l-80.09-174.71v117.1c-.67 4.92.97 9.88 4.43 13.44l32.18 39.03v5.15h-91.24v-5.15l32.18-39.03c3.44-3.57 4.98-8.56 4.15-13.44V180.5c.38-3.76-1.05-7.48-3.86-10.01l-28.6-34.46v-5.15h88.81l68.65 150.55 60.35-150.55h84.66v5.16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M28 28v456h456V28H28zm378.83 108.04l-24.46 23.45a7.162 7.162 0 00-2.72 6.86v172.28c-.44 2.61.61 5.26 2.72 6.86l23.88 23.45v5.15H286.13v-5.15l24.74-24.02c2.43-2.43 2.43-3.15 2.43-6.86V198.81l-68.79 174.71h-9.3l-80.09-174.71v117.1c-.67 4.92.97 9.88 4.43 13.44l32.18 39.03v5.15h-91.24v-5.15l32.18-39.03c3.44-3.57 4.98-8.56 4.15-13.44V180.5c.38-3.76-1.05-7.48-3.86-10.01l-28.6-34.46v-5.15h88.81l68.65 150.55 60.35-150.55h84.66v5.16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoMedium = props => {
 LogoMedium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoNoSmoking.js b/src/LogoNoSmoking.js
index 159b0e3a7..eb46281fe 100644
--- a/src/LogoNoSmoking.js
+++ b/src/LogoNoSmoking.js
@@ -15,7 +15,7 @@ const LogoNoSmoking = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M360 256h16v48h-16zM112 304h129.6l-48-48H112v48z"/><path d="M364.5 60.1a8.79 8.79 0 01-1-.6 218.79 218.79 0 00-34.4-14.8l-5.4-1.8A223.2 223.2 0 00256 32C132.3 32 32 132.3 32 256a223.71 223.71 0 00115.4 195.8c.4.2.7.5 1.1.7a218.79 218.79 0 0034.4 14.8l5.4 1.8A222.7 222.7 0 00256 480c123.7 0 224-100.3 224-224A223.76 223.76 0 00364.5 60.1zM256 426.4a161.85 161.85 0 01-27.2-2.4 170.14 170.14 0 01-28.5-7.3c-1.9-.6-3.8-1.2-5.6-1.9a162.39 162.39 0 01-19-8.6 170.33 170.33 0 01-90.1-150.3c0-37.2 12.4-71.4 32.7-99.4l237.2 237.2c-28.1 20.3-62.3 32.7-99.5 32.7zm137.8-71L156.6 118.2c28-20.2 62.1-32.6 99.4-32.6a162.79 162.79 0 0127.2 2.4 170.14 170.14 0 0128.5 7.3c1.8.6 3.7 1.2 5.6 1.9a162 162 0 0118 8.1 170.25 170.25 0 0191.2 150.8c-.1 37.2-12.5 71.3-32.7 99.3z"/><path d="M352 256h-34l34 34v-34zM384 256h16v48h-16zM360.1 212.7c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1-2.8-4.2-1-14.8 3.7-21.9a8 8 0 00.4-8.2 8.26 8.26 0 00-7-4.3 53.67 53.67 0 01-18.3-3.9c-10.6-4.5-15.6-12.1-15.6-23.1 0-25.8 21.8-27.7 22.8-27.7v-16c-12 0-38.8 11-38.8 43.7 0 17.5 9 31 25.7 38a66.58 66.58 0 0012 3.6c-3.3 9.8-3.6 20.9 1.7 28.7 9 13.3 20.3 13.2 33.3 13.1h3.5c26.3 0 34.6 2.3 38.9 4.3 5.7 2.6 6.8 7.5 6.6 15.7v1h16v-1c0-7.1.3-22.8-15.7-30.2z"/><path d="M400 244c0-25.7-3-39.2-9.1-49.6C382.3 180 368.5 172 352 172h-17.4c2.9-8.3 5.4-19.8 3.5-30.9-3.2-18.8-19.1-30-43.1-30v16c21 0 26.1 9.1 27.4 16.7 2.5 14.5-6.8 32.1-6.9 32.3a8 8 0 00.1 7.9 8.06 8.06 0 006.9 3.9H352c10.9 0 19.4 4.9 25.1 14.6 3.1 5.3 6.9 13.5 6.9 41.4h16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M360 256h16v48h-16zM112 304h129.6l-48-48H112v48z" /><path d="M364.5 60.1a8.79 8.79 0 01-1-.6 218.79 218.79 0 00-34.4-14.8l-5.4-1.8A223.2 223.2 0 00256 32C132.3 32 32 132.3 32 256a223.71 223.71 0 00115.4 195.8c.4.2.7.5 1.1.7a218.79 218.79 0 0034.4 14.8l5.4 1.8A222.7 222.7 0 00256 480c123.7 0 224-100.3 224-224A223.76 223.76 0 00364.5 60.1zM256 426.4a161.85 161.85 0 01-27.2-2.4 170.14 170.14 0 01-28.5-7.3c-1.9-.6-3.8-1.2-5.6-1.9a162.39 162.39 0 01-19-8.6 170.33 170.33 0 01-90.1-150.3c0-37.2 12.4-71.4 32.7-99.4l237.2 237.2c-28.1 20.3-62.3 32.7-99.5 32.7zm137.8-71L156.6 118.2c28-20.2 62.1-32.6 99.4-32.6a162.79 162.79 0 0127.2 2.4 170.14 170.14 0 0128.5 7.3c1.8.6 3.7 1.2 5.6 1.9a162 162 0 0118 8.1 170.25 170.25 0 0191.2 150.8c-.1 37.2-12.5 71.3-32.7 99.3z" /><path d="M352 256h-34l34 34v-34zM384 256h16v48h-16zM360.1 212.7c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1-2.8-4.2-1-14.8 3.7-21.9a8 8 0 00.4-8.2 8.26 8.26 0 00-7-4.3 53.67 53.67 0 01-18.3-3.9c-10.6-4.5-15.6-12.1-15.6-23.1 0-25.8 21.8-27.7 22.8-27.7v-16c-12 0-38.8 11-38.8 43.7 0 17.5 9 31 25.7 38a66.58 66.58 0 0012 3.6c-3.3 9.8-3.6 20.9 1.7 28.7 9 13.3 20.3 13.2 33.3 13.1h3.5c26.3 0 34.6 2.3 38.9 4.3 5.7 2.6 6.8 7.5 6.6 15.7v1h16v-1c0-7.1.3-22.8-15.7-30.2z" /><path d="M400 244c0-25.7-3-39.2-9.1-49.6C382.3 180 368.5 172 352 172h-17.4c2.9-8.3 5.4-19.8 3.5-30.9-3.2-18.8-19.1-30-43.1-30v16c21 0 26.1 9.1 27.4 16.7 2.5 14.5-6.8 32.1-6.9 32.3a8 8 0 00.1 7.9 8.06 8.06 0 006.9 3.9H352c10.9 0 19.4 4.9 25.1 14.6 3.1 5.3 6.9 13.5 6.9 41.4h16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoNoSmoking = props => {
 LogoNoSmoking.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoNodejs.js b/src/LogoNodejs.js
index 05f08a891..d7975e0ef 100644
--- a/src/LogoNodejs.js
+++ b/src/LogoNodejs.js
@@ -15,7 +15,7 @@ const LogoNodejs = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.76 130.07L274.33 36.85a37 37 0 00-36.65 0L82.24 130.06A38.2 38.2 0 0064 162.83V349a38.26 38.26 0 0018.24 32.8L123 406.14l.23.13c20.58 10.53 28.46 10.53 37.59 10.53 32.14 0 52.11-20.8 52.11-54.29V182a8.51 8.51 0 00-8.42-8.58h-22.38a8.51 8.51 0 00-8.42 8.58v180.51a15 15 0 01-6.85 13.07c-5.9 3.6-14.47 2.84-24.14-2.15l-39.06-23.51a1.1 1.1 0 01-.48-.92V165.46a1.32 1.32 0 01.59-1.06l151.84-93a.82.82 0 01.73 0l151.93 93a1.34 1.34 0 01.55 1.1V349a1.28 1.28 0 01-.45 1l-152.06 90.65a1.22 1.22 0 01-.8 0l-38.83-23.06a7.8 7.8 0 00-7.83-.41l-.34.2c-10.72 6.35-13.6 8-23.54 11.62-1.62.59-5.43 2-5.76 5.77s3.29 6.45 6.51 8.32l51.9 31.87a35.67 35.67 0 0018.3 5.07h.58a35.87 35.87 0 0017.83-5.07l155.43-93.13A38.37 38.37 0 00448 349V162.83a38.21 38.21 0 00-18.24-32.76z"/><path d="M307.88 318.05c-37.29 0-45.24-10.42-47.6-27.24a8.43 8.43 0 00-8.22-7.32h-19.8a8.44 8.44 0 00-8.26 8.58c0 14.58 5.12 62.17 83.92 62.17 24.38 0 44.66-5.7 58.63-16.49S388 311.26 388 292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89 0-5.47 0-18.28 35.46-18.28 25.23 0 38.74 3.19 43.06 20a8.35 8.35 0 008.06 6.67h19.87a8.24 8.24 0 006.16-2.86 8.91 8.91 0 002.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06 0-73.55 20.75-73.55 55.5 0 38.1 28.49 48.87 71.29 53.33 50 5.17 50 12.71 50 19.37.03 10.38-4.28 24.23-41.55 24.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.76 130.07L274.33 36.85a37 37 0 00-36.65 0L82.24 130.06A38.2 38.2 0 0064 162.83V349a38.26 38.26 0 0018.24 32.8L123 406.14l.23.13c20.58 10.53 28.46 10.53 37.59 10.53 32.14 0 52.11-20.8 52.11-54.29V182a8.51 8.51 0 00-8.42-8.58h-22.38a8.51 8.51 0 00-8.42 8.58v180.51a15 15 0 01-6.85 13.07c-5.9 3.6-14.47 2.84-24.14-2.15l-39.06-23.51a1.1 1.1 0 01-.48-.92V165.46a1.32 1.32 0 01.59-1.06l151.84-93a.82.82 0 01.73 0l151.93 93a1.34 1.34 0 01.55 1.1V349a1.28 1.28 0 01-.45 1l-152.06 90.65a1.22 1.22 0 01-.8 0l-38.83-23.06a7.8 7.8 0 00-7.83-.41l-.34.2c-10.72 6.35-13.6 8-23.54 11.62-1.62.59-5.43 2-5.76 5.77s3.29 6.45 6.51 8.32l51.9 31.87a35.67 35.67 0 0018.3 5.07h.58a35.87 35.87 0 0017.83-5.07l155.43-93.13A38.37 38.37 0 00448 349V162.83a38.21 38.21 0 00-18.24-32.76z" /><path d="M307.88 318.05c-37.29 0-45.24-10.42-47.6-27.24a8.43 8.43 0 00-8.22-7.32h-19.8a8.44 8.44 0 00-8.26 8.58c0 14.58 5.12 62.17 83.92 62.17 24.38 0 44.66-5.7 58.63-16.49S388 311.26 388 292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89 0-5.47 0-18.28 35.46-18.28 25.23 0 38.74 3.19 43.06 20a8.35 8.35 0 008.06 6.67h19.87a8.24 8.24 0 006.16-2.86 8.91 8.91 0 002.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06 0-73.55 20.75-73.55 55.5 0 38.1 28.49 48.87 71.29 53.33 50 5.17 50 12.71 50 19.37.03 10.38-4.28 24.23-41.55 24.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoNodejs = props => {
 LogoNodejs.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoNpm.js b/src/LogoNpm.js
index 8fc46129b..3f5ae44df 100644
--- a/src/LogoNpm.js
+++ b/src/LogoNpm.js
@@ -15,7 +15,7 @@ const LogoNpm = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M227.6 213.1H256v57.1h-28.4z"/><path d="M0 156v171.4h142.2V356H256v-28.6h256V156zm142.2 142.9h-28.4v-85.7H85.3v85.7H28.4V184.6h113.8zm142.2 0h-56.9v28.6h-56.9V184.6h113.8zm199.2 0h-28.4v-85.7h-28.4v85.7h-28.4v-85.7H370v85.7h-56.9V184.6h170.7v114.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M227.6 213.1H256v57.1h-28.4z" /><path d="M0 156v171.4h142.2V356H256v-28.6h256V156zm142.2 142.9h-28.4v-85.7H85.3v85.7H28.4V184.6h113.8zm142.2 0h-56.9v28.6h-56.9V184.6h113.8zm199.2 0h-28.4v-85.7h-28.4v85.7h-28.4v-85.7H370v85.7h-56.9V184.6h170.7v114.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoNpm = props => {
 LogoNpm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoOctocat.js b/src/LogoOctocat.js
index fa743edff..d37afd8ce 100644
--- a/src/LogoOctocat.js
+++ b/src/LogoOctocat.js
@@ -15,7 +15,7 @@ const LogoOctocat = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.54-13.89-23.68-13.89zM340.32 290.12c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.57-13.89-23.79-13.89z"/><path d="M459.36 165c-.11 0 2.89-15.49.32-42.47-2.36-27-8-51.78-17.25-74.53 0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29-14.79-4.23-36.86-6.39-66.43-6.39-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71 6 20.91 13.6 38 22.6 51.14A147.49 147.49 0 0079 425.43c13.39 10.08 25.71 17.34 36.86 21.89 11.25 4.76 24 8.23 38.57 10.72a279.19 279.19 0 0032.68 4.34s30 1.62 69 1.62 68.89-1.62 68.89-1.62a285.25 285.25 0 0032.68-4.38 178.91 178.91 0 0038.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0033.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67zm-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64 7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.54-13.89-23.68-13.89zM340.32 290.12c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34 3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12-3.43-24.81-10.07-34-14.57-13.89-23.79-13.89z" /><path d="M459.36 165c-.11 0 2.89-15.49.32-42.47-2.36-27-8-51.78-17.25-74.53 0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29-14.79-4.23-36.86-6.39-66.43-6.39-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71 6 20.91 13.6 38 22.6 51.14A147.49 147.49 0 0079 425.43c13.39 10.08 25.71 17.34 36.86 21.89 11.25 4.76 24 8.23 38.57 10.72a279.19 279.19 0 0032.68 4.34s30 1.62 69 1.62 68.89-1.62 68.89-1.62a285.25 285.25 0 0032.68-4.38 178.91 178.91 0 0038.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0033.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67zm-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64 7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoOctocat = props => {
 LogoOctocat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoPaypal.js b/src/LogoPaypal.js
index 68278d34b..8f9f721b3 100644
--- a/src/LogoPaypal.js
+++ b/src/LogoPaypal.js
@@ -15,7 +15,7 @@ const LogoPaypal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.81 148.79c-.43 2.76-.93 5.58-1.49 8.48-19.17 98-84.76 131.8-168.54 131.8h-42.65a20.67 20.67 0 00-20.47 17.46l-21.84 137.84-6.18 39.07a10.86 10.86 0 009.07 12.42 10.72 10.72 0 001.7.13h75.65a18.18 18.18 0 0018-15.27l.74-3.83 14.24-90 .91-4.94a18.16 18.16 0 0118-15.3h11.31c73.3 0 130.67-29.62 147.44-115.32 7-35.8 3.38-65.69-15.16-86.72a72.27 72.27 0 00-20.73-15.82z"/><path d="M385.52 51.09C363.84 26.52 324.71 16 274.63 16H129.25a20.75 20.75 0 00-20.54 17.48l-60.55 382a12.43 12.43 0 0010.39 14.22 12.58 12.58 0 001.94.15h89.76l22.54-142.29-.7 4.46a20.67 20.67 0 0120.47-17.46h42.65c83.77 0 149.36-33.86 168.54-131.8.57-2.9 1.05-5.72 1.49-8.48 5.7-36.22-.05-60.87-19.72-83.19z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424.81 148.79c-.43 2.76-.93 5.58-1.49 8.48-19.17 98-84.76 131.8-168.54 131.8h-42.65a20.67 20.67 0 00-20.47 17.46l-21.84 137.84-6.18 39.07a10.86 10.86 0 009.07 12.42 10.72 10.72 0 001.7.13h75.65a18.18 18.18 0 0018-15.27l.74-3.83 14.24-90 .91-4.94a18.16 18.16 0 0118-15.3h11.31c73.3 0 130.67-29.62 147.44-115.32 7-35.8 3.38-65.69-15.16-86.72a72.27 72.27 0 00-20.73-15.82z" /><path d="M385.52 51.09C363.84 26.52 324.71 16 274.63 16H129.25a20.75 20.75 0 00-20.54 17.48l-60.55 382a12.43 12.43 0 0010.39 14.22 12.58 12.58 0 001.94.15h89.76l22.54-142.29-.7 4.46a20.67 20.67 0 0120.47-17.46h42.65c83.77 0 149.36-33.86 168.54-131.8.57-2.9 1.05-5.72 1.49-8.48 5.7-36.22-.05-60.87-19.72-83.19z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoPaypal = props => {
 LogoPaypal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoPinterest.js b/src/LogoPinterest.js
index 170662fd6..b6d25b57e 100644
--- a/src/LogoPinterest.js
+++ b/src/LogoPinterest.js
@@ -15,7 +15,7 @@ const LogoPinterest = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.05 32c-123.7 0-224 100.3-224 224 0 91.7 55.2 170.5 134.1 205.2-.6-15.6-.1-34.4 3.9-51.4 4.3-18.2 28.8-122.1 28.8-122.1s-7.2-14.3-7.2-35.4c0-33.2 19.2-58 43.2-58 20.4 0 30.2 15.3 30.2 33.6 0 20.5-13.1 51.1-19.8 79.5-5.6 23.8 11.9 43.1 35.4 43.1 42.4 0 71-54.5 71-119.1 0-49.1-33.1-85.8-93.2-85.8-67.9 0-110.3 50.7-110.3 107.3 0 19.5 5.8 33.3 14.8 43.9 4.1 4.9 4.7 6.9 3.2 12.5-1.1 4.1-3.5 14-4.6 18-1.5 5.7-6.1 7.7-11.2 5.6-31.3-12.8-45.9-47-45.9-85.6 0-63.6 53.7-139.9 160.1-139.9 85.5 0 141.8 61.9 141.8 128.3 0 87.9-48.9 153.5-120.9 153.5-24.2 0-46.9-13.1-54.7-27.9 0 0-13 51.6-15.8 61.6-4.7 17.3-14 34.5-22.5 48a225.13 225.13 0 0063.5 9.2c123.7 0 224-100.3 224-224S379.75 32 256.05 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.05 32c-123.7 0-224 100.3-224 224 0 91.7 55.2 170.5 134.1 205.2-.6-15.6-.1-34.4 3.9-51.4 4.3-18.2 28.8-122.1 28.8-122.1s-7.2-14.3-7.2-35.4c0-33.2 19.2-58 43.2-58 20.4 0 30.2 15.3 30.2 33.6 0 20.5-13.1 51.1-19.8 79.5-5.6 23.8 11.9 43.1 35.4 43.1 42.4 0 71-54.5 71-119.1 0-49.1-33.1-85.8-93.2-85.8-67.9 0-110.3 50.7-110.3 107.3 0 19.5 5.8 33.3 14.8 43.9 4.1 4.9 4.7 6.9 3.2 12.5-1.1 4.1-3.5 14-4.6 18-1.5 5.7-6.1 7.7-11.2 5.6-31.3-12.8-45.9-47-45.9-85.6 0-63.6 53.7-139.9 160.1-139.9 85.5 0 141.8 61.9 141.8 128.3 0 87.9-48.9 153.5-120.9 153.5-24.2 0-46.9-13.1-54.7-27.9 0 0-13 51.6-15.8 61.6-4.7 17.3-14 34.5-22.5 48a225.13 225.13 0 0063.5 9.2c123.7 0 224-100.3 224-224S379.75 32 256.05 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoPinterest = props => {
 LogoPinterest.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoPlaystation.js b/src/LogoPlaystation.js
index 4d9fa9b5f..ce76947e4 100644
--- a/src/LogoPlaystation.js
+++ b/src/LogoPlaystation.js
@@ -15,7 +15,7 @@ const LogoPlaystation = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399.77 203c-.8-17.1-3.3-34.5-10.8-50.1a82.45 82.45 0 00-16.5-23.2 105.59 105.59 0 00-21.3-16.3c-17.1-10.2-37.5-17-84.4-31S192 64 192 64v358.3l79.9 25.7s.1-198.8.1-299.5v-3.8c0-9.3 7.5-16.8 16.1-16.8h.5c8.5 0 15.5 7.5 15.5 16.8V278c11 5.3 29.2 9.3 41.8 9.1a47.79 47.79 0 0024-5.7 49.11 49.11 0 0018.4-17.8 78.64 78.64 0 009.9-27.3c1.87-10.8 1.97-22.1 1.57-33.3zM86.67 357.8c27.4-9.8 89.3-29.5 89.3-29.5v-47.2s-76.5 24.8-111.3 37.1c-8.6 3.1-17.3 5.9-25.7 9.5-9.8 4.1-19.4 8.7-28.1 14.8a26.29 26.29 0 00-9.2 10.1 17.36 17.36 0 00-.5 13.6c2 5.1 5.8 9.3 10.1 12.6 7.8 5.9 17.1 9.5 26.4 12.2a262.42 262.42 0 0088.4 13.3c14.5-.2 36-1.9 50-4.4v-42s-11 2.5-41.3 12.5c-4.6 1.5-9.2 3.3-14 4.3a104.87 104.87 0 01-21.6 2.2c-6.5-.3-13.2-.7-19.3-3.1-2.2-1-4.6-2.2-5.5-4.6-.8-2 .3-4 1.7-5.4 2.8-2.9 6.8-4.5 10.6-6z"/><path d="M512 345.9c-.1-6-3.7-11.2-7.9-15-7.1-6.3-15.9-10.3-24.7-13.5-5.5-1.9-9.3-3.3-14.7-5-25.2-8.2-51.9-11.2-78.3-11.3-8 .3-23.1.5-31 1.4-21.9 2.5-67.3 15.4-67.3 15.4v48.8s67.5-21.6 96.5-31.8a94.43 94.43 0 0130.3-4.6c6.5.2 13.2.7 19.4 3.1 2.2.9 4.5 2.2 5.5 4.5.9 2.6-.9 5-2.9 6.5-4.7 3.8-10.7 5.3-16.2 7.4-41 14.5-132.7 44.7-132.7 44.7v47s117.2-39.6 170.8-58.8c8.9-3.3 17.9-6.1 26.4-10.4 7.9-4 15.8-8.6 21.8-15.3a19.74 19.74 0 005-13.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399.77 203c-.8-17.1-3.3-34.5-10.8-50.1a82.45 82.45 0 00-16.5-23.2 105.59 105.59 0 00-21.3-16.3c-17.1-10.2-37.5-17-84.4-31S192 64 192 64v358.3l79.9 25.7s.1-198.8.1-299.5v-3.8c0-9.3 7.5-16.8 16.1-16.8h.5c8.5 0 15.5 7.5 15.5 16.8V278c11 5.3 29.2 9.3 41.8 9.1a47.79 47.79 0 0024-5.7 49.11 49.11 0 0018.4-17.8 78.64 78.64 0 009.9-27.3c1.87-10.8 1.97-22.1 1.57-33.3zM86.67 357.8c27.4-9.8 89.3-29.5 89.3-29.5v-47.2s-76.5 24.8-111.3 37.1c-8.6 3.1-17.3 5.9-25.7 9.5-9.8 4.1-19.4 8.7-28.1 14.8a26.29 26.29 0 00-9.2 10.1 17.36 17.36 0 00-.5 13.6c2 5.1 5.8 9.3 10.1 12.6 7.8 5.9 17.1 9.5 26.4 12.2a262.42 262.42 0 0088.4 13.3c14.5-.2 36-1.9 50-4.4v-42s-11 2.5-41.3 12.5c-4.6 1.5-9.2 3.3-14 4.3a104.87 104.87 0 01-21.6 2.2c-6.5-.3-13.2-.7-19.3-3.1-2.2-1-4.6-2.2-5.5-4.6-.8-2 .3-4 1.7-5.4 2.8-2.9 6.8-4.5 10.6-6z" /><path d="M512 345.9c-.1-6-3.7-11.2-7.9-15-7.1-6.3-15.9-10.3-24.7-13.5-5.5-1.9-9.3-3.3-14.7-5-25.2-8.2-51.9-11.2-78.3-11.3-8 .3-23.1.5-31 1.4-21.9 2.5-67.3 15.4-67.3 15.4v48.8s67.5-21.6 96.5-31.8a94.43 94.43 0 0130.3-4.6c6.5.2 13.2.7 19.4 3.1 2.2.9 4.5 2.2 5.5 4.5.9 2.6-.9 5-2.9 6.5-4.7 3.8-10.7 5.3-16.2 7.4-41 14.5-132.7 44.7-132.7 44.7v47s117.2-39.6 170.8-58.8c8.9-3.3 17.9-6.1 26.4-10.4 7.9-4 15.8-8.6 21.8-15.3a19.74 19.74 0 005-13.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoPlaystation = props => {
 LogoPlaystation.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoPwa.js b/src/LogoPwa.js
index aa7c4a919..ca647ff00 100644
--- a/src/LogoPwa.js
+++ b/src/LogoPwa.js
@@ -15,7 +15,7 @@ const LogoPwa = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07-28.63-56.53-25.9 79.46 26.3 45h50.7l36.68-111.27 35 111.27zM48.79 286.09h31.65a93.39 93.39 0 0025.62-3.21l8.18-25.19 22.88-70.39a55.75 55.75 0 00-6-7.82Q113.54 160 79.59 160H0v192h48.79zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92zm286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160 512 352h-53.53l-12.4-34.39z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07-28.63-56.53-25.9 79.46 26.3 45h50.7l36.68-111.27 35 111.27zM48.79 286.09h31.65a93.39 93.39 0 0025.62-3.21l8.18-25.19 22.88-70.39a55.75 55.75 0 00-6-7.82Q113.54 160 79.59 160H0v192h48.79zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92zm286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160 512 352h-53.53l-12.4-34.39z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoPwa = props => {
 LogoPwa.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoPython.js b/src/LogoPython.js
index a518fdd6c..6bd79401a 100644
--- a/src/LogoPython.js
+++ b/src/LogoPython.js
@@ -15,7 +15,7 @@ const LogoPython = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314 36.38c-18.59-3.06-45.8-4.47-64.27-4.38a311.09 311.09 0 00-51.66 4.38c-45.74 8-54.07 24.7-54.07 55.54V128h112v16H107.62C66.06 144 32.33 193.67 32 255.12v.88a162.91 162.91 0 003.13 32c9.29 46.28 38.23 80 72.49 80H128v-54c0-31.3 20.84-59.95 55-66.1l9.87-1.23H314a56.05 56.05 0 0015.06-2A52.48 52.48 0 00368 193.68V91.92c0-28.92-24.68-50.73-54-55.54zM194.93 105.5a20.37 20.37 0 1120.3-20.3 20.29 20.29 0 01-20.3 20.3z"/><path d="M475.28 217c-10.7-42.61-38.41-73-70.9-73h-17.71v47.45c0 39.57-26 68.22-57.74 73.13a63.54 63.54 0 01-9.69.75H198.08a60 60 0 00-15.23 1.95C160.54 273.14 144 291.7 144 315.77v101.77c0 29 29.14 46 57.73 54.31 34.21 9.95 71.48 11.75 112.42 0 27.19-7.77 53.85-23.48 53.85-54.31V384H256v-16h148.38c29.44 0 54.95-24.93 67.45-61.31A156.83 156.83 0 00480 256a160.64 160.64 0 00-4.72-39zM316.51 404a20.37 20.37 0 11-20.3 20.3 20.29 20.29 0 0120.3-20.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314 36.38c-18.59-3.06-45.8-4.47-64.27-4.38a311.09 311.09 0 00-51.66 4.38c-45.74 8-54.07 24.7-54.07 55.54V128h112v16H107.62C66.06 144 32.33 193.67 32 255.12v.88a162.91 162.91 0 003.13 32c9.29 46.28 38.23 80 72.49 80H128v-54c0-31.3 20.84-59.95 55-66.1l9.87-1.23H314a56.05 56.05 0 0015.06-2A52.48 52.48 0 00368 193.68V91.92c0-28.92-24.68-50.73-54-55.54zM194.93 105.5a20.37 20.37 0 1120.3-20.3 20.29 20.29 0 01-20.3 20.3z" /><path d="M475.28 217c-10.7-42.61-38.41-73-70.9-73h-17.71v47.45c0 39.57-26 68.22-57.74 73.13a63.54 63.54 0 01-9.69.75H198.08a60 60 0 00-15.23 1.95C160.54 273.14 144 291.7 144 315.77v101.77c0 29 29.14 46 57.73 54.31 34.21 9.95 71.48 11.75 112.42 0 27.19-7.77 53.85-23.48 53.85-54.31V384H256v-16h148.38c29.44 0 54.95-24.93 67.45-61.31A156.83 156.83 0 00480 256a160.64 160.64 0 00-4.72-39zM316.51 404a20.37 20.37 0 11-20.3 20.3 20.29 20.29 0 0120.3-20.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoPython = props => {
 LogoPython.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoReact.js b/src/LogoReact.js
index d7c174a66..4091efb5a 100644
--- a/src/LogoReact.js
+++ b/src/LogoReact.js
@@ -15,7 +15,7 @@ const LogoReact = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.66 180.72q-7.67-2.62-15.45-4.88 1.29-5.25 2.38-10.56c11.7-56.9 4.05-102.74-22.06-117.83-25-14.48-66 .61-107.36 36.69q-6.1 5.34-11.95 11-3.9-3.76-8-7.36c-43.35-38.58-86.8-54.83-112.88-39.69-25 14.51-32.43 57.6-21.9 111.53q1.58 8 3.55 15.93a320.85 320.85 0 00-17.77 5.6C48.46 198.9 16 226.73 16 255.59c0 29.82 34.84 59.72 87.77 77.85q6.44 2.19 13 4.07-2.13 8.49-3.77 17.17c-10 53-2.2 95.07 22.75 109.49 25.77 14.89 69-.41 111.14-37.31q5-4.38 10-9.25 6.32 6.11 13 11.86c40.8 35.18 81.09 49.39 106 34.93 25.75-14.94 34.12-60.14 23.25-115.13q-1.25-6.3-2.88-12.86 4.56-1.35 8.93-2.79c55-18.27 90.83-47.81 90.83-78-.02-29-33.52-57.01-85.36-74.9zm-129-81.08c35.43-30.91 68.55-43.11 83.65-34.39 16.07 9.29 22.32 46.75 12.22 95.88q-1 4.8-2.16 9.57a487.83 487.83 0 00-64.18-10.16 481.27 481.27 0 00-40.57-50.75q5.38-5.22 11.02-10.15zM157.73 280.25q6.51 12.6 13.61 24.89 7.23 12.54 15.07 24.71a435.28 435.28 0 01-44.24-7.13c4.24-13.72 9.46-27.97 15.56-42.47zm0-48.33c-6-14.19-11.08-28.15-15.25-41.63 13.7-3.07 28.3-5.58 43.52-7.48q-7.65 11.94-14.72 24.23t-13.58 24.88zm10.9 24.17q9.48-19.77 20.42-38.78 10.93-19 23.27-37.13c14.28-1.08 28.92-1.65 43.71-1.65s29.52.57 43.79 1.66q12.21 18.09 23.13 37t20.69 38.6Q334 275.63 323 294.73q-10.91 19-23 37.24c-14.25 1-29 1.55-44 1.55s-29.47-.47-43.46-1.38q-12.43-18.19-23.46-37.29t-20.48-38.76zM340.75 305q7.25-12.58 13.92-25.49a440.41 440.41 0 0116.12 42.32 434.44 434.44 0 01-44.79 7.65q7.62-12.09 14.75-24.48zm13.72-73.07q-6.64-12.65-13.81-25-7-12.18-14.59-24.06c15.31 1.94 30 4.52 43.77 7.67a439.89 439.89 0 01-15.37 41.39zm-98.24-107.45a439.75 439.75 0 0128.25 34.18q-28.35-1.35-56.74 0c9.33-12.34 18.88-23.79 28.49-34.18zM145.66 65.86c16.06-9.32 51.57 4 89 37.27 2.39 2.13 4.8 4.36 7.2 6.67A491.37 491.37 0 00201 160.51a499.12 499.12 0 00-64.06 10q-1.83-7.36-3.3-14.82c-9.05-46.23-3.06-81.08 12.02-89.83zm-23.41 251.85q-6-1.71-11.85-3.71c-23.4-8-42.73-18.44-56-29.81-11.88-10.19-17.9-20.36-17.9-28.6 0-17.51 26.06-39.85 69.52-55q8.19-2.85 16.52-5.21a493.54 493.54 0 0023.4 60.75 502.46 502.46 0 00-23.69 61.58zm111.13 93.67c-18.63 16.32-37.29 27.89-53.74 33.72-14.78 5.23-26.55 5.38-33.66 1.27-15.14-8.75-21.44-42.54-12.85-87.86q1.53-8 3.5-16a480.85 480.85 0 0064.69 9.39 501.2 501.2 0 0041.2 51c-2.98 2.93-6.03 5.75-9.14 8.48zm23.42-23.22c-9.72-10.51-19.42-22.14-28.88-34.64q13.79.54 28.08.54c9.78 0 19.46-.21 29-.64a439.33 439.33 0 01-28.2 34.74zm124.52 28.59c-2.86 15.44-8.61 25.74-15.72 29.86-15.13 8.78-47.48-2.63-82.36-32.72-4-3.44-8-7.13-12.07-11a484.54 484.54 0 0040.23-51.2 477.84 477.84 0 0065-10.05q1.47 5.94 2.6 11.64c4.81 24.3 5.5 46.28 2.32 63.47zm17.4-102.64c-2.62.87-5.32 1.71-8.06 2.53a483.26 483.26 0 00-24.31-60.94 481.52 481.52 0 0023.36-60.06c4.91 1.43 9.68 2.93 14.27 4.52 44.42 15.32 71.52 38 71.52 55.43 0 18.6-29.27 42.74-76.78 58.52z"/><path d="M256 298.55a43 43 0 10-42.86-43 42.91 42.91 0 0042.86 43z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.66 180.72q-7.67-2.62-15.45-4.88 1.29-5.25 2.38-10.56c11.7-56.9 4.05-102.74-22.06-117.83-25-14.48-66 .61-107.36 36.69q-6.1 5.34-11.95 11-3.9-3.76-8-7.36c-43.35-38.58-86.8-54.83-112.88-39.69-25 14.51-32.43 57.6-21.9 111.53q1.58 8 3.55 15.93a320.85 320.85 0 00-17.77 5.6C48.46 198.9 16 226.73 16 255.59c0 29.82 34.84 59.72 87.77 77.85q6.44 2.19 13 4.07-2.13 8.49-3.77 17.17c-10 53-2.2 95.07 22.75 109.49 25.77 14.89 69-.41 111.14-37.31q5-4.38 10-9.25 6.32 6.11 13 11.86c40.8 35.18 81.09 49.39 106 34.93 25.75-14.94 34.12-60.14 23.25-115.13q-1.25-6.3-2.88-12.86 4.56-1.35 8.93-2.79c55-18.27 90.83-47.81 90.83-78-.02-29-33.52-57.01-85.36-74.9zm-129-81.08c35.43-30.91 68.55-43.11 83.65-34.39 16.07 9.29 22.32 46.75 12.22 95.88q-1 4.8-2.16 9.57a487.83 487.83 0 00-64.18-10.16 481.27 481.27 0 00-40.57-50.75q5.38-5.22 11.02-10.15zM157.73 280.25q6.51 12.6 13.61 24.89 7.23 12.54 15.07 24.71a435.28 435.28 0 01-44.24-7.13c4.24-13.72 9.46-27.97 15.56-42.47zm0-48.33c-6-14.19-11.08-28.15-15.25-41.63 13.7-3.07 28.3-5.58 43.52-7.48q-7.65 11.94-14.72 24.23t-13.58 24.88zm10.9 24.17q9.48-19.77 20.42-38.78 10.93-19 23.27-37.13c14.28-1.08 28.92-1.65 43.71-1.65s29.52.57 43.79 1.66q12.21 18.09 23.13 37t20.69 38.6Q334 275.63 323 294.73q-10.91 19-23 37.24c-14.25 1-29 1.55-44 1.55s-29.47-.47-43.46-1.38q-12.43-18.19-23.46-37.29t-20.48-38.76zM340.75 305q7.25-12.58 13.92-25.49a440.41 440.41 0 0116.12 42.32 434.44 434.44 0 01-44.79 7.65q7.62-12.09 14.75-24.48zm13.72-73.07q-6.64-12.65-13.81-25-7-12.18-14.59-24.06c15.31 1.94 30 4.52 43.77 7.67a439.89 439.89 0 01-15.37 41.39zm-98.24-107.45a439.75 439.75 0 0128.25 34.18q-28.35-1.35-56.74 0c9.33-12.34 18.88-23.79 28.49-34.18zM145.66 65.86c16.06-9.32 51.57 4 89 37.27 2.39 2.13 4.8 4.36 7.2 6.67A491.37 491.37 0 00201 160.51a499.12 499.12 0 00-64.06 10q-1.83-7.36-3.3-14.82c-9.05-46.23-3.06-81.08 12.02-89.83zm-23.41 251.85q-6-1.71-11.85-3.71c-23.4-8-42.73-18.44-56-29.81-11.88-10.19-17.9-20.36-17.9-28.6 0-17.51 26.06-39.85 69.52-55q8.19-2.85 16.52-5.21a493.54 493.54 0 0023.4 60.75 502.46 502.46 0 00-23.69 61.58zm111.13 93.67c-18.63 16.32-37.29 27.89-53.74 33.72-14.78 5.23-26.55 5.38-33.66 1.27-15.14-8.75-21.44-42.54-12.85-87.86q1.53-8 3.5-16a480.85 480.85 0 0064.69 9.39 501.2 501.2 0 0041.2 51c-2.98 2.93-6.03 5.75-9.14 8.48zm23.42-23.22c-9.72-10.51-19.42-22.14-28.88-34.64q13.79.54 28.08.54c9.78 0 19.46-.21 29-.64a439.33 439.33 0 01-28.2 34.74zm124.52 28.59c-2.86 15.44-8.61 25.74-15.72 29.86-15.13 8.78-47.48-2.63-82.36-32.72-4-3.44-8-7.13-12.07-11a484.54 484.54 0 0040.23-51.2 477.84 477.84 0 0065-10.05q1.47 5.94 2.6 11.64c4.81 24.3 5.5 46.28 2.32 63.47zm17.4-102.64c-2.62.87-5.32 1.71-8.06 2.53a483.26 483.26 0 00-24.31-60.94 481.52 481.52 0 0023.36-60.06c4.91 1.43 9.68 2.93 14.27 4.52 44.42 15.32 71.52 38 71.52 55.43 0 18.6-29.27 42.74-76.78 58.52z" /><path d="M256 298.55a43 43 0 10-42.86-43 42.91 42.91 0 0042.86 43z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoReact = props => {
 LogoReact.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoReddit.js b/src/LogoReddit.js
index 95d207a66..485801ad9 100644
--- a/src/LogoReddit.js
+++ b/src/LogoReddit.js
@@ -15,7 +15,7 @@ const LogoReddit = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M324 256a36 36 0 1036 36 36 36 0 00-36-36z"/><circle cx="188" cy="292" r="36" transform="rotate(-22.5 187.997 291.992)"/><path d="M496 253.77c0-31.19-25.14-56.56-56-56.56a55.72 55.72 0 00-35.61 12.86c-35-23.77-80.78-38.32-129.65-41.27l22-79 66.41 13.2c1.9 26.48 24 47.49 50.65 47.49 28 0 50.78-23 50.78-51.21S441 48 413 48c-19.53 0-36.31 11.19-44.85 28.77l-90-17.89-31.1 109.52-4.63.13c-50.63 2.21-98.34 16.93-134.77 41.53A55.38 55.38 0 0072 197.21c-30.89 0-56 25.37-56 56.56a56.43 56.43 0 0028.11 49.06 98.65 98.65 0 00-.89 13.34c.11 39.74 22.49 77 63 105C146.36 448.77 199.51 464 256 464s109.76-15.23 149.83-42.89c40.53-28 62.85-65.27 62.85-105.06a109.32 109.32 0 00-.84-13.3A56.32 56.32 0 00496 253.77zM414 75a24 24 0 11-24 24 24 24 0 0124-24zM42.72 253.77a29.6 29.6 0 0129.42-29.71 29 29 0 0113.62 3.43c-15.5 14.41-26.93 30.41-34.07 47.68a30.23 30.23 0 01-8.97-21.4zM390.82 399c-35.74 24.59-83.6 38.14-134.77 38.14S157 423.61 121.29 399c-33-22.79-51.24-52.26-51.24-83A78.5 78.5 0 0175 288.72c5.68-15.74 16.16-30.48 31.15-43.79a155.17 155.17 0 0114.76-11.53l.3-.21.24-.17c35.72-24.52 83.52-38 134.61-38s98.9 13.51 134.62 38l.23.17.34.25A156.57 156.57 0 01406 244.92c15 13.32 25.48 28.05 31.16 43.81a85.44 85.44 0 014.31 17.67 77.29 77.29 0 01.6 9.65c-.01 30.72-18.21 60.19-51.25 82.95zm69.6-123.92c-7.13-17.28-18.56-33.29-34.07-47.72A29.09 29.09 0 01440 224a29.59 29.59 0 0129.41 29.71 30.07 30.07 0 01-8.99 21.39z"/><path d="M323.23 362.22c-.25.25-25.56 26.07-67.15 26.27-42-.2-66.28-25.23-67.31-26.27a4.14 4.14 0 00-5.83 0l-13.7 13.47a4.15 4.15 0 000 5.89c3.4 3.4 34.7 34.23 86.78 34.45 51.94-.22 83.38-31.05 86.78-34.45a4.16 4.16 0 000-5.9l-13.71-13.47a4.13 4.13 0 00-5.81 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M324 256a36 36 0 1036 36 36 36 0 00-36-36z" /><circle cx="188" cy="292" r="36" transform="rotate(-22.5 187.997 291.992)" /><path d="M496 253.77c0-31.19-25.14-56.56-56-56.56a55.72 55.72 0 00-35.61 12.86c-35-23.77-80.78-38.32-129.65-41.27l22-79 66.41 13.2c1.9 26.48 24 47.49 50.65 47.49 28 0 50.78-23 50.78-51.21S441 48 413 48c-19.53 0-36.31 11.19-44.85 28.77l-90-17.89-31.1 109.52-4.63.13c-50.63 2.21-98.34 16.93-134.77 41.53A55.38 55.38 0 0072 197.21c-30.89 0-56 25.37-56 56.56a56.43 56.43 0 0028.11 49.06 98.65 98.65 0 00-.89 13.34c.11 39.74 22.49 77 63 105C146.36 448.77 199.51 464 256 464s109.76-15.23 149.83-42.89c40.53-28 62.85-65.27 62.85-105.06a109.32 109.32 0 00-.84-13.3A56.32 56.32 0 00496 253.77zM414 75a24 24 0 11-24 24 24 24 0 0124-24zM42.72 253.77a29.6 29.6 0 0129.42-29.71 29 29 0 0113.62 3.43c-15.5 14.41-26.93 30.41-34.07 47.68a30.23 30.23 0 01-8.97-21.4zM390.82 399c-35.74 24.59-83.6 38.14-134.77 38.14S157 423.61 121.29 399c-33-22.79-51.24-52.26-51.24-83A78.5 78.5 0 0175 288.72c5.68-15.74 16.16-30.48 31.15-43.79a155.17 155.17 0 0114.76-11.53l.3-.21.24-.17c35.72-24.52 83.52-38 134.61-38s98.9 13.51 134.62 38l.23.17.34.25A156.57 156.57 0 01406 244.92c15 13.32 25.48 28.05 31.16 43.81a85.44 85.44 0 014.31 17.67 77.29 77.29 0 01.6 9.65c-.01 30.72-18.21 60.19-51.25 82.95zm69.6-123.92c-7.13-17.28-18.56-33.29-34.07-47.72A29.09 29.09 0 01440 224a29.59 29.59 0 0129.41 29.71 30.07 30.07 0 01-8.99 21.39z" /><path d="M323.23 362.22c-.25.25-25.56 26.07-67.15 26.27-42-.2-66.28-25.23-67.31-26.27a4.14 4.14 0 00-5.83 0l-13.7 13.47a4.15 4.15 0 000 5.89c3.4 3.4 34.7 34.23 86.78 34.45 51.94-.22 83.38-31.05 86.78-34.45a4.16 4.16 0 000-5.9l-13.71-13.47a4.13 4.13 0 00-5.81 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoReddit = props => {
 LogoReddit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoRss.js b/src/LogoRss.js
index 7311aa467..dbaf46d2f 100644
--- a/src/LogoRss.js
+++ b/src/LogoRss.js
@@ -15,7 +15,7 @@ const LogoRss = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M108.56 342.78a60.34 60.34 0 1060.56 60.44 60.63 60.63 0 00-60.56-60.44z"/><path d="M48 186.67v86.55c52 0 101.94 15.39 138.67 52.11s52 86.56 52 138.67h86.66c0-151.56-125.66-277.33-277.33-277.33z"/><path d="M48 48v86.56c185.25 0 329.22 144.08 329.22 329.44H464C464 234.66 277.67 48 48 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M108.56 342.78a60.34 60.34 0 1060.56 60.44 60.63 60.63 0 00-60.56-60.44z" /><path d="M48 186.67v86.55c52 0 101.94 15.39 138.67 52.11s52 86.56 52 138.67h86.66c0-151.56-125.66-277.33-277.33-277.33z" /><path d="M48 48v86.56c185.25 0 329.22 144.08 329.22 329.44H464C464 234.66 277.67 48 48 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoRss = props => {
 LogoRss.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSass.js b/src/LogoSass.js
index bfcf3e55f..b33f3ddea 100644
--- a/src/LogoSass.js
+++ b/src/LogoSass.js
@@ -15,7 +15,7 @@ const LogoSass = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M511.78 328.07c-1.47-11.92-7.51-22.26-18-30.77a3.58 3.58 0 00-.43-.44l-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5a3.5 3.5 0 00-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09-10.65-17.92-11.86-32.28-4.73-54.28 1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54 2.86-6.2 5.83-4.7 22-18.36 42.1-31.57 61.5l-.78 1.14c-8.14-17.26-6.45-30.63-.78-47.38 1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62 1.93-13.72 19.82-21.65 41.24-2 5.39-3.72 10-4.75 12.15-2.45 5-4.79 10.7-7.27 16.75-5.6 13.69-11.91 29.1-20.93 38.78-3.28-7.25 1.88-18.68 6.89-29.77 5.93-13.11 11.53-25.5 5.08-33.41a11.82 11.82 0 00-8.33-4.32 13.26 13.26 0 00-6.15 1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48 14.88-45.75 26.8-6.84 8-22 14.1-35.31 19.45-5.26 2.23-10.26 4.23-14.43 6.23-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11 42-65.14 79.88-84.43 28.71-14.6 53.67-24.28 76.31-29.57 31.8-7.43 58.66-5.93 79.82 4.44 11.58 5.67 17 18 13.56 30.68-9 32.95-46.29 55.53-78.18 65.69-19.21 6.12-35.56 8.68-50 7.84-18.1-1.05-32.88-10.13-39.2-14a21.18 21.18 0 00-3.2-1.8l-.29-.07a3.21 3.21 0 00-3.19 1c-1.3 1.55-.84 4-.37 5.24 6.15 16.07 18.85 26.22 37.74 30.17a92.09 92.09 0 0018.78 1.79c44.21 0 100.62-25.49 121.34-46.48 14.13-14.3 24.42-29 28.68-54.35 4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5 12.21-82.4 34.41-114.94 60.93-40.12 32.67-54.62 63-43.12 90.25 11.81 27.93 40.61 45.4 68.46 62.3 9 5.45 17.56 10.64 25.27 16-2.32 1.13-4.69 2.28-7.1 3.43-23.38 11.33-49.9 24.08-64.61 45.15-10.68 15.35-12.68 30.63-5.94 45.42 3.6 7.87 10 13.21 18.89 15.87A50 50 0 0053 432c17.31 0 36.36-7 46.73-13.47 18.32-11.5 30.19-26.94 35.29-45.89 4.54-16.86 3.45-33.61-3.15-48.56l22.45-11.32c-10.83 36-2.53 57.5 6.59 69.36 3.36 4.37 9.42 7 16.19 7.12s13-2.43 16.52-6.77c6.66-8.25 11.58-17.9 16.11-27.55-.24 6.3.06 12.68 2.21 18.09 1.93 4.87 5.11 8.1 9.21 9.34 4.36 1.33 9.47.21 14.39-3.15 22.17-15.17 37.33-51.58 49.51-80.85 1.73-4.16 3.39-8.16 5-11.9a152.5 152.5 0 0012.5 31.07c1.18 2.14 1.08 3.08-.52 4.84-2.41 2.64-5.77 5.83-9.33 9.21-10.78 10.23-24.2 23-26 34.23-.7 4.5 2.4 8.6 7.21 9.53 14.47 2.88 31.9-1.33 46.64-11.25 13.4-9 18.44-21.55 15-37.19-3.33-15.06 4.27-33.76 22.59-55.62 3 12.53 7 22.66 12.52 31.53l-.15.12c-13.34 11.65-31.62 27.6-28.78 46.95a13.35 13.35 0 005.58 9.22 14.22 14.22 0 0011.2 2.06c17.47-3.67 30.62-11.06 40.18-22.57s6.07-24.27 2.85-34.17c25-6.78 47.26-6.61 68.1.5 11.7 4 20.09 10.57 24.93 19.64 6.09 11.41 2.8 21.94-9.29 29.65-3.71 2.37-5.5 3.82-5.61 5.65a2.65 2.65 0 001 2.23c1.4 1.15 5.72 3.15 15.49-3 9-5.65 14.28-13.34 15.63-23a39 39 0 00-.01-8.01zm-399.73 25.06l-.1 1.28c-1.56 14.64-9 27.4-22.15 38-8.26 6.66-17.23 10.75-25.25 11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48 38.32-50.8 60.81-59.13a51.39 51.39 0 011.78 17.59zm102.35-71.86c-3.7 21.09-14.49 60.9-31.45 76.35-.81.74-1.49 1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28 5-52.69 6.59-13.42 16-22.31 26.52-25a5.29 5.29 0 011.34-.19 1.58 1.58 0 011 .27 1.64 1.64 0 01.19 1.33zm83.49 76.88c-3.19 3.33-7.56 2.88-6.53 1.66l16.24-17.24c-1.31 5.93-5.18 10.84-9.71 15.58zm67.37-14.91a14.07 14.07 0 01-4.93 1.39c-.46-9.07 8.33-19.28 17-26.09 2.33 9.46-2.44 19.46-12.07 24.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M511.78 328.07c-1.47-11.92-7.51-22.26-18-30.77a3.58 3.58 0 00-.43-.44l-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5a3.5 3.5 0 00-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09-10.65-17.92-11.86-32.28-4.73-54.28 1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54 2.86-6.2 5.83-4.7 22-18.36 42.1-31.57 61.5l-.78 1.14c-8.14-17.26-6.45-30.63-.78-47.38 1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62 1.93-13.72 19.82-21.65 41.24-2 5.39-3.72 10-4.75 12.15-2.45 5-4.79 10.7-7.27 16.75-5.6 13.69-11.91 29.1-20.93 38.78-3.28-7.25 1.88-18.68 6.89-29.77 5.93-13.11 11.53-25.5 5.08-33.41a11.82 11.82 0 00-8.33-4.32 13.26 13.26 0 00-6.15 1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48 14.88-45.75 26.8-6.84 8-22 14.1-35.31 19.45-5.26 2.23-10.26 4.23-14.43 6.23-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11 42-65.14 79.88-84.43 28.71-14.6 53.67-24.28 76.31-29.57 31.8-7.43 58.66-5.93 79.82 4.44 11.58 5.67 17 18 13.56 30.68-9 32.95-46.29 55.53-78.18 65.69-19.21 6.12-35.56 8.68-50 7.84-18.1-1.05-32.88-10.13-39.2-14a21.18 21.18 0 00-3.2-1.8l-.29-.07a3.21 3.21 0 00-3.19 1c-1.3 1.55-.84 4-.37 5.24 6.15 16.07 18.85 26.22 37.74 30.17a92.09 92.09 0 0018.78 1.79c44.21 0 100.62-25.49 121.34-46.48 14.13-14.3 24.42-29 28.68-54.35 4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5 12.21-82.4 34.41-114.94 60.93-40.12 32.67-54.62 63-43.12 90.25 11.81 27.93 40.61 45.4 68.46 62.3 9 5.45 17.56 10.64 25.27 16-2.32 1.13-4.69 2.28-7.1 3.43-23.38 11.33-49.9 24.08-64.61 45.15-10.68 15.35-12.68 30.63-5.94 45.42 3.6 7.87 10 13.21 18.89 15.87A50 50 0 0053 432c17.31 0 36.36-7 46.73-13.47 18.32-11.5 30.19-26.94 35.29-45.89 4.54-16.86 3.45-33.61-3.15-48.56l22.45-11.32c-10.83 36-2.53 57.5 6.59 69.36 3.36 4.37 9.42 7 16.19 7.12s13-2.43 16.52-6.77c6.66-8.25 11.58-17.9 16.11-27.55-.24 6.3.06 12.68 2.21 18.09 1.93 4.87 5.11 8.1 9.21 9.34 4.36 1.33 9.47.21 14.39-3.15 22.17-15.17 37.33-51.58 49.51-80.85 1.73-4.16 3.39-8.16 5-11.9a152.5 152.5 0 0012.5 31.07c1.18 2.14 1.08 3.08-.52 4.84-2.41 2.64-5.77 5.83-9.33 9.21-10.78 10.23-24.2 23-26 34.23-.7 4.5 2.4 8.6 7.21 9.53 14.47 2.88 31.9-1.33 46.64-11.25 13.4-9 18.44-21.55 15-37.19-3.33-15.06 4.27-33.76 22.59-55.62 3 12.53 7 22.66 12.52 31.53l-.15.12c-13.34 11.65-31.62 27.6-28.78 46.95a13.35 13.35 0 005.58 9.22 14.22 14.22 0 0011.2 2.06c17.47-3.67 30.62-11.06 40.18-22.57s6.07-24.27 2.85-34.17c25-6.78 47.26-6.61 68.1.5 11.7 4 20.09 10.57 24.93 19.64 6.09 11.41 2.8 21.94-9.29 29.65-3.71 2.37-5.5 3.82-5.61 5.65a2.65 2.65 0 001 2.23c1.4 1.15 5.72 3.15 15.49-3 9-5.65 14.28-13.34 15.63-23a39 39 0 00-.01-8.01zm-399.73 25.06l-.1 1.28c-1.56 14.64-9 27.4-22.15 38-8.26 6.66-17.23 10.75-25.25 11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48 38.32-50.8 60.81-59.13a51.39 51.39 0 011.78 17.59zm102.35-71.86c-3.7 21.09-14.49 60.9-31.45 76.35-.81.74-1.49 1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28 5-52.69 6.59-13.42 16-22.31 26.52-25a5.29 5.29 0 011.34-.19 1.58 1.58 0 011 .27 1.64 1.64 0 01.19 1.33zm83.49 76.88c-3.19 3.33-7.56 2.88-6.53 1.66l16.24-17.24c-1.31 5.93-5.18 10.84-9.71 15.58zm67.37-14.91a14.07 14.07 0 01-4.93 1.39c-.46-9.07 8.33-19.28 17-26.09 2.33 9.46-2.44 19.46-12.07 24.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSass = props => {
 LogoSass.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSkype.js b/src/LogoSkype.js
index c96674ecd..2a1c97985 100644
--- a/src/LogoSkype.js
+++ b/src/LogoSkype.js
@@ -15,7 +15,7 @@ const LogoSkype = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467.16 303.6a205.69 205.69 0 004.9-45.15c0-116.32-95.69-210.7-213.79-210.7a221.83 221.83 0 00-36.52 3A123.58 123.58 0 00155.93 32C87.55 32 32 86.72 32 154.15A119.56 119.56 0 0049 216a211.16 211.16 0 00-4.32 42.35c0 116.44 95.69 210.7 213.67 210.7a214 214 0 0039.09-3.5A125.45 125.45 0 00356.07 480C424.57 480 480 425.28 480 357.85a118 118 0 00-12.84-54.25zM368 359c-9.92 13.76-24.51 24.73-43.41 32.43S283.36 403 257.69 403c-30.69 0-56.36-5.37-76.55-15.87a101 101 0 01-35.24-30.8c-9.11-12.83-13.66-25.66-13.66-38 0-7.7 3-14.35 8.87-19.95 5.84-5.37 13.42-8.17 22.29-8.17 7.35 0 13.65 2.1 18.79 6.42 4.9 4.08 9.1 10.15 12.48 18.08A108.09 108.09 0 00207 336.15q6.32 8.22 17.86 13.65c7.82 3.62 18.2 5.48 31 5.48 17.62 0 32.09-3.73 42.94-11.08 10.74-7.12 15.88-15.75 15.88-26.25 0-8.28-2.69-14.82-8.29-19.95-5.83-5.37-13.42-9.57-22.87-12.37-9.69-3-22.87-6.18-39.21-9.56-22.17-4.67-41-10.27-56-16.57-15.28-6.42-27.65-15.4-36.76-26.48-9.22-11.32-13.77-25.55-13.77-42.24a67.86 67.86 0 0114.47-42.58c9.57-12.25 23.46-21.82 41.55-28.35 17.74-6.53 38.86-9.8 62.66-9.8 19.14 0 35.83 2.22 49.83 6.42s25.91 10.15 35.36 17.38 16.34 14.93 20.77 23 6.66 16.22 6.66 24c0 7.46-2.92 14.35-8.76 20.3a29.65 29.65 0 01-21.94 9.1c-7.93 0-14.12-1.87-18.43-5.6-4-3.5-8.17-8.87-12.72-16.69-5.37-9.91-11.79-17.85-19.14-23.45-7.24-5.36-19.14-8.16-35.71-8.16-15.29 0-27.77 3-37 9-8.87 5.72-13.19 12.37-13.19 20.18a18.26 18.26 0 004.32 12.25 38.13 38.13 0 0012.72 9.57 90.14 90.14 0 0017.15 6.53c6 1.64 15.87 4.09 29.53 7.12 17.38 3.62 33.25 7.82 47.26 12.13 14.24 4.55 26.49 10 36.52 16.45a72.93 72.93 0 0124.16 25.09c5.72 10 8.64 22.63 8.64 37.1A75.09 75.09 0 01368 359z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467.16 303.6a205.69 205.69 0 004.9-45.15c0-116.32-95.69-210.7-213.79-210.7a221.83 221.83 0 00-36.52 3A123.58 123.58 0 00155.93 32C87.55 32 32 86.72 32 154.15A119.56 119.56 0 0049 216a211.16 211.16 0 00-4.32 42.35c0 116.44 95.69 210.7 213.67 210.7a214 214 0 0039.09-3.5A125.45 125.45 0 00356.07 480C424.57 480 480 425.28 480 357.85a118 118 0 00-12.84-54.25zM368 359c-9.92 13.76-24.51 24.73-43.41 32.43S283.36 403 257.69 403c-30.69 0-56.36-5.37-76.55-15.87a101 101 0 01-35.24-30.8c-9.11-12.83-13.66-25.66-13.66-38 0-7.7 3-14.35 8.87-19.95 5.84-5.37 13.42-8.17 22.29-8.17 7.35 0 13.65 2.1 18.79 6.42 4.9 4.08 9.1 10.15 12.48 18.08A108.09 108.09 0 00207 336.15q6.32 8.22 17.86 13.65c7.82 3.62 18.2 5.48 31 5.48 17.62 0 32.09-3.73 42.94-11.08 10.74-7.12 15.88-15.75 15.88-26.25 0-8.28-2.69-14.82-8.29-19.95-5.83-5.37-13.42-9.57-22.87-12.37-9.69-3-22.87-6.18-39.21-9.56-22.17-4.67-41-10.27-56-16.57-15.28-6.42-27.65-15.4-36.76-26.48-9.22-11.32-13.77-25.55-13.77-42.24a67.86 67.86 0 0114.47-42.58c9.57-12.25 23.46-21.82 41.55-28.35 17.74-6.53 38.86-9.8 62.66-9.8 19.14 0 35.83 2.22 49.83 6.42s25.91 10.15 35.36 17.38 16.34 14.93 20.77 23 6.66 16.22 6.66 24c0 7.46-2.92 14.35-8.76 20.3a29.65 29.65 0 01-21.94 9.1c-7.93 0-14.12-1.87-18.43-5.6-4-3.5-8.17-8.87-12.72-16.69-5.37-9.91-11.79-17.85-19.14-23.45-7.24-5.36-19.14-8.16-35.71-8.16-15.29 0-27.77 3-37 9-8.87 5.72-13.19 12.37-13.19 20.18a18.26 18.26 0 004.32 12.25 38.13 38.13 0 0012.72 9.57 90.14 90.14 0 0017.15 6.53c6 1.64 15.87 4.09 29.53 7.12 17.38 3.62 33.25 7.82 47.26 12.13 14.24 4.55 26.49 10 36.52 16.45a72.93 72.93 0 0124.16 25.09c5.72 10 8.64 22.63 8.64 37.1A75.09 75.09 0 01368 359z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSkype = props => {
 LogoSkype.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSlack.js b/src/LogoSlack.js
index 217c502f7..77d6d5c1f 100644
--- a/src/LogoSlack.js
+++ b/src/LogoSlack.js
@@ -15,7 +15,7 @@ const LogoSlack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126.12 315.1A47.06 47.06 0 1179.06 268h47.06zM149.84 315.1a47.06 47.06 0 0194.12 0v117.84a47.06 47.06 0 11-94.12 0zM196.9 126.12A47.06 47.06 0 11244 79.06v47.06zM196.9 149.84a47.06 47.06 0 010 94.12H79.06a47.06 47.06 0 010-94.12zM385.88 196.9a47.06 47.06 0 1147.06 47.1h-47.06zM362.16 196.9a47.06 47.06 0 01-94.12 0V79.06a47.06 47.06 0 1194.12 0zM315.1 385.88a47.06 47.06 0 11-47.1 47.06v-47.06zM315.1 362.16a47.06 47.06 0 010-94.12h117.84a47.06 47.06 0 110 94.12z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126.12 315.1A47.06 47.06 0 1179.06 268h47.06zM149.84 315.1a47.06 47.06 0 0194.12 0v117.84a47.06 47.06 0 11-94.12 0zM196.9 126.12A47.06 47.06 0 11244 79.06v47.06zM196.9 149.84a47.06 47.06 0 010 94.12H79.06a47.06 47.06 0 010-94.12zM385.88 196.9a47.06 47.06 0 1147.06 47.1h-47.06zM362.16 196.9a47.06 47.06 0 01-94.12 0V79.06a47.06 47.06 0 1194.12 0zM315.1 385.88a47.06 47.06 0 11-47.1 47.06v-47.06zM315.1 362.16a47.06 47.06 0 010-94.12h117.84a47.06 47.06 0 110 94.12z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSlack = props => {
 LogoSlack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSnapchat.js b/src/LogoSnapchat.js
index e3bd721f3..8596abada 100644
--- a/src/LogoSnapchat.js
+++ b/src/LogoSnapchat.js
@@ -15,7 +15,7 @@ const LogoSnapchat = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 347.21a190.31 190.31 0 01-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43-6.9-14.63-2.64-18.59 11.86-24 14.18-5.27 29.8-7.72 36.86-23 5.89-12.76 1.13-27.76-10.41-35.49-15.71-10.53-30.35-.21-46.62 2.07 3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92-16.32-2.25-30.81-12.79-46.63-2.18-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14-14.48 28.4-39.26 45.74-69.84 51.56-4 .76-22.31 2.87-31 3.65 0 9.28.52 16.78 1.63 21.73 2.94 13.06 12.32 23.58 23.69 30.1 11.18 6.4 35.48 6.43 41.68 15.51 3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0015.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1 14.85 3.95 26.52 15.87 39.26 24 15.51 9.85 32.34 16.42 50.83 17.49 38.1 2.21 59.93-18.91 90.58-36.42 19.5-11.14 38.15-3.86 58.88-2.68 20.1 1.15 23.53-9.25 29.62-24.88a27.37 27.37 0 001.54-4.85 10.52 10.52 0 002.28-1.47c2-1.57 10.55-2.34 12.76-2.86 10.28-2.44 20.34-5.15 29.17-11.2 11.31-7.76 17.65-18.5 19.58-32.64a93.73 93.73 0 001.38-15.67zM208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24-16-10.74-16-24 7.16-24 16-24zm103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 01-55.66-23.34 8 8 0 0111.32-11.32A62.46 62.46 0 00256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0111.23 11.4zM304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 347.21a190.31 190.31 0 01-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43-6.9-14.63-2.64-18.59 11.86-24 14.18-5.27 29.8-7.72 36.86-23 5.89-12.76 1.13-27.76-10.41-35.49-15.71-10.53-30.35-.21-46.62 2.07 3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92-16.32-2.25-30.81-12.79-46.63-2.18-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14-14.48 28.4-39.26 45.74-69.84 51.56-4 .76-22.31 2.87-31 3.65 0 9.28.52 16.78 1.63 21.73 2.94 13.06 12.32 23.58 23.69 30.1 11.18 6.4 35.48 6.43 41.68 15.51 3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0015.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1 14.85 3.95 26.52 15.87 39.26 24 15.51 9.85 32.34 16.42 50.83 17.49 38.1 2.21 59.93-18.91 90.58-36.42 19.5-11.14 38.15-3.86 58.88-2.68 20.1 1.15 23.53-9.25 29.62-24.88a27.37 27.37 0 001.54-4.85 10.52 10.52 0 002.28-1.47c2-1.57 10.55-2.34 12.76-2.86 10.28-2.44 20.34-5.15 29.17-11.2 11.31-7.76 17.65-18.5 19.58-32.64a93.73 93.73 0 001.38-15.67zM208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24-16-10.74-16-24 7.16-24 16-24zm103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 01-55.66-23.34 8 8 0 0111.32-11.32A62.46 62.46 0 00256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0111.23 11.4zM304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24 16 10.75 16 24-7.16 24-16 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSnapchat = props => {
 LogoSnapchat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSoundcloud.js b/src/LogoSoundcloud.js
index 587e6571e..1ceb70c60 100644
--- a/src/LogoSoundcloud.js
+++ b/src/LogoSoundcloud.js
@@ -15,7 +15,7 @@ const LogoSoundcloud = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M5.8 278a2.11 2.11 0 00-2 2L0 308.64l3.74 28.16a2.12 2.12 0 002.05 2 2.14 2.14 0 002-2l4.44-28.17L7.83 280a2.14 2.14 0 00-2-2zM26.85 262.32a2.13 2.13 0 00-4.26 0l-5 46.32 5 45.3a2.13 2.13 0 004.26 0l5.73-45.31-5.73-46.32zM106.17 219.59a4 4 0 00-3.87 3.87l-4 85.22 4 55.08a3.88 3.88 0 007.75 0l4.53-55.08-4.53-85.22a4 4 0 00-3.88-3.87zM65.12 249.21a3.09 3.09 0 00-3 3l-4.52 56.45 4.51 54.63a3 3 0 006 0l5.13-54.63-5.13-56.48a3.1 3.1 0 00-2.99-2.97zM147.88 367.6a4.83 4.83 0 004.75-4.74l3.93-54.15-3.93-113.46a4.75 4.75 0 00-9.5 0l-3.49 113.45 3.49 54.17a4.81 4.81 0 004.75 4.73zM233.28 367.85a6.6 6.6 0 006.5-6.52l2.74-52.6-2.74-131a6.5 6.5 0 10-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 006.5 6.45zM190.26 367.65a5.67 5.67 0 005.62-5.64l3.34-53.33-3.34-114.28a5.63 5.63 0 10-11.25 0l-3 114.29 3 53.32a5.66 5.66 0 005.63 5.6zM85.56 367.15a3.53 3.53 0 003.44-3.41l4.83-55.09-4.83-52.4a3.44 3.44 0 00-6.88 0l-4.26 52.38 4.26 55.08a3.5 3.5 0 003.44 3.44zM44.84 364.13a2.67 2.67 0 002.57-2.52l5.43-53-5.42-55a2.57 2.57 0 00-5.14 0l-4.78 55 4.78 53a2.62 2.62 0 002.56 2.53zM211.69 192.53a6.1 6.1 0 00-6.07 6.09l-2.71 110.11 2.71 53a6.07 6.07 0 0012.13 0l3-53-3-110.13a6.1 6.1 0 00-6.06-6.07zM127 367.71a4.41 4.41 0 004.31-4.3l4.23-54.71-4.28-104.7a4.32 4.32 0 00-8.63 0l-3.74 104.7 3.75 54.73a4.38 4.38 0 004.36 4.28zM174.17 362.54l3.63-53.8-3.63-117.28a5.19 5.19 0 10-10.37 0l-3.23 117.28 3.23 53.83a5.18 5.18 0 0010.36 0zM449 241.1a62.42 62.42 0 00-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.92 111.92 0 00-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 006.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46zM254.79 158.87a7 7 0 00-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1013.87-.06v.06l3.09-51.87-3.09-142.93a7 7 0 00-6.93-6.95z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M5.8 278a2.11 2.11 0 00-2 2L0 308.64l3.74 28.16a2.12 2.12 0 002.05 2 2.14 2.14 0 002-2l4.44-28.17L7.83 280a2.14 2.14 0 00-2-2zM26.85 262.32a2.13 2.13 0 00-4.26 0l-5 46.32 5 45.3a2.13 2.13 0 004.26 0l5.73-45.31-5.73-46.32zM106.17 219.59a4 4 0 00-3.87 3.87l-4 85.22 4 55.08a3.88 3.88 0 007.75 0l4.53-55.08-4.53-85.22a4 4 0 00-3.88-3.87zM65.12 249.21a3.09 3.09 0 00-3 3l-4.52 56.45 4.51 54.63a3 3 0 006 0l5.13-54.63-5.13-56.48a3.1 3.1 0 00-2.99-2.97zM147.88 367.6a4.83 4.83 0 004.75-4.74l3.93-54.15-3.93-113.46a4.75 4.75 0 00-9.5 0l-3.49 113.45 3.49 54.17a4.81 4.81 0 004.75 4.73zM233.28 367.85a6.6 6.6 0 006.5-6.52l2.74-52.6-2.74-131a6.5 6.5 0 10-13 0l-2.45 131c0 .08 2.45 52.67 2.45 52.67a6.59 6.59 0 006.5 6.45zM190.26 367.65a5.67 5.67 0 005.62-5.64l3.34-53.33-3.34-114.28a5.63 5.63 0 10-11.25 0l-3 114.29 3 53.32a5.66 5.66 0 005.63 5.6zM85.56 367.15a3.53 3.53 0 003.44-3.41l4.83-55.09-4.83-52.4a3.44 3.44 0 00-6.88 0l-4.26 52.38 4.26 55.08a3.5 3.5 0 003.44 3.44zM44.84 364.13a2.67 2.67 0 002.57-2.52l5.43-53-5.42-55a2.57 2.57 0 00-5.14 0l-4.78 55 4.78 53a2.62 2.62 0 002.56 2.53zM211.69 192.53a6.1 6.1 0 00-6.07 6.09l-2.71 110.11 2.71 53a6.07 6.07 0 0012.13 0l3-53-3-110.13a6.1 6.1 0 00-6.06-6.07zM127 367.71a4.41 4.41 0 004.31-4.3l4.23-54.71-4.28-104.7a4.32 4.32 0 00-8.63 0l-3.74 104.7 3.75 54.73a4.38 4.38 0 004.36 4.28zM174.17 362.54l3.63-53.8-3.63-117.28a5.19 5.19 0 10-10.37 0l-3.23 117.28 3.23 53.83a5.18 5.18 0 0010.36 0zM449 241.1a62.42 62.42 0 00-24.33 4.9c-5-57.18-52.61-102-110.66-102a111.92 111.92 0 00-40.28 7.58c-4.75 1.85-6 3.76-6.06 7.46V360.4a7.66 7.66 0 006.8 7.5l174.56.11c34.78 0 63-28.41 63-63.45s-28.2-63.46-63-63.46zM254.79 158.87a7 7 0 00-6.94 7L245 308.75l2.85 51.87a6.94 6.94 0 1013.87-.06v.06l3.09-51.87-3.09-142.93a7 7 0 00-6.93-6.95z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSoundcloud = props => {
 LogoSoundcloud.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoStackoverflow.js b/src/LogoStackoverflow.js
index 5c68489c4..df6a27fc4 100644
--- a/src/LogoStackoverflow.js
+++ b/src/LogoStackoverflow.js
@@ -15,7 +15,7 @@ const LogoStackoverflow = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 440V320h40v160H64V320h40v120z"/><path d="M149.1 308.77l198.57 40.87 8.4-39.32-198.57-40.87zm26.27-93.12L359.22 300 376 263.76l-183.82-84.84zm50.95-89l156 127.78 25.74-30.52-156-127.78zM328 32l-33.39 23.8 120.82 160.37L448 192zM144 400h204v-40H144z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 440V320h40v160H64V320h40v120z" /><path d="M149.1 308.77l198.57 40.87 8.4-39.32-198.57-40.87zm26.27-93.12L359.22 300 376 263.76l-183.82-84.84zm50.95-89l156 127.78 25.74-30.52-156-127.78zM328 32l-33.39 23.8 120.82 160.37L448 192zM144 400h204v-40H144z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoStackoverflow = props => {
 LogoStackoverflow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoSteam.js b/src/LogoSteam.js
index 0be737ab6..028167e48 100644
--- a/src/LogoSteam.js
+++ b/src/LogoSteam.js
@@ -15,7 +15,7 @@ const LogoSteam = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.8 208.2a36 36 0 11-36-36 36 36 0 0136 36zM442.6 139a69.42 69.42 0 00-69.4 68.7l-43.2 62a48.86 48.86 0 00-5.4-.3 51.27 51.27 0 00-26.4 7.3L102.4 198a51.8 51.8 0 10-50.6 62.9 51.27 51.27 0 0026.4-7.3L274 332.2a51.76 51.76 0 00102.1-5.9l66.5-48.6a69.35 69.35 0 100-138.7zm0 22.9a46.45 46.45 0 11-46.5 46.5 46.54 46.54 0 0146.5-46.5zm-390.8 9a38.18 38.18 0 0133.7 20.2l-18.9-7.6v.1a30.21 30.21 0 00-22.6 56v.1l16.1 6.4a36.8 36.8 0 01-8.2.9 38.05 38.05 0 01-.1-76.1zm272.8 112.2a38.1 38.1 0 11-33.7 55.9c6.3 2.5 12.5 5 18.8 7.6a30.27 30.27 0 1022.5-56.2l-15.9-6.4a46.83 46.83 0 018.3-.9z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M478.8 208.2a36 36 0 11-36-36 36 36 0 0136 36zM442.6 139a69.42 69.42 0 00-69.4 68.7l-43.2 62a48.86 48.86 0 00-5.4-.3 51.27 51.27 0 00-26.4 7.3L102.4 198a51.8 51.8 0 10-50.6 62.9 51.27 51.27 0 0026.4-7.3L274 332.2a51.76 51.76 0 00102.1-5.9l66.5-48.6a69.35 69.35 0 100-138.7zm0 22.9a46.45 46.45 0 11-46.5 46.5 46.54 46.54 0 0146.5-46.5zm-390.8 9a38.18 38.18 0 0133.7 20.2l-18.9-7.6v.1a30.21 30.21 0 00-22.6 56v.1l16.1 6.4a36.8 36.8 0 01-8.2.9 38.05 38.05 0 01-.1-76.1zm272.8 112.2a38.1 38.1 0 11-33.7 55.9c6.3 2.5 12.5 5 18.8 7.6a30.27 30.27 0 1022.5-56.2l-15.9-6.4a46.83 46.83 0 018.3-.9z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoSteam = props => {
 LogoSteam.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoStencil.js b/src/LogoStencil.js
index a1bbccec1..ee17f464e 100644
--- a/src/LogoStencil.js
+++ b/src/LogoStencil.js
@@ -15,7 +15,7 @@ const LogoStencil = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M188.8 334.07h197.33L279.47 448H83.2zM512 199H106.61L0 313h405.39zM232.2 64h196.6L322.62 177.93H125.87z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M188.8 334.07h197.33L279.47 448H83.2zM512 199H106.61L0 313h405.39zM232.2 64h196.6L322.62 177.93H125.87z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoStencil = props => {
 LogoStencil.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTableau.js b/src/LogoTableau.js
index 5ba158ca9..370468f58 100644
--- a/src/LogoTableau.js
+++ b/src/LogoTableau.js
@@ -15,7 +15,7 @@ const LogoTableau = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M242.69 340.3h26.62v-72.6h67v-25.82h-67v-72.6h-26.62v72.6h-66.15v25.82h66.15zM119.26 445.18h22.59v-64.54h59.7v-20.17h-59.7v-65.34h-22.59v65.34h-59.7v20.17h59.7zM370.15 212h22.59v-64.5h60.5v-19.37h-60.5V62.79h-22.59v65.34h-59.7v19.37h59.7zM246.72 496h19.36v-46h41.15v-16.92h-41.15v-46h-19.36v46h-40.33V450h40.33zM120.07 212h21v-65.31h60.51v-18.56H141V62.79h-21v65.34H59.56v18.56h60.51zM435.72 308.84h19.36v-45.18H496v-17.74h-40.92v-45.18h-19.36v45.18h-40.33v17.74h40.33z"/><path fill-rule="evenodd" d="M370.15 445.18h22.59v-64.54h60.5v-20.17h-60.5v-65.34h-22.59v65.34h-59.7v20.17h59.7z"/><path d="M307 74.08V60.37h-40.34V16h-14.52v44.37h-40.33v13.71h40.33v44.37h14.52V74.08zM56.11 305.61h14.52v-44.37H111v-13.71H70.63V204H56.11v43.56H16v14.52l40.11-.08z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M242.69 340.3h26.62v-72.6h67v-25.82h-67v-72.6h-26.62v72.6h-66.15v25.82h66.15zM119.26 445.18h22.59v-64.54h59.7v-20.17h-59.7v-65.34h-22.59v65.34h-59.7v20.17h59.7zM370.15 212h22.59v-64.5h60.5v-19.37h-60.5V62.79h-22.59v65.34h-59.7v19.37h59.7zM246.72 496h19.36v-46h41.15v-16.92h-41.15v-46h-19.36v46h-40.33V450h40.33zM120.07 212h21v-65.31h60.51v-18.56H141V62.79h-21v65.34H59.56v18.56h60.51zM435.72 308.84h19.36v-45.18H496v-17.74h-40.92v-45.18h-19.36v45.18h-40.33v17.74h40.33z" /><path fill-rule="evenodd" d="M370.15 445.18h22.59v-64.54h60.5v-20.17h-60.5v-65.34h-22.59v65.34h-59.7v20.17h59.7z" /><path d="M307 74.08V60.37h-40.34V16h-14.52v44.37h-40.33v13.71h40.33v44.37h14.52V74.08zM56.11 305.61h14.52v-44.37H111v-13.71H70.63V204H56.11v43.56H16v14.52l40.11-.08z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTableau = props => {
 LogoTableau.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTiktok.js b/src/LogoTiktok.js
index 386d19945..cee9716d0 100644
--- a/src/LogoTiktok.js
+++ b/src/LogoTiktok.js
@@ -15,7 +15,7 @@ const LogoTiktok = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTiktok = props => {
 LogoTiktok.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTumblr.js b/src/LogoTumblr.js
index 22aa31c20..8abb11bb6 100644
--- a/src/LogoTumblr.js
+++ b/src/LogoTumblr.js
@@ -15,7 +15,7 @@ const LogoTumblr = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88zm-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88zm-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTumblr = props => {
 LogoTumblr.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTux.js b/src/LogoTux.js
index d3ac400d9..1253a5dba 100644
--- a/src/LogoTux.js
+++ b/src/LogoTux.js
@@ -15,7 +15,7 @@ const LogoTux = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M443.66 405.05c-1.46-.79-2.85-1.54-4-2.2-6.47-3.83-13-10.52-11.85-17.83 2.42-15.94 2.89-23.47-.49-28.79a15.61 15.61 0 00-7.67-6.2v-.06c1.41-2.56 2.26-5.66 2.83-10.12 1.44-11-5-44-13.7-70.7-8.08-24.68-29.24-50-44.7-68.56l-3.61-4.34c-23.88-28.93-24.34-38.19-26.55-82.67-.32-6.47-.69-13.8-1.17-22C329.87 41.43 304 16 256 16c-25.2 0-44.62 7.15-57.72 21.26C187.79 48.55 182 64 182 80.78c0 29.52 2 53 2.15 54.29 1.4 35.7 1 41.22-8.31 57.55-2.23 3.93-8.38 10.87-14.89 18.21-8.48 9.57-18.09 20.41-23.36 29.22-3.77 6.31-5.88 12.63-8.11 19.33-3.4 10.21-7.26 21.78-18.15 36.57-12.57 17.07-15.52 29.61-11 47.45-4.94 6.45-4.83 14.37-4.75 20.23a25.84 25.84 0 01-.3 6.09c-2.29 7.59-12.42 9.4-22 10.18-1.58.12-3.1.21-4.55.29-7.26.39-13.53.74-17.13 6.3-3.47 5.36-1.12 13.8 2.14 25.48.72 2.58 1.46 5.25 2.19 8.06 1.83 7-.16 10.48-2.68 14.84-2.44 4.21-5.21 9-5.21 17.55 0 14.67 20 18 43.05 21.94 7.36 1.24 15 2.53 22.63 4.24a225.58 225.58 0 0134.08 10.68c9.72 3.73 17.4 6.68 26.43 6.68 16.18 0 28.25-9.77 39.92-19.21l2.15-1.75c5.53-4.49 21.5-4 34.34-3.64 3.46.1 6.73.2 9.65.2h6.22c13.48-.08 31.94-.18 42.23 2.5 3.75 1 6.2 3.72 9.29 7.19 5.87 6.56 13.17 14.75 33.39 14.75 19.39 0 29.55-8.71 41.32-18.8 7.16-6.13 14.56-12.48 25.07-17.86 3.92-2 7.62-3.87 11.08-5.61 22.64-11.38 35.11-17.65 35.11-27.82 0-9.91-12.24-16.5-20.34-20.86zM211.11 88.38a13.91 13.91 0 0112.47 9c1.95 5.55 1.81 10.42.21 12.94 0 0-.22-1-.36-1.44a14.85 14.85 0 00-6.44-8.59 11.35 11.35 0 00-8.94-1.47c-4.26 1.13-8.41 5-8.91 18.79-5.16-10.47-2.31-18 .92-23 2.31-3.73 7.47-6.33 11.05-6.23zm-17.5 375C192 479.24 175.2 479 170.09 478.59c-9.81-.82-21.66-4.69-33.13-8.43-4.52-1.47-9.19-3-13.73-4.34-13.2-3.89-30.12-6.74-43.72-9-3.22-.55-6.27-1.06-9.05-1.55s-4.61-1.27-5.2-2.3c-1-1.65.38-5.25 1.93-9.41C69.27 438 72.11 430.34 72 421c0-3.91-1.47-8.3-2.84-12.56-1.62-5-3.28-10.17-1.93-12.62 1.23-2.23 6.75-2.49 11.6-2.49h2.26c3.55 0 6.62.06 8.75-.53 6.51-1.81 14.86-6.92 17.81-13.88.9-2.17 1.37-6.94 2-14 .37-4.12.74-8.37 1.22-10.58a3.55 3.55 0 012.11-2.55c1.65-.77 6.78-1.91 18.63 4.08 11.18 5.65 22.88 25.84 34.2 45.37 3.56 6.14 6.92 11.94 10.3 17.36 14.04 22.54 18.83 31.6 17.5 44.8zm128.84-31.56a68.74 68.74 0 01-4.55 10.9.58.58 0 01-1.08-.42 56.61 56.61 0 002.11-18.43c-.25-4.73-.4-7.59-2.66-8.51s-4.26.83-9.45 5.54c-1.1 1-2.36 2.14-3.78 3.4-10.8 9.47-26.88 20.68-55.61 23.37-16.84 1.59-27.59-4.63-30.92-8.14a2.16 2.16 0 00-3.07-.08 2.23 2.23 0 00-.51 2.29c2.12 6.84 1.2 12.26-.49 16.19-.95 2.2-1.85 2.05-2-.34-.25-4.64-1-9.88-3-14.19-3.11-6.94-7-14.34-8.89-17.88v-.05c3.24-1.49 8.86-4.83 11.37-10.88s4.48-18-9.82-31.74c-6.28-6.05-22.1-17.16-36.06-27-10.9-7.65-22.17-15.56-23.65-17.51-4.49-5.89-6.37-9.3-6.94-19.65.07-2.3.13-4.59.19-6.89l.27-2.49a.58.58 0 011.15 0 63.07 63.07 0 002 9.72c1.08 3.73 2.4 7.58 3.62 9.18 3.19 4.22 7.56 7.39 11.67 8.49a5.48 5.48 0 005-.72c2.93-2.33 2.65-7.6 2.19-16.34-.47-9-1.11-21.34 1.85-34.55 5.62-25 10.91-32.51 17.61-42 .86-1.22 1.75-2.47 2.65-3.79 1.44-2.08 3-4.1 4.67-6.23 7.47-9.61 15.93-20.49 13.92-40.95-.51-5.19-.76-8.83-.86-11.39a1 1 0 011.88-.59l.49.77 1.21 2c4.86 8 13.64 22.57 25.1 22.57a13.62 13.62 0 002.36-.21c23.39-3.93 51.9-30.25 52.17-30.51 3.12-3 2.84-6.14 1.64-7.91a5.18 5.18 0 00-6.45-1.72c-3.29 1.4-7.14 3.15-11.22 5-13.82 6.27-37 16.75-42.25 14.34a23.11 23.11 0 01-6.32-5.13 1 1 0 011.14-1.65c5.59 2.29 9.55 1.45 14.2-.08l1-.34c9.37-3.09 14.2-4.77 30.76-12.08a97.55 97.55 0 0116.26-5.93c4-1 6.42-1.63 7.71-4.34a6.65 6.65 0 00-.5-7.13c-1.53-1.87-4.07-2.57-7-1.9-3.22.75-4.7 3-6.41 4.49-2.4 2.05-5 4.16-17.19 8.65-27 10-34.58 10.61-45.21 3.43-9.84-6.69-15.15-13.23-15.15-16 0-2.13 5.45-5.7 8.71-7.84 1.33-.87 2.59-1.69 3.62-2.46 4.34-3.22 13-11.39 13.38-11.73 5.4-5.41 17.91-2.18 25 2.58a2.23 2.23 0 001.72.41 2.14 2.14 0 001.68-2.58c-4.2-17.46-.13-27.34 4-32.55a22.58 22.58 0 0117.48-8.48c12.81 0 21.76 10 21.76 24.42 0 11-2.82 16.79-5.48 20.3a1.73 1.73 0 01-2.58.18 1.78 1.78 0 01-.24-2.2A24.61 24.61 0 00290 114a16.58 16.58 0 00-16.84-16.67c-3.94 0-13.48 1.5-16.77 15.44a29.81 29.81 0 00-.34 11.07l.08.71c.9 7.38 15.3 12.51 27.23 15.51 11.36 2.85 13 6.22 8.84 19.63s3.11 26.23 5.7 29.57a78.3 78.3 0 018.31 12.47 93.8 93.8 0 016.62 16.48c2.17 6.79 4.05 12.65 10.63 21.22 11.07 14.4 17.66 48.64 15 78-.21 2.41-.53 4.29-.77 5.67-.43 2.53-.72 4.2.66 5.38s3.16.7 7.26-.63l3.43-1.09a109.33 109.33 0 0112.58-2.8 2.15 2.15 0 001.59-1.16c3.43-6.91 3.85-15.22 4-22.47q0-1.31.06-2.79c.19-7.77.45-18.93-2.95-32a1 1 0 011.93-.64 93 93 0 016.66 25.55c2.55 22.58-1.9 32.09-1.94 32.17a1.61 1.61 0 00.95 2.25 17.12 17.12 0 016.95 4.67c1.46 1.66.93 2.4-1.14 1.62a36.26 36.26 0 00-12.77-2.29c-10.4 0-18.09 4.95-21.51 9.19-3.19 3.94-3.7 7.67-3.83 11.27l-.06.05c-7.48-.75-12.94 1.21-17.47 6.21l-.08.09c-6.26 7.75-4 24.63-1.29 38.48 1.28 6.45 5.59 25.52 1.73 37.68zm96.1 10.07c-15.71 6.71-25.43 14.51-34 21.39-5.65 4.53-11 8.81-17.28 12.14-10.12 5.34-24.91 6.53-33.27-7.7-2.37-4-.71-9.86 1.58-17.95 3.05-10.75 7.23-25.46 3.71-44.65-.94-5.12-1.77-9.51-2.49-13.31C334 377 332.9 371.43 334 367c.63-2.45 3.43-3 5.87-3a20.83 20.83 0 012.63.19 29.51 29.51 0 007 12.1c5.7 5.86 13.63 8.83 23.56 8.85 2.1.17 25.94 1.55 36.54-22.4 1.46.18 3.65.7 4.3 2.3 1.28 3.19-.27 8.91-1.52 13.5-.9 3.31-1.68 6.16-1.63 8.37.31 16 11 22.78 25.83 32.16 1.79 1.13 3.66 2.31 5.55 3.54S445 425 445 426c-.52 4.79-20 13.16-26.45 15.91z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M443.66 405.05c-1.46-.79-2.85-1.54-4-2.2-6.47-3.83-13-10.52-11.85-17.83 2.42-15.94 2.89-23.47-.49-28.79a15.61 15.61 0 00-7.67-6.2v-.06c1.41-2.56 2.26-5.66 2.83-10.12 1.44-11-5-44-13.7-70.7-8.08-24.68-29.24-50-44.7-68.56l-3.61-4.34c-23.88-28.93-24.34-38.19-26.55-82.67-.32-6.47-.69-13.8-1.17-22C329.87 41.43 304 16 256 16c-25.2 0-44.62 7.15-57.72 21.26C187.79 48.55 182 64 182 80.78c0 29.52 2 53 2.15 54.29 1.4 35.7 1 41.22-8.31 57.55-2.23 3.93-8.38 10.87-14.89 18.21-8.48 9.57-18.09 20.41-23.36 29.22-3.77 6.31-5.88 12.63-8.11 19.33-3.4 10.21-7.26 21.78-18.15 36.57-12.57 17.07-15.52 29.61-11 47.45-4.94 6.45-4.83 14.37-4.75 20.23a25.84 25.84 0 01-.3 6.09c-2.29 7.59-12.42 9.4-22 10.18-1.58.12-3.1.21-4.55.29-7.26.39-13.53.74-17.13 6.3-3.47 5.36-1.12 13.8 2.14 25.48.72 2.58 1.46 5.25 2.19 8.06 1.83 7-.16 10.48-2.68 14.84-2.44 4.21-5.21 9-5.21 17.55 0 14.67 20 18 43.05 21.94 7.36 1.24 15 2.53 22.63 4.24a225.58 225.58 0 0134.08 10.68c9.72 3.73 17.4 6.68 26.43 6.68 16.18 0 28.25-9.77 39.92-19.21l2.15-1.75c5.53-4.49 21.5-4 34.34-3.64 3.46.1 6.73.2 9.65.2h6.22c13.48-.08 31.94-.18 42.23 2.5 3.75 1 6.2 3.72 9.29 7.19 5.87 6.56 13.17 14.75 33.39 14.75 19.39 0 29.55-8.71 41.32-18.8 7.16-6.13 14.56-12.48 25.07-17.86 3.92-2 7.62-3.87 11.08-5.61 22.64-11.38 35.11-17.65 35.11-27.82 0-9.91-12.24-16.5-20.34-20.86zM211.11 88.38a13.91 13.91 0 0112.47 9c1.95 5.55 1.81 10.42.21 12.94 0 0-.22-1-.36-1.44a14.85 14.85 0 00-6.44-8.59 11.35 11.35 0 00-8.94-1.47c-4.26 1.13-8.41 5-8.91 18.79-5.16-10.47-2.31-18 .92-23 2.31-3.73 7.47-6.33 11.05-6.23zm-17.5 375C192 479.24 175.2 479 170.09 478.59c-9.81-.82-21.66-4.69-33.13-8.43-4.52-1.47-9.19-3-13.73-4.34-13.2-3.89-30.12-6.74-43.72-9-3.22-.55-6.27-1.06-9.05-1.55s-4.61-1.27-5.2-2.3c-1-1.65.38-5.25 1.93-9.41C69.27 438 72.11 430.34 72 421c0-3.91-1.47-8.3-2.84-12.56-1.62-5-3.28-10.17-1.93-12.62 1.23-2.23 6.75-2.49 11.6-2.49h2.26c3.55 0 6.62.06 8.75-.53 6.51-1.81 14.86-6.92 17.81-13.88.9-2.17 1.37-6.94 2-14 .37-4.12.74-8.37 1.22-10.58a3.55 3.55 0 012.11-2.55c1.65-.77 6.78-1.91 18.63 4.08 11.18 5.65 22.88 25.84 34.2 45.37 3.56 6.14 6.92 11.94 10.3 17.36 14.04 22.54 18.83 31.6 17.5 44.8zm128.84-31.56a68.74 68.74 0 01-4.55 10.9.58.58 0 01-1.08-.42 56.61 56.61 0 002.11-18.43c-.25-4.73-.4-7.59-2.66-8.51s-4.26.83-9.45 5.54c-1.1 1-2.36 2.14-3.78 3.4-10.8 9.47-26.88 20.68-55.61 23.37-16.84 1.59-27.59-4.63-30.92-8.14a2.16 2.16 0 00-3.07-.08 2.23 2.23 0 00-.51 2.29c2.12 6.84 1.2 12.26-.49 16.19-.95 2.2-1.85 2.05-2-.34-.25-4.64-1-9.88-3-14.19-3.11-6.94-7-14.34-8.89-17.88v-.05c3.24-1.49 8.86-4.83 11.37-10.88s4.48-18-9.82-31.74c-6.28-6.05-22.1-17.16-36.06-27-10.9-7.65-22.17-15.56-23.65-17.51-4.49-5.89-6.37-9.3-6.94-19.65.07-2.3.13-4.59.19-6.89l.27-2.49a.58.58 0 011.15 0 63.07 63.07 0 002 9.72c1.08 3.73 2.4 7.58 3.62 9.18 3.19 4.22 7.56 7.39 11.67 8.49a5.48 5.48 0 005-.72c2.93-2.33 2.65-7.6 2.19-16.34-.47-9-1.11-21.34 1.85-34.55 5.62-25 10.91-32.51 17.61-42 .86-1.22 1.75-2.47 2.65-3.79 1.44-2.08 3-4.1 4.67-6.23 7.47-9.61 15.93-20.49 13.92-40.95-.51-5.19-.76-8.83-.86-11.39a1 1 0 011.88-.59l.49.77 1.21 2c4.86 8 13.64 22.57 25.1 22.57a13.62 13.62 0 002.36-.21c23.39-3.93 51.9-30.25 52.17-30.51 3.12-3 2.84-6.14 1.64-7.91a5.18 5.18 0 00-6.45-1.72c-3.29 1.4-7.14 3.15-11.22 5-13.82 6.27-37 16.75-42.25 14.34a23.11 23.11 0 01-6.32-5.13 1 1 0 011.14-1.65c5.59 2.29 9.55 1.45 14.2-.08l1-.34c9.37-3.09 14.2-4.77 30.76-12.08a97.55 97.55 0 0116.26-5.93c4-1 6.42-1.63 7.71-4.34a6.65 6.65 0 00-.5-7.13c-1.53-1.87-4.07-2.57-7-1.9-3.22.75-4.7 3-6.41 4.49-2.4 2.05-5 4.16-17.19 8.65-27 10-34.58 10.61-45.21 3.43-9.84-6.69-15.15-13.23-15.15-16 0-2.13 5.45-5.7 8.71-7.84 1.33-.87 2.59-1.69 3.62-2.46 4.34-3.22 13-11.39 13.38-11.73 5.4-5.41 17.91-2.18 25 2.58a2.23 2.23 0 001.72.41 2.14 2.14 0 001.68-2.58c-4.2-17.46-.13-27.34 4-32.55a22.58 22.58 0 0117.48-8.48c12.81 0 21.76 10 21.76 24.42 0 11-2.82 16.79-5.48 20.3a1.73 1.73 0 01-2.58.18 1.78 1.78 0 01-.24-2.2A24.61 24.61 0 00290 114a16.58 16.58 0 00-16.84-16.67c-3.94 0-13.48 1.5-16.77 15.44a29.81 29.81 0 00-.34 11.07l.08.71c.9 7.38 15.3 12.51 27.23 15.51 11.36 2.85 13 6.22 8.84 19.63s3.11 26.23 5.7 29.57a78.3 78.3 0 018.31 12.47 93.8 93.8 0 016.62 16.48c2.17 6.79 4.05 12.65 10.63 21.22 11.07 14.4 17.66 48.64 15 78-.21 2.41-.53 4.29-.77 5.67-.43 2.53-.72 4.2.66 5.38s3.16.7 7.26-.63l3.43-1.09a109.33 109.33 0 0112.58-2.8 2.15 2.15 0 001.59-1.16c3.43-6.91 3.85-15.22 4-22.47q0-1.31.06-2.79c.19-7.77.45-18.93-2.95-32a1 1 0 011.93-.64 93 93 0 016.66 25.55c2.55 22.58-1.9 32.09-1.94 32.17a1.61 1.61 0 00.95 2.25 17.12 17.12 0 016.95 4.67c1.46 1.66.93 2.4-1.14 1.62a36.26 36.26 0 00-12.77-2.29c-10.4 0-18.09 4.95-21.51 9.19-3.19 3.94-3.7 7.67-3.83 11.27l-.06.05c-7.48-.75-12.94 1.21-17.47 6.21l-.08.09c-6.26 7.75-4 24.63-1.29 38.48 1.28 6.45 5.59 25.52 1.73 37.68zm96.1 10.07c-15.71 6.71-25.43 14.51-34 21.39-5.65 4.53-11 8.81-17.28 12.14-10.12 5.34-24.91 6.53-33.27-7.7-2.37-4-.71-9.86 1.58-17.95 3.05-10.75 7.23-25.46 3.71-44.65-.94-5.12-1.77-9.51-2.49-13.31C334 377 332.9 371.43 334 367c.63-2.45 3.43-3 5.87-3a20.83 20.83 0 012.63.19 29.51 29.51 0 007 12.1c5.7 5.86 13.63 8.83 23.56 8.85 2.1.17 25.94 1.55 36.54-22.4 1.46.18 3.65.7 4.3 2.3 1.28 3.19-.27 8.91-1.52 13.5-.9 3.31-1.68 6.16-1.63 8.37.31 16 11 22.78 25.83 32.16 1.79 1.13 3.66 2.31 5.55 3.54S445 425 445 426c-.52 4.79-20 13.16-26.45 15.91z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTux = props => {
 LogoTux.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTwitch.js b/src/LogoTwitch.js
index 0aebf9551..f88db4936 100644
--- a/src/LogoTwitch.js
+++ b/src/LogoTwitch.js
@@ -15,7 +15,7 @@ const LogoTwitch = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 32l-32 80v304h96v64h64l64-64h80l112-112V32zm336 256l-64 64h-96l-64 64v-64h-80V80h304z"/><path d="M320 143h48v129h-48zM208 143h48v129h-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 32l-32 80v304h96v64h64l64-64h80l112-112V32zm336 256l-64 64h-96l-64 64v-64h-80V80h304z" /><path d="M320 143h48v129h-48zM208 143h48v129h-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTwitch = props => {
 LogoTwitch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoTwitter.js b/src/LogoTwitter.js
index 3d75c0b4e..cb5018507 100644
--- a/src/LogoTwitter.js
+++ b/src/LogoTwitter.js
@@ -15,7 +15,7 @@ const LogoTwitter = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoTwitter = props => {
 LogoTwitter.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoUsd.js b/src/LogoUsd.js
index 6a0d46893..ca5e6711b 100644
--- a/src/LogoUsd.js
+++ b/src/LogoUsd.js
@@ -15,7 +15,7 @@ const LogoUsd = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 480v-36.42C160.53 439 112.25 398.06 112 336h72c1.77 26.34 23.86 46.45 56 50v-98l-26.77-7c-61-14.18-93.64-49.39-93.64-102.08C119.59 116.81 164.08 76.08 240 70V32h32v38c77.39 6.3 119 47.74 120 106h-72c-.76-24.06-15.83-43.39-48-46v92l30.82 7.28C367.61 243.46 400 277 400 332c0 64.34-43.74 105.88-128 111.32V480zm0-264v-86c-27.59 1.52-47.27 18.47-47.27 42.53 0 22.3 16.39 36.88 47.27 43.47zm32 78v92c38.15-1.54 56.38-18.92 56.38-45.77 0-24.58-18.23-41.13-56.38-46.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 480v-36.42C160.53 439 112.25 398.06 112 336h72c1.77 26.34 23.86 46.45 56 50v-98l-26.77-7c-61-14.18-93.64-49.39-93.64-102.08C119.59 116.81 164.08 76.08 240 70V32h32v38c77.39 6.3 119 47.74 120 106h-72c-.76-24.06-15.83-43.39-48-46v92l30.82 7.28C367.61 243.46 400 277 400 332c0 64.34-43.74 105.88-128 111.32V480zm0-264v-86c-27.59 1.52-47.27 18.47-47.27 42.53 0 22.3 16.39 36.88 47.27 43.47zm32 78v92c38.15-1.54 56.38-18.92 56.38-45.77 0-24.58-18.23-41.13-56.38-46.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoUsd = props => {
 LogoUsd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoVenmo.js b/src/LogoVenmo.js
index 65e4ef8a8..6a9d84f54 100644
--- a/src/LogoVenmo.js
+++ b/src/LogoVenmo.js
@@ -15,7 +15,7 @@ const LogoVenmo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89V441.6c0 20.31 17.85 38.4 38.28 38.4h373.78c20.54 0 35.94-18.2 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zM278 387H174.32l-41.57-248.56 90.75-8.62 22 176.87c20.53-33.45 45.88-86 45.88-121.87 0-19.62-3.36-33-8.61-44l82.63-16.72c9.56 15.78 13.86 32 13.86 52.57-.01 65.5-55.92 150.59-101.26 210.33z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89V441.6c0 20.31 17.85 38.4 38.28 38.4h373.78c20.54 0 35.94-18.2 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zM278 387H174.32l-41.57-248.56 90.75-8.62 22 176.87c20.53-33.45 45.88-86 45.88-121.87 0-19.62-3.36-33-8.61-44l82.63-16.72c9.56 15.78 13.86 32 13.86 52.57-.01 65.5-55.92 150.59-101.26 210.33z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoVenmo = props => {
 LogoVenmo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoVercel.js b/src/LogoVercel.js
index cccf26dee..4655e757c 100644
--- a/src/LogoVercel.js
+++ b/src/LogoVercel.js
@@ -15,7 +15,7 @@ const LogoVercel = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill-rule="evenodd" d="M256 48l240 416H16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill-rule="evenodd" d="M256 48l240 416H16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoVercel = props => {
 LogoVercel.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoVimeo.js b/src/LogoVimeo.js
index bc91df137..1544e8cf5 100644
--- a/src/LogoVimeo.js
+++ b/src/LogoVimeo.js
@@ -15,7 +15,7 @@ const LogoVimeo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M476.9 114c-5-23.39-17.51-38.78-40.61-46.27s-64.92-4.5-94.12 16.79c-26.79 19.51-46.26 54.42-54 78.28a4 4 0 005.13 5c10.77-3.8 21.72-7.1 34-6.45 15 .8 24.51 12 24.91 25.29.3 9.79-.2 18.69-3.6 27.68-10.74 28.68-27.61 56.46-47.55 80.75a72.49 72.49 0 01-10 9.89c-10.21 8.29-18.81 6.1-25.41-5.2-5.4-9.29-9-18.88-12.2-29.08-12.4-39.67-16.81-80.84-23.81-121.52-3.3-19.48-7-39.77-18-56.86-11.6-17.79-28.61-24.58-50-22-14.7 1.8-36.91 17.49-47.81 26.39 0 0-56 46.87-81.82 71.35l21.2 27s17.91-12.49 27.51-18.29c5.7-3.39 12.4-4.09 17.2.2 4.51 3.9 9.61 9 12.31 14.1 5.7 10.69 11.2 21.88 14.7 33.37 13.2 44.27 25.51 88.64 37.81 133.22 6.3 22.78 13.9 44.17 28 63.55 19.31 26.59 39.61 32.68 70.92 21.49 25.41-9.09 46.61-26.18 66-43.87 33.11-30.18 59.12-65.36 85.52-101.14 20.41-27.67 37.31-55.67 51.41-86.95C478.5 179.74 484 147.26 476.9 114z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M476.9 114c-5-23.39-17.51-38.78-40.61-46.27s-64.92-4.5-94.12 16.79c-26.79 19.51-46.26 54.42-54 78.28a4 4 0 005.13 5c10.77-3.8 21.72-7.1 34-6.45 15 .8 24.51 12 24.91 25.29.3 9.79-.2 18.69-3.6 27.68-10.74 28.68-27.61 56.46-47.55 80.75a72.49 72.49 0 01-10 9.89c-10.21 8.29-18.81 6.1-25.41-5.2-5.4-9.29-9-18.88-12.2-29.08-12.4-39.67-16.81-80.84-23.81-121.52-3.3-19.48-7-39.77-18-56.86-11.6-17.79-28.61-24.58-50-22-14.7 1.8-36.91 17.49-47.81 26.39 0 0-56 46.87-81.82 71.35l21.2 27s17.91-12.49 27.51-18.29c5.7-3.39 12.4-4.09 17.2.2 4.51 3.9 9.61 9 12.31 14.1 5.7 10.69 11.2 21.88 14.7 33.37 13.2 44.27 25.51 88.64 37.81 133.22 6.3 22.78 13.9 44.17 28 63.55 19.31 26.59 39.61 32.68 70.92 21.49 25.41-9.09 46.61-26.18 66-43.87 33.11-30.18 59.12-65.36 85.52-101.14 20.41-27.67 37.31-55.67 51.41-86.95C478.5 179.74 484 147.26 476.9 114z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoVimeo = props => {
 LogoVimeo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoVk.js b/src/LogoVk.js
index 595356546..15d6f1b17 100644
--- a/src/LogoVk.js
+++ b/src/LogoVk.js
@@ -15,7 +15,7 @@ const LogoVk = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M484.7 132c3.56-11.28 0-19.48-15.75-19.48h-52.37c-13.21 0-19.31 7.18-22.87 14.86 0 0-26.94 65.6-64.56 108.13-12.2 12.3-17.79 16.4-24.4 16.4-3.56 0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14 0-13.22 6.15-13.22 12.3 0 12.81 18.81 15.89 20.84 51.76V254c0 16.91-3 20-9.66 20-17.79 0-61-66.11-86.92-141.44C105 117.64 99.88 112 86.66 112H33.79C18.54 112 16 119.17 16 126.86c0 13.84 17.79 83.53 82.86 175.77 43.21 63 104.72 96.86 160.13 96.86 33.56 0 37.62-7.69 37.62-20.5v-47.66c0-15.37 3.05-17.93 13.73-17.93 7.62 0 21.35 4.09 52.36 34.33C398.28 383.6 404.38 400 424.21 400h52.36c15.25 0 22.37-7.69 18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35 0-23.57-.51 0 63.55-91.22 70.15-122" fill-rule="evenodd"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M484.7 132c3.56-11.28 0-19.48-15.75-19.48h-52.37c-13.21 0-19.31 7.18-22.87 14.86 0 0-26.94 65.6-64.56 108.13-12.2 12.3-17.79 16.4-24.4 16.4-3.56 0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14 0-13.22 6.15-13.22 12.3 0 12.81 18.81 15.89 20.84 51.76V254c0 16.91-3 20-9.66 20-17.79 0-61-66.11-86.92-141.44C105 117.64 99.88 112 86.66 112H33.79C18.54 112 16 119.17 16 126.86c0 13.84 17.79 83.53 82.86 175.77 43.21 63 104.72 96.86 160.13 96.86 33.56 0 37.62-7.69 37.62-20.5v-47.66c0-15.37 3.05-17.93 13.73-17.93 7.62 0 21.35 4.09 52.36 34.33C398.28 383.6 404.38 400 424.21 400h52.36c15.25 0 22.37-7.69 18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35 0-23.57-.51 0 63.55-91.22 70.15-122" fill-rule="evenodd" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoVk = props => {
 LogoVk.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoVue.js b/src/LogoVue.js
index 52ad54d34..c1163a082 100644
--- a/src/LogoVue.js
+++ b/src/LogoVue.js
@@ -15,7 +15,7 @@ const LogoVue = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 144.03l-55.49-96.11h-79.43L256 281.61 390.92 47.92h-79.43L256 144.03z"/><path d="M409.4 47.92L256 313.61 102.6 47.92H15.74L256 464.08 496.26 47.92H409.4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 144.03l-55.49-96.11h-79.43L256 281.61 390.92 47.92h-79.43L256 144.03z" /><path d="M409.4 47.92L256 313.61 102.6 47.92H15.74L256 464.08 496.26 47.92H409.4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoVue = props => {
 LogoVue.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoWebComponent.js b/src/LogoWebComponent.js
index 1ae5eabe1..ff52cd644 100644
--- a/src/LogoWebComponent.js
+++ b/src/LogoWebComponent.js
@@ -15,7 +15,7 @@ const LogoWebComponent = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M179.9 388l-76.16-132 76.16 132zM179.9 388h152.21l76.15-132-76.15-132H179.9l-76.16 132 76.16 132zM103.74 256l76.16-132-76.16 132z"/><path d="M496 256L376 48H239.74l-43.84 76h136.21l76.15 132-76.15 132H195.9l43.84 76H376l120-208z"/><path d="M179.9 388l-76.16-132 76.16-132 43.84-76H136L16 256l120 208h87.74l-43.84-76z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M179.9 388l-76.16-132 76.16 132zM179.9 388h152.21l76.15-132-76.15-132H179.9l-76.16 132 76.16 132zM103.74 256l76.16-132-76.16 132z" /><path d="M496 256L376 48H239.74l-43.84 76h136.21l76.15 132-76.15 132H195.9l43.84 76H376l120-208z" /><path d="M179.9 388l-76.16-132 76.16-132 43.84-76H136L16 256l120 208h87.74l-43.84-76z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoWebComponent = props => {
 LogoWebComponent.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoWechat.js b/src/LogoWechat.js
index 8a523106c..e739a1ec3 100644
--- a/src/LogoWechat.js
+++ b/src/LogoWechat.js
@@ -15,7 +15,7 @@ const LogoWechat = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path data-name="XMLID 501 -1" d="M408.67 298.53a21 21 0 1120.9-21 20.85 20.85 0 01-20.9 21m-102.17 0a21 21 0 1120.9-21 20.84 20.84 0 01-20.9 21m152.09 118.86C491.1 394.08 512 359.13 512 319.51c0-71.08-68.5-129.35-154.41-129.35s-154.42 58.27-154.42 129.35 68.5 129.34 154.42 129.34c17.41 0 34.83-2.33 49.92-7 2.49-.86 3.48-1.17 4.64-1.17a16.67 16.67 0 018.13 2.34L454 462.83a11.62 11.62 0 003.48 1.17 5 5 0 004.65-4.66 14.27 14.27 0 00-.77-3.86c-.41-1.46-5-16-7.36-25.27a18.94 18.94 0 01-.33-3.47 11.4 11.4 0 015-9.35"/><path data-name="XMLID 505 -7" d="M246.13 178.51a24.47 24.47 0 010-48.94c12.77 0 24.38 11.65 24.38 24.47 1.16 12.82-10.45 24.47-24.38 24.47m-123.06 0A24.47 24.47 0 11147.45 154a24.57 24.57 0 01-24.38 24.47M184.6 48C82.43 48 0 116.75 0 203c0 46.61 24.38 88.56 63.85 116.53C67.34 321.84 68 327 68 329a11.38 11.38 0 01-.66 4.49C63.85 345.14 59.4 364 59.21 365s-1.16 3.5-1.16 4.66a5.49 5.49 0 005.8 5.83 7.15 7.15 0 003.49-1.17L108 351c3.49-2.33 5.81-2.33 9.29-2.33a16.33 16.33 0 015.81 1.16c18.57 5.83 39.47 8.16 60.37 8.16h10.45a133.24 133.24 0 01-5.81-38.45c0-78.08 75.47-141 168.35-141h10.45C354.1 105.1 277.48 48 184.6 48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path data-name="XMLID 501 -1" d="M408.67 298.53a21 21 0 1120.9-21 20.85 20.85 0 01-20.9 21m-102.17 0a21 21 0 1120.9-21 20.84 20.84 0 01-20.9 21m152.09 118.86C491.1 394.08 512 359.13 512 319.51c0-71.08-68.5-129.35-154.41-129.35s-154.42 58.27-154.42 129.35 68.5 129.34 154.42 129.34c17.41 0 34.83-2.33 49.92-7 2.49-.86 3.48-1.17 4.64-1.17a16.67 16.67 0 018.13 2.34L454 462.83a11.62 11.62 0 003.48 1.17 5 5 0 004.65-4.66 14.27 14.27 0 00-.77-3.86c-.41-1.46-5-16-7.36-25.27a18.94 18.94 0 01-.33-3.47 11.4 11.4 0 015-9.35" /><path data-name="XMLID 505 -7" d="M246.13 178.51a24.47 24.47 0 010-48.94c12.77 0 24.38 11.65 24.38 24.47 1.16 12.82-10.45 24.47-24.38 24.47m-123.06 0A24.47 24.47 0 11147.45 154a24.57 24.57 0 01-24.38 24.47M184.6 48C82.43 48 0 116.75 0 203c0 46.61 24.38 88.56 63.85 116.53C67.34 321.84 68 327 68 329a11.38 11.38 0 01-.66 4.49C63.85 345.14 59.4 364 59.21 365s-1.16 3.5-1.16 4.66a5.49 5.49 0 005.8 5.83 7.15 7.15 0 003.49-1.17L108 351c3.49-2.33 5.81-2.33 9.29-2.33a16.33 16.33 0 015.81 1.16c18.57 5.83 39.47 8.16 60.37 8.16h10.45a133.24 133.24 0 01-5.81-38.45c0-78.08 75.47-141 168.35-141h10.45C354.1 105.1 277.48 48 184.6 48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoWechat = props => {
 LogoWechat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoWhatsapp.js b/src/LogoWhatsapp.js
index e29f32af3..cd33fad57 100644
--- a/src/LogoWhatsapp.js
+++ b/src/LogoWhatsapp.js
@@ -15,7 +15,7 @@ const LogoWhatsapp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z" fill-rule="evenodd"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z" fill-rule="evenodd" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoWhatsapp = props => {
 LogoWhatsapp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoWindows.js b/src/LogoWindows.js
index 9767d392b..38b486a27 100644
--- a/src/LogoWindows.js
+++ b/src/LogoWindows.js
@@ -15,7 +15,7 @@ const LogoWindows = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 265H232v179l248 36V265zM216 265H32v150l184 26.7V265zM480 32L232 67.4V249h248V32zM216 69.7L32 96v153h184V69.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 265H232v179l248 36V265zM216 265H32v150l184 26.7V265zM480 32L232 67.4V249h248V32zM216 69.7L32 96v153h184V69.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoWindows = props => {
 LogoWindows.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoWordpress.js b/src/LogoWordpress.js
index e2df3302a..784c94a9d 100644
--- a/src/LogoWordpress.js
+++ b/src/LogoWordpress.js
@@ -15,7 +15,7 @@ const LogoWordpress = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M259 271.3L226.2 367h-.1l-25.4 73.1c1.8.5 3.5.9 5.3 1.4h.3a192.51 192.51 0 0049.5 6.5 157 157 0 0024.9-1.8 184.3 184.3 0 0032.5-7.1c2.6-.8 5.2-1.7 7.8-2.6-2.8-6-8.8-19.3-9.1-19.9zM80.8 180.5C70.8 203.1 64 230.9 64 256c0 6.3.3 12.6.9 18.8 6.9 71.2 52.9 131 116.1 157.9 2.6 1.1 5.3 2.2 8 3.2L96 180.6c-8-.3-9.5.2-15.2-.1z"/><path d="M430.2 175.4a188 188 0 00-15.1-26.6c-1.6-2.4-3.4-4.8-5.1-7.2A193 193 0 00325.1 77a189.2 189.2 0 00-69.2-13 191.51 191.51 0 00-149.4 71.7A196 196 0 0089 161.3c14.2.1 31.8.1 33.8.1 18.1 0 46-2.2 46-2.2 9.4-.6 10.4 13.1 1.1 14.2 0 0-9.4 1.1-19.8 1.6L213 362l37.8-113.3-26.8-73.6c-9.4-.5-18.1-1.6-18.1-1.6-9.4-.5-8.2-14.8 1-14.2 0 0 28.5 2.2 45.5 2.2 18.1 0 46-2.2 46-2.2 9.3-.6 10.5 13.1 1.1 14.2 0 0-9.3 1.1-19.7 1.6l62.3 185.6 17.3-57.6c8.7-22.4 13.1-40.9 13.1-55.7 0-21.3-7.7-36.1-14.3-47.6-8.7-14.3-16.9-26.3-16.9-40.4 0-15.9 12-30.7 29-30.7h2.2c26.2-.7 34.8 25.3 35.9 43v.6c.4 7.2.1 12.5.1 18.8 0 17.4-3.3 37.1-13.1 61.8l-39 112.8-22.3 65.7c1.8-.8 3.5-1.6 5.3-2.5 56.7-27.4 98-82 106.7-146.7a172.07 172.07 0 001.9-26 191.11 191.11 0 00-17.8-80.8z"/><path d="M256 48a208.06 208.06 0 0181 399.66A208.06 208.06 0 01175 64.34 206.7 206.7 0 01256 48m0-16C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M259 271.3L226.2 367h-.1l-25.4 73.1c1.8.5 3.5.9 5.3 1.4h.3a192.51 192.51 0 0049.5 6.5 157 157 0 0024.9-1.8 184.3 184.3 0 0032.5-7.1c2.6-.8 5.2-1.7 7.8-2.6-2.8-6-8.8-19.3-9.1-19.9zM80.8 180.5C70.8 203.1 64 230.9 64 256c0 6.3.3 12.6.9 18.8 6.9 71.2 52.9 131 116.1 157.9 2.6 1.1 5.3 2.2 8 3.2L96 180.6c-8-.3-9.5.2-15.2-.1z" /><path d="M430.2 175.4a188 188 0 00-15.1-26.6c-1.6-2.4-3.4-4.8-5.1-7.2A193 193 0 00325.1 77a189.2 189.2 0 00-69.2-13 191.51 191.51 0 00-149.4 71.7A196 196 0 0089 161.3c14.2.1 31.8.1 33.8.1 18.1 0 46-2.2 46-2.2 9.4-.6 10.4 13.1 1.1 14.2 0 0-9.4 1.1-19.8 1.6L213 362l37.8-113.3-26.8-73.6c-9.4-.5-18.1-1.6-18.1-1.6-9.4-.5-8.2-14.8 1-14.2 0 0 28.5 2.2 45.5 2.2 18.1 0 46-2.2 46-2.2 9.3-.6 10.5 13.1 1.1 14.2 0 0-9.3 1.1-19.7 1.6l62.3 185.6 17.3-57.6c8.7-22.4 13.1-40.9 13.1-55.7 0-21.3-7.7-36.1-14.3-47.6-8.7-14.3-16.9-26.3-16.9-40.4 0-15.9 12-30.7 29-30.7h2.2c26.2-.7 34.8 25.3 35.9 43v.6c.4 7.2.1 12.5.1 18.8 0 17.4-3.3 37.1-13.1 61.8l-39 112.8-22.3 65.7c1.8-.8 3.5-1.6 5.3-2.5 56.7-27.4 98-82 106.7-146.7a172.07 172.07 0 001.9-26 191.11 191.11 0 00-17.8-80.8z" /><path d="M256 48a208.06 208.06 0 0181 399.66A208.06 208.06 0 01175 64.34 206.7 206.7 0 01256 48m0-16C132.29 32 32 132.29 32 256s100.29 224 224 224 224-100.29 224-224S379.71 32 256 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoWordpress = props => {
 LogoWordpress.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoXbox.js b/src/LogoXbox.js
index 44c0ec271..5e5134dd7 100644
--- a/src/LogoXbox.js
+++ b/src/LogoXbox.js
@@ -15,7 +15,7 @@ const LogoXbox = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0077.2 391c0-4.4.6-70.3 49.6-142.7zM480 256a223.71 223.71 0 00-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 00480 256zM201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 00-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5zM358.7 292.9C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 00333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126.8 248.3c39.7-58.6 77.9-92.8 77.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8A224.13 224.13 0 0077.2 391c0-4.4.6-70.3 49.6-142.7zM480 256a223.71 223.71 0 00-76.6-168.7l-3.2.9c-50.7 18.5-92.9 67.4-92.9 67.4s38.2 34.2 77.9 92.8c49 72.4 49.6 138.3 49.5 142.7A222.8 222.8 0 00480 256zM201.2 80.9c29.3 13.1 54.6 34.6 54.6 34.6s25.5-21.4 54.8-34.6c36.8-16.5 64.9-11.3 72.3-9.5a224.06 224.06 0 00-253.8 0c7.2-1.8 35.2-7.1 72.1 9.5zM358.7 292.9C312.4 236 255.8 199 255.8 199s-56.3 37-102.7 93.9c-39.8 48.9-54.6 84.8-62.6 107.8l-1.3 4.8a224 224 0 00333.6 0l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoXbox = props => {
 LogoXbox.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoXing.js b/src/LogoXing.js
index ecff70c1c..642704093 100644
--- a/src/LogoXing.js
+++ b/src/LogoXing.js
@@ -15,7 +15,7 @@ const LogoXing = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 000 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 01.1-1.4zM221.9 216.2L163 113a2 2 0 00-2-1H65l58.9 104.4a1.13 1.13 0 01.1.8L43 352h96.8a1.54 1.54 0 001.6-.9l80.5-133.7a2.44 2.44 0 000-1.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoXing = props => {
 LogoXing.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoYahoo.js b/src/LogoYahoo.js
index f0d491b82..e6a2e54af 100644
--- a/src/LogoYahoo.js
+++ b/src/LogoYahoo.js
@@ -15,7 +15,7 @@ const LogoYahoo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.32 37.13c-13.56 0-27-.93-39.12-5.13L256 218.67 140.8 32c-12.12 4.2-24.84 5.13-38.4 5.13-13.32 0-26.52-1.05-38.4-5.13l153.6 248.15V480c12-4.08 25-5.13 38.4-5.13s26.4 1.05 38.4 5.13V280.5L448 32c-11.88 4-24.36 5.13-37.68 5.13z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M410.32 37.13c-13.56 0-27-.93-39.12-5.13L256 218.67 140.8 32c-12.12 4.2-24.84 5.13-38.4 5.13-13.32 0-26.52-1.05-38.4-5.13l153.6 248.15V480c12-4.08 25-5.13 38.4-5.13s26.4 1.05 38.4 5.13V280.5L448 32c-11.88 4-24.36 5.13-37.68 5.13z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoYahoo = props => {
 LogoYahoo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoYen.js b/src/LogoYen.js
index b020eeb0d..46943c979 100644
--- a/src/LogoYen.js
+++ b/src/LogoYen.js
@@ -15,7 +15,7 @@ const LogoYen = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 32h-80L256 253.13 144 32H64l112.37 208H128v48h73.56L216 319v17h-88v48h88v96h80v-96h88v-48h-88v-17l14.89-31H384v-48h-48.29z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 32h-80L256 253.13 144 32H64l112.37 208H128v48h73.56L216 319v17h-88v48h88v96h80v-96h88v-48h-88v-17l14.89-31H384v-48h-48.29z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoYen = props => {
 LogoYen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/LogoYoutube.js b/src/LogoYoutube.js
index aebf9e502..dd5fa31f7 100644
--- a/src/LogoYoutube.js
+++ b/src/LogoYoutube.js
@@ -15,7 +15,7 @@ const LogoYoutube = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const LogoYoutube = props => {
 LogoYoutube.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Magnet.js b/src/Magnet.js
index 3c09dd6ca..de8adaeba 100644
--- a/src/Magnet.js
+++ b/src/Magnet.js
@@ -15,7 +15,7 @@ const Magnet = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M191.98 463.79v-48M90.16 421.61l33.94-33.94M47.98 319.79h48"/><path d="M267.56 312.32l-31.11 31.11a16 16 0 000 22.63l45.26 45.25a16 16 0 0022.62 0l31.12-31.11a4 4 0 000-5.66l-62.23-62.22a4 4 0 00-5.66 0zM131.8 176.55l-31.11 31.12a16 16 0 000 22.62l45.25 45.26a16 16 0 0022.63 0l31.11-31.11a4 4 0 000-5.66l-62.22-62.23a4 4 0 00-5.66 0zM428.85 83.28a144 144 0 00-203.71-.06l-65.06 65.05a4 4 0 000 5.66l62.23 62.22a4 4 0 005.66 0l65-65.05a48 48 0 0168.46.59c18.3 18.92 17.47 49.24-1.14 67.85L295.85 284a4 4 0 000 5.66l62.22 62.23a4 4 0 005.66 0l64.08-64.08c56.37-56.34 57.37-148.13 1.04-204.53z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M191.98 463.79v-48M90.16 421.61l33.94-33.94M47.98 319.79h48" /><path d="M267.56 312.32l-31.11 31.11a16 16 0 000 22.63l45.26 45.25a16 16 0 0022.62 0l31.12-31.11a4 4 0 000-5.66l-62.23-62.22a4 4 0 00-5.66 0zM131.8 176.55l-31.11 31.12a16 16 0 000 22.62l45.25 45.26a16 16 0 0022.63 0l31.11-31.11a4 4 0 000-5.66l-62.22-62.23a4 4 0 00-5.66 0zM428.85 83.28a144 144 0 00-203.71-.06l-65.06 65.05a4 4 0 000 5.66l62.23 62.22a4 4 0 005.66 0l65-65.05a48 48 0 0168.46.59c18.3 18.92 17.47 49.24-1.14 67.85L295.85 284a4 4 0 000 5.66l62.22 62.23a4 4 0 005.66 0l64.08-64.08c56.37-56.34 57.37-148.13 1.04-204.53z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Magnet = props => {
 Magnet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MagnetOutline.js b/src/MagnetOutline.js
index 72e4cf5a0..7cbd81458 100644
--- a/src/MagnetOutline.js
+++ b/src/MagnetOutline.js
@@ -15,7 +15,7 @@ const MagnetOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M421.83 293.82A144 144 0 00218.18 90.17M353.94 225.94a48 48 0 00-67.88-67.88" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M192 464v-48M90.18 421.82l33.94-33.94M48 320h48"/><path d="M286.06 158.06L172.92 271.19a32 32 0 01-45.25 0L105 248.57a32 32 0 010-45.26L218.18 90.17M421.83 293.82L308.69 407a32 32 0 01-45.26 0l-22.62-22.63a32 32 0 010-45.26l113.13-113.17M139.6 169.98l67.88 67.89M275.36 305.75l67.89 67.88" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M421.83 293.82A144 144 0 00218.18 90.17M353.94 225.94a48 48 0 00-67.88-67.88" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M192 464v-48M90.18 421.82l33.94-33.94M48 320h48" /><path d="M286.06 158.06L172.92 271.19a32 32 0 01-45.25 0L105 248.57a32 32 0 010-45.26L218.18 90.17M421.83 293.82L308.69 407a32 32 0 01-45.26 0l-22.62-22.63a32 32 0 010-45.26l113.13-113.17M139.6 169.98l67.88 67.89M275.36 305.75l67.89 67.88" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MagnetOutline = props => {
 MagnetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MagnetSharp.js b/src/MagnetSharp.js
index 61b742052..11ea21007 100644
--- a/src/MagnetSharp.js
+++ b/src/MagnetSharp.js
@@ -15,7 +15,7 @@ const MagnetSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M191.98 463.58v-48M90.16 421.4l33.94-33.94M47.98 319.58h48"/><path d="M422.2 89.82a144 144 0 00-203.71-.07l-67.88 67.88 67.88 67.89 67.88-67.89a48 48 0 0168.46.59c18.3 18.92 17.48 49.24-1.14 67.86l-67.32 67.32 67.88 67.88 66.91-66.91c56.37-56.37 57.37-148.15 1.04-204.55zM82.718 225.517l45.255-45.254 67.883 67.882L150.6 293.4zM218.49 361.27l45.254-45.254 67.882 67.882-45.255 45.255z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M191.98 463.58v-48M90.16 421.4l33.94-33.94M47.98 319.58h48" /><path d="M422.2 89.82a144 144 0 00-203.71-.07l-67.88 67.88 67.88 67.89 67.88-67.89a48 48 0 0168.46.59c18.3 18.92 17.48 49.24-1.14 67.86l-67.32 67.32 67.88 67.88 66.91-66.91c56.37-56.37 57.37-148.15 1.04-204.55zM82.718 225.517l45.255-45.254 67.883 67.882L150.6 293.4zM218.49 361.27l45.254-45.254 67.882 67.882-45.255 45.255z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MagnetSharp = props => {
 MagnetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Mail.js b/src/Mail.js
index dac60380c..a0d316524 100644
--- a/src/Mail.js
+++ b/src/Mail.js
@@ -15,7 +15,7 @@ const Mail = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zm-14.18 92.63l-144 112a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l134.18-104.36a16 16 0 0119.64 25.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M424 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zm-14.18 92.63l-144 112a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l134.18-104.36a16 16 0 0119.64 25.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Mail = props => {
 Mail.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailOpen.js b/src/MailOpen.js
index 18c6e01c5..c6fce5b88 100644
--- a/src/MailOpen.js
+++ b/src/MailOpen.js
@@ -15,7 +15,7 @@ const MailOpen = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448.67 154.45L274.1 68.2a41.1 41.1 0 00-36.2 0L63.33 154.45A55.6 55.6 0 0032 204.53v184.61c0 30.88 25.42 56 56.67 56h334.66c31.25 0 56.67-25.12 56.67-56V204.53a55.6 55.6 0 00-31.33-50.08zM252.38 96.82a8.22 8.22 0 017.24 0L429 180.48l-172 85a8.22 8.22 0 01-7.24 0L80.35 181.81z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448.67 154.45L274.1 68.2a41.1 41.1 0 00-36.2 0L63.33 154.45A55.6 55.6 0 0032 204.53v184.61c0 30.88 25.42 56 56.67 56h334.66c31.25 0 56.67-25.12 56.67-56V204.53a55.6 55.6 0 00-31.33-50.08zM252.38 96.82a8.22 8.22 0 017.24 0L429 180.48l-172 85a8.22 8.22 0 01-7.24 0L80.35 181.81z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailOpen = props => {
 MailOpen.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailOpenOutline.js b/src/MailOpenOutline.js
index 6fe5d04e2..9c0efc364 100644
--- a/src/MailOpenOutline.js
+++ b/src/MailOpenOutline.js
@@ -15,7 +15,7 @@ const MailOpenOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441.6 171.61L266.87 85.37a24.57 24.57 0 00-21.74 0L70.4 171.61A40 40 0 0048 207.39V392c0 22.09 18.14 40 40.52 40h335c22.38 0 40.52-17.91 40.52-40V207.39a40 40 0 00-22.44-35.78z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M397.33 368L268.07 267.46a24 24 0 00-29.47 0L109.33 368M309.33 295l136-103M61.33 192l139 105" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441.6 171.61L266.87 85.37a24.57 24.57 0 00-21.74 0L70.4 171.61A40 40 0 0048 207.39V392c0 22.09 18.14 40 40.52 40h335c22.38 0 40.52-17.91 40.52-40V207.39a40 40 0 00-22.44-35.78z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M397.33 368L268.07 267.46a24 24 0 00-29.47 0L109.33 368M309.33 295l136-103M61.33 192l139 105" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailOpenOutline = props => {
 MailOpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailOpenSharp.js b/src/MailOpenSharp.js
index 3c939fd8b..f4a118156 100644
--- a/src/MailOpenSharp.js
+++ b/src/MailOpenSharp.js
@@ -15,7 +15,7 @@ const MailOpenSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M471.05 168.36L263.24 65.69a16.37 16.37 0 00-14.48 0L41 168.36a16 16 0 00-9 14.31V432a16.09 16.09 0 0016.19 16h415.62A16.09 16.09 0 00480 432V182.67a16 16 0 00-8.95-14.31zM256 97.89l173 85.44-175.7 86.78-173-85.44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M471.05 168.36L263.24 65.69a16.37 16.37 0 00-14.48 0L41 168.36a16 16 0 00-9 14.31V432a16.09 16.09 0 0016.19 16h415.62A16.09 16.09 0 00480 432V182.67a16 16 0 00-8.95-14.31zM256 97.89l173 85.44-175.7 86.78-173-85.44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailOpenSharp = props => {
 MailOpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailOutline.js b/src/MailOutline.js
index 011b6fc98..51b4583bc 100644
--- a/src/MailOutline.js
+++ b/src/MailOutline.js
@@ -15,7 +15,7 @@ const MailOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="40" ry="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l144 112 144-112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="96" width="416" height="320" rx="40" ry="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l144 112 144-112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailOutline = props => {
 MailOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailSharp.js b/src/MailSharp.js
index 0e13c01b8..ebce800c3 100644
--- a/src/MailSharp.js
+++ b/src/MailSharp.js
@@ -15,7 +15,7 @@ const MailSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V96a16 16 0 00-16-16zM265.82 284.63a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l146.81-114.18 19.64 25.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V96a16 16 0 00-16-16zM265.82 284.63a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l146.81-114.18 19.64 25.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailSharp = props => {
 MailSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailUnread.js b/src/MailUnread.js
index 5a9a35d3a..0b348fd46 100644
--- a/src/MailUnread.js
+++ b/src/MailUnread.js
@@ -15,7 +15,7 @@ const MailUnread = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 128.05A64 64 0 00389.62 80a64.52 64.52 0 00-12.71 15.3v.06c-.54.9-1.05 1.82-1.55 2.74l-.24.49c-.42.79-.81 1.59-1.19 2.4-.12.25-.23.5-.34.75-.33.73-.65 1.47-.95 2.22-.13.31-.25.62-.37.93-.27.7-.53 1.4-.78 2.11l-.36 1.06c-.22.68-.43 1.37-.63 2.06-.12.39-.23.77-.33 1.16-.19.67-.35 1.35-.51 2-.1.41-.2.82-.29 1.23-.14.68-.27 1.37-.39 2-.08.42-.16.84-.23 1.26-.11.7-.2 1.41-.29 2.12-.05.41-.11.82-.16 1.24-.08.77-.13 1.54-.19 2.32 0 .36-.06.72-.08 1.08-.06 1.14-.1 2.28-.1 3.44 0 1 0 2 .08 2.94v.64q.08 1.41.21 2.82l.06.48c.09.85.19 1.69.32 2.52 0 .17 0 .35.07.52.14.91.31 1.81.49 2.71 0 .22.09.43.13.65.18.86.38 1.72.6 2.57v.19c.23.89.48 1.76.75 2.63l.21.68c.27.85.55 1.68.85 2.51.06.18.13.36.2.54.27.71.55 1.42.84 2.12.08.21.16.41.25.61.34.79.69 1.58 1.06 2.36l.33.67c.35.7.7 1.4 1.07 2.09a64.34 64.34 0 0022.14 23.81 62.22 62.22 0 007.62 4.15l.39.18q2.66 1.2 5.43 2.16l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5 1.73.4 1.15.23 1.83.33.94.15c.9.13 1.81.25 2.72.35l.77.07c.73.06 1.47.12 2.21.16l.86.05c1 0 1.94.08 2.92.08 1.16 0 2.3 0 3.44-.1l1.08-.08c.78-.06 1.55-.11 2.32-.19l1.25-.16c.7-.09 1.41-.18 2.11-.29l1.26-.23c.68-.12 1.37-.25 2-.39l1.23-.29c.68-.16 1.36-.32 2-.51.39-.1.77-.21 1.16-.33.69-.2 1.38-.41 2.06-.63l1.06-.36c.71-.25 1.41-.51 2.11-.78l.93-.37c.75-.3 1.49-.62 2.22-.95l.75-.34c.81-.38 1.61-.77 2.4-1.19l.49-.24c.92-.5 1.84-1 2.74-1.55h.06A64.52 64.52 0 00480 170.38a63.81 63.81 0 0016-42.33z"/><path d="M371.38 202.53l-105.56 82.1a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l94.22-73.28A95.86 95.86 0 01348.81 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V211.19a95.85 95.85 0 01-108.62-8.66z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 128.05A64 64 0 00389.62 80a64.52 64.52 0 00-12.71 15.3v.06c-.54.9-1.05 1.82-1.55 2.74l-.24.49c-.42.79-.81 1.59-1.19 2.4-.12.25-.23.5-.34.75-.33.73-.65 1.47-.95 2.22-.13.31-.25.62-.37.93-.27.7-.53 1.4-.78 2.11l-.36 1.06c-.22.68-.43 1.37-.63 2.06-.12.39-.23.77-.33 1.16-.19.67-.35 1.35-.51 2-.1.41-.2.82-.29 1.23-.14.68-.27 1.37-.39 2-.08.42-.16.84-.23 1.26-.11.7-.2 1.41-.29 2.12-.05.41-.11.82-.16 1.24-.08.77-.13 1.54-.19 2.32 0 .36-.06.72-.08 1.08-.06 1.14-.1 2.28-.1 3.44 0 1 0 2 .08 2.94v.64q.08 1.41.21 2.82l.06.48c.09.85.19 1.69.32 2.52 0 .17 0 .35.07.52.14.91.31 1.81.49 2.71 0 .22.09.43.13.65.18.86.38 1.72.6 2.57v.19c.23.89.48 1.76.75 2.63l.21.68c.27.85.55 1.68.85 2.51.06.18.13.36.2.54.27.71.55 1.42.84 2.12.08.21.16.41.25.61.34.79.69 1.58 1.06 2.36l.33.67c.35.7.7 1.4 1.07 2.09a64.34 64.34 0 0022.14 23.81 62.22 62.22 0 007.62 4.15l.39.18q2.66 1.2 5.43 2.16l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5 1.73.4 1.15.23 1.83.33.94.15c.9.13 1.81.25 2.72.35l.77.07c.73.06 1.47.12 2.21.16l.86.05c1 0 1.94.08 2.92.08 1.16 0 2.3 0 3.44-.1l1.08-.08c.78-.06 1.55-.11 2.32-.19l1.25-.16c.7-.09 1.41-.18 2.11-.29l1.26-.23c.68-.12 1.37-.25 2-.39l1.23-.29c.68-.16 1.36-.32 2-.51.39-.1.77-.21 1.16-.33.69-.2 1.38-.41 2.06-.63l1.06-.36c.71-.25 1.41-.51 2.11-.78l.93-.37c.75-.3 1.49-.62 2.22-.95l.75-.34c.81-.38 1.61-.77 2.4-1.19l.49-.24c.92-.5 1.84-1 2.74-1.55h.06A64.52 64.52 0 00480 170.38a63.81 63.81 0 0016-42.33z" /><path d="M371.38 202.53l-105.56 82.1a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l94.22-73.28A95.86 95.86 0 01348.81 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V211.19a95.85 95.85 0 01-108.62-8.66z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailUnread = props => {
 MailUnread.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailUnreadOutline.js b/src/MailUnreadOutline.js
index 1efb3c464..1e543ae64 100644
--- a/src/MailUnreadOutline.js
+++ b/src/MailUnreadOutline.js
@@ -15,7 +15,7 @@ const MailUnreadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 96H88a40 40 0 00-40 40v240a40 40 0 0040 40h334.73a40 40 0 0040-40V239" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l144 112 87-65.67"/><circle cx="431.95" cy="128.05" r="47.95"/><path d="M432 192a63.95 63.95 0 1163.95-63.95A64 64 0 01432 192zm0-95.9a32 32 0 1031.95 32 32 32 0 00-31.95-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 96H88a40 40 0 00-40 40v240a40 40 0 0040 40h334.73a40 40 0 0040-40V239" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l144 112 87-65.67" /><circle cx="431.95" cy="128.05" r="47.95" /><path d="M432 192a63.95 63.95 0 1163.95-63.95A64 64 0 01432 192zm0-95.9a32 32 0 1031.95 32 32 32 0 00-31.95-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailUnreadOutline = props => {
 MailUnreadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MailUnreadSharp.js b/src/MailUnreadSharp.js
index c334f9da0..135dbee00 100644
--- a/src/MailUnreadSharp.js
+++ b/src/MailUnreadSharp.js
@@ -15,7 +15,7 @@ const MailUnreadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M374.09 101c-.11.23-.21.46-.31.7-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14-.12.35-.24.7-.35 1-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23-.15.67-.28 1.36-.4 2-.08.42-.16.84-.23 1.27-.11.69-.2 1.4-.29 2.1-.05.42-.11.83-.16 1.25-.08.77-.13 1.54-.19 2.31 0 .36-.06.72-.08 1.09-.06 1.13-.09 2.27-.09 3.41 0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57 0 .15 0 .31.07.46.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75.23.92.5 1.82.77 2.71.06.19.12.38.17.57.28.88.57 1.74.88 2.59.05.15.11.29.16.43.29.78.6 1.55.92 2.32.05.14.11.28.17.42.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.21 64.21 0 0029.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24 1.83.32.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07 1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19.42 0 .83-.1 1.25-.16.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51.39-.1.78-.21 1.16-.33.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17.17-.09.35-.17.52-.27.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 10-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69z"/><path d="M371.51 202.43l-105.69 82.2a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 01349 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V211.13a95.75 95.75 0 01-108.49-8.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M374.09 101c-.11.23-.21.46-.31.7-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14-.12.35-.24.7-.35 1-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23-.15.67-.28 1.36-.4 2-.08.42-.16.84-.23 1.27-.11.69-.2 1.4-.29 2.1-.05.42-.11.83-.16 1.25-.08.77-.13 1.54-.19 2.31 0 .36-.06.72-.08 1.09-.06 1.13-.09 2.27-.09 3.41 0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57 0 .15 0 .31.07.46.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75.23.92.5 1.82.77 2.71.06.19.12.38.17.57.28.88.57 1.74.88 2.59.05.15.11.29.16.43.29.78.6 1.55.92 2.32.05.14.11.28.17.42.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.21 64.21 0 0029.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32 1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24 1.83.32.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07 1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19.42 0 .83-.1 1.25-.16.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51.39-.1.78-.21 1.16-.33.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17.17-.09.35-.17.52-.27.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 10-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69z" /><path d="M371.51 202.43l-105.69 82.2a16 16 0 01-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 01349 80H48a16 16 0 00-16 16v320a16 16 0 0016 16h416a16 16 0 0016-16V211.13a95.75 95.75 0 01-108.49-8.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MailUnreadSharp = props => {
 MailUnreadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Male.js b/src/Male.js
index 661670fc6..bdafe9fc2 100644
--- a/src/Male.js
+++ b/src/Male.js
@@ -15,7 +15,7 @@ const Male = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442 48h-90a22 22 0 000 44h36.89l-60.39 60.39c-68.19-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.35 14.57-229.54L420 123.11V160a22 22 0 0044 0V70a22 22 0 00-22-22zM313.92 381.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442 48h-90a22 22 0 000 44h36.89l-60.39 60.39c-68.19-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.35 14.57-229.54L420 123.11V160a22 22 0 0044 0V70a22 22 0 00-22-22zM313.92 381.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Male = props => {
 Male.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MaleFemale.js b/src/MaleFemale.js
index c11b082ce..0431abad8 100644
--- a/src/MaleFemale.js
+++ b/src/MaleFemale.js
@@ -15,7 +15,7 @@ const MaleFemale = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426 16h-74a22 22 0 000 44h20.89l-37.1 37.09A157.68 157.68 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 000 44h28v36a22 22 0 0044 0v-36h28a22 22 0 000-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 00-14-64.92l44-44V112a22 22 0 0044 0V38a22 22 0 00-22-22zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426 16h-74a22 22 0 000 44h20.89l-37.1 37.09A157.68 157.68 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-28a22 22 0 000 44h28v36a22 22 0 0044 0v-36h28a22 22 0 000-44h-28v-37.54c76.74-10.74 136-76.8 136-156.46a157.15 157.15 0 00-14-64.92l44-44V112a22 22 0 0044 0V38a22 22 0 00-22-22zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MaleFemale = props => {
 MaleFemale.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MaleFemaleOutline.js b/src/MaleFemaleOutline.js
index 76b92c8d9..a7a2d3a47 100644
--- a/src/MaleFemaleOutline.js
+++ b/src/MaleFemaleOutline.js
@@ -15,7 +15,7 @@ const MaleFemaleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="216" cy="200" r="136" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M216 352v128M272 416H160M432 112V32h-80M335.28 128.72L432 32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="216" cy="200" r="136" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M216 352v128M272 416H160M432 112V32h-80M335.28 128.72L432 32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MaleFemaleOutline = props => {
 MaleFemaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MaleFemaleSharp.js b/src/MaleFemaleSharp.js
index dc97ab62f..639d5a0ae 100644
--- a/src/MaleFemaleSharp.js
+++ b/src/MaleFemaleSharp.js
@@ -15,7 +15,7 @@ const MaleFemaleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 16v44h42.89l-37.1 37.09A157.67 157.67 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-50v44h50v58h44v-58h50v-44h-50v-37.54c76.74-10.74 136-76.8 136-156.46a157.23 157.23 0 00-14-64.93l44-44V134h44V16zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 16v44h42.89l-37.1 37.09A157.67 157.67 0 00216 42c-87.12 0-158 70.88-158 158 0 79.66 59.26 145.72 136 156.46V394h-50v44h50v58h44v-58h50v-44h-50v-37.54c76.74-10.74 136-76.8 136-156.46a157.23 157.23 0 00-14-64.93l44-44V134h44V16zM216 314a114 114 0 11114-114 114.13 114.13 0 01-114 114z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MaleFemaleSharp = props => {
 MaleFemaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MaleOutline.js b/src/MaleOutline.js
index 542fe69a1..3ab5ecf29 100644
--- a/src/MaleOutline.js
+++ b/src/MaleOutline.js
@@ -15,7 +15,7 @@ const MaleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="216" cy="296" r="152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 160V64h-96M324 188L448 64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="216" cy="296" r="152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 160V64h-96M324 188L448 64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MaleOutline = props => {
 MaleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MaleSharp.js b/src/MaleSharp.js
index bc72cb719..49594b631 100644
--- a/src/MaleSharp.js
+++ b/src/MaleSharp.js
@@ -15,7 +15,7 @@ const MaleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 48v44h58.89l-60.39 60.39c-68.2-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.34 14.57-229.54L420 123.11V182h44V48zm-16.08 333.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M330 48v44h58.89l-60.39 60.39c-68.2-52.86-167-48-229.54 14.57C31.12 234.81 31.12 345.19 99 413a174.21 174.21 0 00246 0c62.57-62.58 67.43-161.34 14.57-229.54L420 123.11V182h44V48zm-16.08 333.92a130.13 130.13 0 01-183.84 0c-50.69-50.68-50.69-133.16 0-183.84s133.16-50.69 183.84 0 50.69 133.16 0 183.84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MaleSharp = props => {
 MaleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Man.js b/src/Man.js
index 00d61d691..33bc04018 100644
--- a/src/Man.js
+++ b/src/Man.js
@@ -15,7 +15,7 @@ const Man = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56"/><path d="M304 128h-96a64.19 64.19 0 00-64 64v107.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00184 300v-99.73a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8V489a23 23 0 0023 23 23 23 0 0023-23V346.34a10.24 10.24 0 019.33-10.34A10 10 0 01266 346v143a23 23 0 0023 23 23 23 0 0023-23V200.27a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8v99.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00368 300V192a64.19 64.19 0 00-64-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56" /><path d="M304 128h-96a64.19 64.19 0 00-64 64v107.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00184 300v-99.73a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8V489a23 23 0 0023 23 23 23 0 0023-23V346.34a10.24 10.24 0 019.33-10.34A10 10 0 01266 346v143a23 23 0 0023 23 23 23 0 0023-23V200.27a8.18 8.18 0 017.47-8.25 8 8 0 018.53 8v99.52c0 10.85 8.43 20.08 19.27 20.47A20 20 0 00368 300V192a64.19 64.19 0 00-64-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Man = props => {
 Man.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ManOutline.js b/src/ManOutline.js
index 052e3da98..a6e4a8513 100644
--- a/src/ManOutline.js
+++ b/src/ManOutline.js
@@ -15,7 +15,7 @@ const ManOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 208v264a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 336v136a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V208" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M208 192v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88a48 48 0 0148-48h96a48 48 0 0148 48v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="56" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 208v264a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 336v136a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V208" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M208 192v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88a48 48 0 0148-48h96a48 48 0 0148 48v88a23.72 23.72 0 01-24 24h0a23.72 23.72 0 01-24-24v-88" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="56" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ManOutline = props => {
 ManOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ManSharp.js b/src/ManSharp.js
index 81fb1555c..e2bf798f5 100644
--- a/src/ManSharp.js
+++ b/src/ManSharp.js
@@ -15,7 +15,7 @@ const ManSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56"/><path d="M336 128H176a32 32 0 00-32 32v160h48V192h8v320h52V328h8v184h52V192h8v128h48V160a32 32 0 00-32-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="56" r="56" /><path d="M336 128H176a32 32 0 00-32 32v160h48V192h8v320h52V328h8v184h52V192h8v128h48V160a32 32 0 00-32-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ManSharp = props => {
 ManSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Map.js b/src/Map.js
index 7bd370ba3..72a731086 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -15,7 +15,7 @@ const Map = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Map = props => {
 Map.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MapOutline.js b/src/MapOutline.js
index 810907f7e..d30c48d76 100644
--- a/src/MapOutline.js
+++ b/src/MapOutline.js
@@ -15,7 +15,7 @@ const MapOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M313.27 124.64L198.73 51.36a32 32 0 00-29.28.35L56.51 127.49A16 16 0 0048 141.63v295.8a16 16 0 0023.49 14.14l97.82-63.79a32 32 0 0129.5-.24l111.86 73a32 32 0 0029.27-.11l115.43-75.94a16 16 0 008.63-14.2V74.57a16 16 0 00-23.49-14.14l-98 63.86a32 32 0 01-29.24.35zM328 128v336M184 48v336" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M313.27 124.64L198.73 51.36a32 32 0 00-29.28.35L56.51 127.49A16 16 0 0048 141.63v295.8a16 16 0 0023.49 14.14l97.82-63.79a32 32 0 0129.5-.24l111.86 73a32 32 0 0029.27-.11l115.43-75.94a16 16 0 008.63-14.2V74.57a16 16 0 00-23.49-14.14l-98 63.86a32 32 0 01-29.24.35zM328 128v336M184 48v336" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MapOutline = props => {
 MapOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MapSharp.js b/src/MapSharp.js
index 2baf43bfa..997ac76e9 100644
--- a/src/MapSharp.js
+++ b/src/MapSharp.js
@@ -15,7 +15,7 @@ const MapSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M327.71 130.93L184 39 32 144v336l152.29-98.93L328 473l152-105V32zM312 421l-112-72V91l112 72z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M327.71 130.93L184 39 32 144v336l152.29-98.93L328 473l152-105V32zM312 421l-112-72V91l112 72z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MapSharp = props => {
 MapSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Medal.js b/src/Medal.js
index 11c079780..91415086d 100644
--- a/src/Medal.js
+++ b/src/Medal.js
@@ -15,7 +15,7 @@ const Medal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="352" r="32"/><path d="M99.78 32a48 48 0 00-42.94 26.53l-31 62A48.26 48.26 0 0024.28 160h278.2a4 4 0 003.39-1.87l75.5-120A4 4 0 00378 32z"/><path d="M486.17 120.56l-31-62a47.7 47.7 0 00-32.79-25.46L342.5 160 298 231.08a128 128 0 00-84 0l-23.32-37.2a4 4 0 00-3.39-1.88H51.14a4 4 0 00-3.36 6.16l82.7 128.73a128 128 0 10251 0L483.62 168a48.22 48.22 0 002.55-47.44zm-226 295.31a64 64 0 1159.69-59.69 64.08 64.08 0 01-59.68 59.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="352" r="32" /><path d="M99.78 32a48 48 0 00-42.94 26.53l-31 62A48.26 48.26 0 0024.28 160h278.2a4 4 0 003.39-1.87l75.5-120A4 4 0 00378 32z" /><path d="M486.17 120.56l-31-62a47.7 47.7 0 00-32.79-25.46L342.5 160 298 231.08a128 128 0 00-84 0l-23.32-37.2a4 4 0 00-3.39-1.88H51.14a4 4 0 00-3.36 6.16l82.7 128.73a128 128 0 10251 0L483.62 168a48.22 48.22 0 002.55-47.44zm-226 295.31a64 64 0 1159.69-59.69 64.08 64.08 0 01-59.68 59.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Medal = props => {
 Medal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedalOutline.js b/src/MedalOutline.js
index 92c68b279..6b17cd0cd 100644
--- a/src/MedalOutline.js
+++ b/src/MedalOutline.js
@@ -15,7 +15,7 @@ const MedalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="352" r="112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="352" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M147 323L41.84 159.32a32 32 0 01-1.7-31.61l31-62A32 32 0 0199.78 48h312.44a32 32 0 0128.62 17.69l31 62a32 32 0 01-1.7 31.61L365 323M371 144H37M428.74 52.6L305 250M140.55 144L207 250" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="352" r="112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="352" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M147 323L41.84 159.32a32 32 0 01-1.7-31.61l31-62A32 32 0 0199.78 48h312.44a32 32 0 0128.62 17.69l31 62a32 32 0 01-1.7 31.61L365 323M371 144H37M428.74 52.6L305 250M140.55 144L207 250" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedalOutline = props => {
 MedalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedalSharp.js b/src/MedalSharp.js
index edafff673..30a659ae3 100644
--- a/src/MedalSharp.js
+++ b/src/MedalSharp.js
@@ -15,7 +15,7 @@ const MedalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 32L16 160h289.11l80.22-128H80z"/><path d="M496 144L424 32 298 231.08a128 128 0 00-84 0L189.53 192H43.82l86.66 134.89a128 128 0 10251 0zM256 422a70 70 0 1170-70 70.08 70.08 0 01-70 70z"/><circle cx="256" cy="352" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 32L16 160h289.11l80.22-128H80z" /><path d="M496 144L424 32 298 231.08a128 128 0 00-84 0L189.53 192H43.82l86.66 134.89a128 128 0 10251 0zM256 422a70 70 0 1170-70 70.08 70.08 0 01-70 70z" /><circle cx="256" cy="352" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedalSharp = props => {
 MedalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Medical.js b/src/Medical.js
index 2c5f05b40..983a0330d 100644
--- a/src/Medical.js
+++ b/src/Medical.js
@@ -15,7 +15,7 @@ const Medical = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 464h-32a32 32 0 01-32-32l.05-85.82a4 4 0 00-6-3.47l-74.34 43.06a31.48 31.48 0 01-43-11.52l-16.5-28.64-.06-.1a31.65 31.65 0 0111.56-42.8l74.61-43.25a4 4 0 000-6.92l-74.54-43.21a31.41 31.41 0 01-11.55-43l16.44-28.55a31.48 31.48 0 0119.27-14.74 31.14 31.14 0 0123.8 3.2l74.31 43a4 4 0 006-3.47L208 80a32 32 0 0132-32h32a32 32 0 0132 32v85.72a4 4 0 006 3.47l74.34-43.06a31.51 31.51 0 0143 11.52l16.49 28.64.06.09a31.52 31.52 0 01-11.64 42.86l-74.53 43.2a4 4 0 000 6.92l74.53 43.2a31.42 31.42 0 0111.56 43l-16.44 28.55a31.48 31.48 0 01-19.27 14.74 31.14 31.14 0 01-23.8-3.2l-74.31-43a4 4 0 00-6 3.46L304 432a32 32 0 01-32 32zm-93.56-197.48zm0-21zm155.1-.08zm0 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 464h-32a32 32 0 01-32-32l.05-85.82a4 4 0 00-6-3.47l-74.34 43.06a31.48 31.48 0 01-43-11.52l-16.5-28.64-.06-.1a31.65 31.65 0 0111.56-42.8l74.61-43.25a4 4 0 000-6.92l-74.54-43.21a31.41 31.41 0 01-11.55-43l16.44-28.55a31.48 31.48 0 0119.27-14.74 31.14 31.14 0 0123.8 3.2l74.31 43a4 4 0 006-3.47L208 80a32 32 0 0132-32h32a32 32 0 0132 32v85.72a4 4 0 006 3.47l74.34-43.06a31.51 31.51 0 0143 11.52l16.49 28.64.06.09a31.52 31.52 0 01-11.64 42.86l-74.53 43.2a4 4 0 000 6.92l74.53 43.2a31.42 31.42 0 0111.56 43l-16.44 28.55a31.48 31.48 0 01-19.27 14.74 31.14 31.14 0 01-23.8-3.2l-74.31-43a4 4 0 00-6 3.46L304 432a32 32 0 01-32 32zm-93.56-197.48zm0-21zm155.1-.08zm0 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Medical = props => {
 Medical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedicalOutline.js b/src/MedicalOutline.js
index b8c07601c..521d11261 100644
--- a/src/MedicalOutline.js
+++ b/src/MedicalOutline.js
@@ -15,7 +15,7 @@ const MedicalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.93 174.27l-16.47-28.59a15.49 15.49 0 00-21.15-5.7l-98.39 57a4 4 0 01-6-3.5L288 80a16 16 0 00-16-16h-32a16 16 0 00-16 16l.07 113.57a4 4 0 01-6 3.5l-98.39-57a15.49 15.49 0 00-21.15 5.7l-16.46 28.6a15.42 15.42 0 005.69 21.1l98.49 57.08a4 4 0 010 6.9l-98.49 57.08a15.54 15.54 0 00-5.69 21.1l16.47 28.59a15.49 15.49 0 0021.15 5.7l98.39-57a4 4 0 016 3.5L224 432a16 16 0 0016 16h32a16 16 0 0016-16l-.07-113.67a4 4 0 016-3.5l98.39 57a15.49 15.49 0 0021.15-5.7l16.47-28.59a15.42 15.42 0 00-5.69-21.1l-98.49-57.08a4 4 0 010-6.9l98.49-57.08a15.51 15.51 0 005.68-21.11z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.93 174.27l-16.47-28.59a15.49 15.49 0 00-21.15-5.7l-98.39 57a4 4 0 01-6-3.5L288 80a16 16 0 00-16-16h-32a16 16 0 00-16 16l.07 113.57a4 4 0 01-6 3.5l-98.39-57a15.49 15.49 0 00-21.15 5.7l-16.46 28.6a15.42 15.42 0 005.69 21.1l98.49 57.08a4 4 0 010 6.9l-98.49 57.08a15.54 15.54 0 00-5.69 21.1l16.47 28.59a15.49 15.49 0 0021.15 5.7l98.39-57a4 4 0 016 3.5L224 432a16 16 0 0016 16h32a16 16 0 0016-16l-.07-113.67a4 4 0 016-3.5l98.39 57a15.49 15.49 0 0021.15-5.7l16.47-28.59a15.42 15.42 0 00-5.69-21.1l-98.49-57.08a4 4 0 010-6.9l98.49-57.08a15.51 15.51 0 005.68-21.11z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedicalOutline = props => {
 MedicalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedicalSharp.js b/src/MedicalSharp.js
index 42de11164..131399023 100644
--- a/src/MedicalSharp.js
+++ b/src/MedicalSharp.js
@@ -15,7 +15,7 @@ const MedicalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M351.9 256L460 193.6l-48-83.2-108 62.4V48h-96v124.8l-108-62.4-48 83.2L160.1 256 52 318.4l48 83.2 108-62.4V464h96V339.2l108 62.4 48-83.2L351.9 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M351.9 256L460 193.6l-48-83.2-108 62.4V48h-96v124.8l-108-62.4-48 83.2L160.1 256 52 318.4l48 83.2 108-62.4V464h96V339.2l108 62.4 48-83.2L351.9 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedicalSharp = props => {
 MedicalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Medkit.js b/src/Medkit.js
index f785e46ea..18f56fbd4 100644
--- a/src/Medkit.js
+++ b/src/Medkit.js
@@ -15,7 +15,7 @@ const Medkit = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 64H176a16 16 0 00-16 16v16h192V80a16 16 0 00-16-16z" fill="none"/><path d="M432 96h-48V80a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v256a64 64 0 0064 64h352a64 64 0 0064-64V160a64.07 64.07 0 00-64-64zm-96 208h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32zm16-208H160V80a16 16 0 0116-16h160a16 16 0 0116 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 64H176a16 16 0 00-16 16v16h192V80a16 16 0 00-16-16z" fill="none" /><path d="M432 96h-48V80a48.05 48.05 0 00-48-48H176a48.05 48.05 0 00-48 48v16H80a64.07 64.07 0 00-64 64v256a64 64 0 0064 64h352a64 64 0 0064-64V160a64.07 64.07 0 00-64-64zm-96 208h-64v64a16 16 0 01-32 0v-64h-64a16 16 0 010-32h64v-64a16 16 0 0132 0v64h64a16 16 0 010 32zm16-208H160V80a16 16 0 0116-16h160a16 16 0 0116 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Medkit = props => {
 Medkit.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedkitOutline.js b/src/MedkitOutline.js
index adeb97160..f6f35c73a 100644
--- a/src/MedkitOutline.js
+++ b/src/MedkitOutline.js
@@ -15,7 +15,7 @@ const MedkitOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="112" width="448" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M144 112V80a32 32 0 0132-32h160a32 32 0 0132 32v32M256 208v160M336 288H176" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="112" width="448" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M144 112V80a32 32 0 0132-32h160a32 32 0 0132 32v32M256 208v160M336 288H176" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedkitOutline = props => {
 MedkitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MedkitSharp.js b/src/MedkitSharp.js
index 8dc9ec980..8c8764e43 100644
--- a/src/MedkitSharp.js
+++ b/src/MedkitSharp.js
@@ -15,7 +15,7 @@ const MedkitSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M168 72h176v24H168z"/><path d="M484 96H384V40a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v360a12 12 0 0012 12h456a12 12 0 0012-12V108a12 12 0 00-12-12zM168 72h176v24H168zm184 238h-74v74h-44v-74h-74v-44h74v-74h44v74h74z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M168 72h176v24H168z" /><path d="M484 96H384V40a8 8 0 00-8-8H136a8 8 0 00-8 8v56H28a12 12 0 00-12 12v360a12 12 0 0012 12h456a12 12 0 0012-12V108a12 12 0 00-12-12zM168 72h176v24H168zm184 238h-74v74h-44v-74h-74v-44h74v-74h44v74h74z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MedkitSharp = props => {
 MedkitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Megaphone.js b/src/Megaphone.js
index 610762e8d..3a403f6df 100644
--- a/src/Megaphone.js
+++ b/src/Megaphone.js
@@ -15,7 +15,7 @@ const Megaphone = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 176v.66a17.38 17.38 0 01-4.2 11.23v.05C38.4 194.32 32 205.74 32 224c0 16.55 5.3 28.23 11.68 35.91A19 19 0 0148 272a32 32 0 0032 32h8a8 8 0 008-8V152a8 8 0 00-8-8h-8a32 32 0 00-32 32zM452.18 186.55l-.93-.17a4 4 0 01-3.25-3.93V62c0-12.64-8.39-24-20.89-28.32-11.92-4.11-24.34-.76-31.68 8.53a431.18 431.18 0 01-51.31 51.69c-23.63 20-46.24 34.25-67 42.31a8 8 0 00-5.15 7.47V299a16 16 0 009.69 14.69c19.34 8.29 40.24 21.83 62 40.28a433.74 433.74 0 0151.68 52.16 26.22 26.22 0 0021.1 9.87 33.07 33.07 0 0010.44-1.74C439.71 410 448 399.05 448 386.4V265.53a4 4 0 013.33-3.94l.85-.14C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM240 320V152a8 8 0 00-8-8h-96a8 8 0 00-8 8v304a24 24 0 0024 24h52.45a32.66 32.66 0 0025.93-12.45 31.65 31.65 0 005.21-29.05c-1.62-5.18-3.63-11-5.77-17.19-7.91-22.9-18.34-37.07-21.12-69.32A32 32 0 00240 320z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 176v.66a17.38 17.38 0 01-4.2 11.23v.05C38.4 194.32 32 205.74 32 224c0 16.55 5.3 28.23 11.68 35.91A19 19 0 0148 272a32 32 0 0032 32h8a8 8 0 008-8V152a8 8 0 00-8-8h-8a32 32 0 00-32 32zM452.18 186.55l-.93-.17a4 4 0 01-3.25-3.93V62c0-12.64-8.39-24-20.89-28.32-11.92-4.11-24.34-.76-31.68 8.53a431.18 431.18 0 01-51.31 51.69c-23.63 20-46.24 34.25-67 42.31a8 8 0 00-5.15 7.47V299a16 16 0 009.69 14.69c19.34 8.29 40.24 21.83 62 40.28a433.74 433.74 0 0151.68 52.16 26.22 26.22 0 0021.1 9.87 33.07 33.07 0 0010.44-1.74C439.71 410 448 399.05 448 386.4V265.53a4 4 0 013.33-3.94l.85-.14C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM240 320V152a8 8 0 00-8-8h-96a8 8 0 00-8 8v304a24 24 0 0024 24h52.45a32.66 32.66 0 0025.93-12.45 31.65 31.65 0 005.21-29.05c-1.62-5.18-3.63-11-5.77-17.19-7.91-22.9-18.34-37.07-21.12-69.32A32 32 0 00240 320z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Megaphone = props => {
 Megaphone.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MegaphoneOutline.js b/src/MegaphoneOutline.js
index cc18c0bbd..3129589de 100644
--- a/src/MegaphoneOutline.js
+++ b/src/MegaphoneOutline.js
@@ -15,7 +15,7 @@ const MegaphoneOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.94 52.22S321.3 160 240 160H80a16 16 0 00-16 16v96a16 16 0 0016 16h160c81.3 0 167.94 108.23 167.94 108.23 6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78zM64 256s-16-6-16-32 16-32 16-32M448 246s16-4.33 16-22-16-22-16-22M256 160v128M112 160v128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M144 288v168a8 8 0 008 8h53a16 16 0 0015.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0016-16v-16a16 16 0 00-16-16h-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M407.94 52.22S321.3 160 240 160H80a16 16 0 00-16 16v96a16 16 0 0016 16h160c81.3 0 167.94 108.23 167.94 108.23 6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78zM64 256s-16-6-16-32 16-32 16-32M448 246s16-4.33 16-22-16-22-16-22M256 160v128M112 160v128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M144 288v168a8 8 0 008 8h53a16 16 0 0015.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0016-16v-16a16 16 0 00-16-16h-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MegaphoneOutline = props => {
 MegaphoneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MegaphoneSharp.js b/src/MegaphoneSharp.js
index b5b021a99..cb2c7b189 100644
--- a/src/MegaphoneSharp.js
+++ b/src/MegaphoneSharp.js
@@ -15,7 +15,7 @@ const MegaphoneSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 144v332a4 4 0 004 4h100.07a8 8 0 007.82-9.7L208.71 352H232a8 8 0 008-8V144zM452.18 186.55L448 185.5V36a4 4 0 00-4-4h-42.5a4 4 0 00-2.63 1L272 144v160l126.87 111a4 4 0 002.63 1H444a4 4 0 004-4V262.5l4.18-1.05C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM96 144H52a4 4 0 00-4 4v35.59a43 43 0 00-4.24 4.35C38.4 194.32 32 205.74 32 224c0 20.19 7.89 33.13 16 40.42V300a4 4 0 004 4h44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 144v332a4 4 0 004 4h100.07a8 8 0 007.82-9.7L208.71 352H232a8 8 0 008-8V144zM452.18 186.55L448 185.5V36a4 4 0 00-4-4h-42.5a4 4 0 00-2.63 1L272 144v160l126.87 111a4 4 0 002.63 1H444a4 4 0 004-4V262.5l4.18-1.05C461.8 258.84 480 247.67 480 224s-18.2-34.84-27.82-37.45zM96 144H52a4 4 0 00-4 4v35.59a43 43 0 00-4.24 4.35C38.4 194.32 32 205.74 32 224c0 20.19 7.89 33.13 16 40.42V300a4 4 0 004 4h44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MegaphoneSharp = props => {
 MegaphoneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Menu.js b/src/Menu.js
index fcfaa262d..9bab8e092 100644
--- a/src/Menu.js
+++ b/src/Menu.js
@@ -15,7 +15,7 @@ const Menu = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="48" d="M88 152h336M88 256h336M88 360h336"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="48" d="M88 152h336M88 256h336M88 360h336" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Menu = props => {
 Menu.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MenuOutline.js b/src/MenuOutline.js
index d86543c9a..f968e77e8 100644
--- a/src/MenuOutline.js
+++ b/src/MenuOutline.js
@@ -15,7 +15,7 @@ const MenuOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M80 160h352M80 256h352M80 352h352"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M80 160h352M80 256h352M80 352h352" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MenuOutline = props => {
 MenuOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MenuSharp.js b/src/MenuSharp.js
index 56631c01e..640becebf 100644
--- a/src/MenuSharp.js
+++ b/src/MenuSharp.js
@@ -15,7 +15,7 @@ const MenuSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MenuSharp = props => {
 MenuSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Mic.js b/src/Mic.js
index e35f7834c..42cea870b 100644
--- a/src/Mic.js
+++ b/src/Mic.js
@@ -15,7 +15,7 @@ const Mic = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80"/><path d="M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80" /><path d="M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Mic = props => {
 Mic.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicCircle.js b/src/MicCircle.js
index 70d771dee..aecb97c9c 100644
--- a/src/MicCircle.js
+++ b/src/MicCircle.js
@@ -15,7 +15,7 @@ const MicCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h16a16 16 0 010 32h-64a16 16 0 010-32h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224.3a16 16 0 0132 0v23.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V224.3a16 16 0 1132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h16a16 16 0 010 32h-64a16 16 0 010-32h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224.3a16 16 0 0132 0v23.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V224.3a16 16 0 1132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicCircle = props => {
 MicCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicCircleOutline.js b/src/MicCircleOutline.js
index 3612a4e39..1e581a8f5 100644
--- a/src/MicCircleOutline.js
+++ b/src/MicCircleOutline.js
@@ -15,7 +15,7 @@ const MicCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 368h64M336 224.3v23.92c0 39.42-40.58 71.48-80 71.48h0c-39.42 0-80-32.06-80-71.48V224.3M256 320v48"/><rect x="208" y="128" width="96" height="160" rx="48" ry="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 368h64M336 224.3v23.92c0 39.42-40.58 71.48-80 71.48h0c-39.42 0-80-32.06-80-71.48V224.3M256 320v48" /><rect x="208" y="128" width="96" height="160" rx="48" ry="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicCircleOutline = props => {
 MicCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicCircleSharp.js b/src/MicCircleSharp.js
index 8e587949c..b7e28274a 100644
--- a/src/MicCircleSharp.js
+++ b/src/MicCircleSharp.js
@@ -15,7 +15,7 @@ const MicCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h32v32h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208.3h32v39.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V208.3h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-48 128a48.14 48.14 0 0148-48 48.14 48.14 0 0148 48v64a48.14 48.14 0 01-48 48 48.14 48.14 0 01-48-48zm144 72.22c0 23.36-10.94 45.61-30.79 62.66A103.71 103.71 0 01272 334.26V352h32v32h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208.3h32v39.92c0 25.66 28 55.48 64 55.48 29.6 0 64-24.23 64-55.48V208.3h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicCircleSharp = props => {
 MicCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOff.js b/src/MicOff.js
index 67c2b387c..5832e9d51 100644
--- a/src/MicOff.js
+++ b/src/MicOff.js
@@ -15,7 +15,7 @@ const MicOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64"/><path d="M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.68 111.68 0 01-2.68 24.38 2 2 0 00.53 1.84l22.59 22.59a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35l-18.4-18.39a3 3 0 00-3.41-.58A111 111 0 01256 352zM257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48z"/><path d="M179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64" /><path d="M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.68 111.68 0 01-2.68 24.38 2 2 0 00.53 1.84l22.59 22.59a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35l-18.4-18.39a3 3 0 00-3.41-.58A111 111 0 01256 352zM257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48z" /><path d="M179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOff = props => {
 MicOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOffCircle.js b/src/MicOffCircle.js
index 3cd63738a..cf12cd8be 100644
--- a/src/MicOffCircle.js
+++ b/src/MicOffCircle.js
@@ -15,7 +15,7 @@ const MicOffCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 80a48.14 48.14 0 0148 48v64a47.84 47.84 0 01-.63 7.71 2 2 0 01-3.46 1l-84.42-92.86a4 4 0 01-.47-4.77A48.08 48.08 0 01256 128zm32 256h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01224 352h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224a15.91 15.91 0 0116.39-16A16.26 16.26 0 01192 224.4v23.82c0 25.66 28 55.48 64 55.48 1.67 0 3.37-.09 5.06-.24a3.94 3.94 0 013.29 1.29l21.07 23.19a2 2 0 01-.89 3.26 100.33 100.33 0 01-12.53 3.06V352h15.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01288 384zm-77.89-138.91l36.46 40.11a1 1 0 01-.95 1.66 48.26 48.26 0 01-37.25-41 1 1 0 011.74-.77zm152.65 119.75a16 16 0 01-22.6-1.08l-192-210a16 16 0 0123.68-21.52l192 210a16 16 0 01-1.08 22.6zM352 248.22a77.12 77.12 0 01-11.93 40.87 2 2 0 01-3.19.3l-19.19-21.1a4 4 0 01-.76-4.16 43.35 43.35 0 003.07-15.91v-23.8a16.3 16.3 0 0113.64-16.24c9.88-1.48 18.36 6.51 18.36 16.12z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 80a48.14 48.14 0 0148 48v64a47.84 47.84 0 01-.63 7.71 2 2 0 01-3.46 1l-84.42-92.86a4 4 0 01-.47-4.77A48.08 48.08 0 01256 128zm32 256h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01224 352h16v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V224a15.91 15.91 0 0116.39-16A16.26 16.26 0 01192 224.4v23.82c0 25.66 28 55.48 64 55.48 1.67 0 3.37-.09 5.06-.24a3.94 3.94 0 013.29 1.29l21.07 23.19a2 2 0 01-.89 3.26 100.33 100.33 0 01-12.53 3.06V352h15.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01288 384zm-77.89-138.91l36.46 40.11a1 1 0 01-.95 1.66 48.26 48.26 0 01-37.25-41 1 1 0 011.74-.77zm152.65 119.75a16 16 0 01-22.6-1.08l-192-210a16 16 0 0123.68-21.52l192 210a16 16 0 01-1.08 22.6zM352 248.22a77.12 77.12 0 01-11.93 40.87 2 2 0 01-3.19.3l-19.19-21.1a4 4 0 01-.76-4.16 43.35 43.35 0 003.07-15.91v-23.8a16.3 16.3 0 0113.64-16.24c9.88-1.48 18.36 6.51 18.36 16.12z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOffCircle = props => {
 MicOffCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOffCircleOutline.js b/src/MicOffCircleOutline.js
index ce20d1538..32d2acd39 100644
--- a/src/MicOffCircleOutline.js
+++ b/src/MicOffCircleOutline.js
@@ -15,7 +15,7 @@ const MicOffCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z"/><path d="M352 369a15.93 15.93 0 01-11.84-5.24l-192-210a16 16 0 0123.68-21.52l192 210A16 16 0 01352 369zM352 248.22v-23.8a16.3 16.3 0 00-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.35 43.35 0 01-3.07 15.91 4 4 0 00.76 4.16l19.19 21.1a2 2 0 003.19-.3A77.12 77.12 0 00352 248.22zM304 240v-64a48.14 48.14 0 00-48-48 48.08 48.08 0 00-41 23.1 4 4 0 00.47 4.77l84.42 92.86a2 2 0 003.46-1A47.84 47.84 0 00304 240zM246.57 285.2l-36.46-40.11a1 1 0 00-1.74.8 48.26 48.26 0 0037.25 41 1 1 0 00.95-1.69z"/><path d="M287.55 352H272v-17.74a100.33 100.33 0 0012.53-3.06 2 2 0 00.89-3.26l-21.07-23.19a3.94 3.94 0 00-3.29-1.29c-1.69.15-3.39.24-5.06.24-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 00-15.61-16.4A15.91 15.91 0 00160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.71 103.71 0 00240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 384h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z" /><path d="M352 369a15.93 15.93 0 01-11.84-5.24l-192-210a16 16 0 0123.68-21.52l192 210A16 16 0 01352 369zM352 248.22v-23.8a16.3 16.3 0 00-13.64-16.24c-9.88-1.48-18.36 6.51-18.36 16.12v23.92a43.35 43.35 0 01-3.07 15.91 4 4 0 00.76 4.16l19.19 21.1a2 2 0 003.19-.3A77.12 77.12 0 00352 248.22zM304 240v-64a48.14 48.14 0 00-48-48 48.08 48.08 0 00-41 23.1 4 4 0 00.47 4.77l84.42 92.86a2 2 0 003.46-1A47.84 47.84 0 00304 240zM246.57 285.2l-36.46-40.11a1 1 0 00-1.74.8 48.26 48.26 0 0037.25 41 1 1 0 00.95-1.69z" /><path d="M287.55 352H272v-17.74a100.33 100.33 0 0012.53-3.06 2 2 0 00.89-3.26l-21.07-23.19a3.94 3.94 0 00-3.29-1.29c-1.69.15-3.39.24-5.06.24-36 0-64-29.82-64-55.48V224.4a16.26 16.26 0 00-15.61-16.4A15.91 15.91 0 00160 224v24.22c0 23.36 10.94 45.61 30.79 62.66A103.71 103.71 0 00240 334.26V352h-15.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00224 384h64a16 16 0 0016-16.77c-.42-8.61-7.84-15.23-16.45-15.23z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOffCircleOutline = props => {
 MicOffCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOffCircleSharp.js b/src/MicOffCircleSharp.js
index 5a9052fa6..cf22ab928 100644
--- a/src/MicOffCircleSharp.js
+++ b/src/MicOffCircleSharp.js
@@ -15,7 +15,7 @@ const MicOffCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm64 200.22V208h32v40.22a77.53 77.53 0 01-13.37 43.11L316 266.4a44.11 44.11 0 004-18.18zM256 128a48.14 48.14 0 0148 48v64a48.07 48.07 0 01-1.44 11.64l-89-97.92A48.13 48.13 0 01256 128zm48 256h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208h32v40.22c0 25.66 28 55.48 64 55.48a56.91 56.91 0 007-.45l24.52 27a99.57 99.57 0 01-15.5 4V352h32zm-95.91-141.13l40.5 44.55a48.2 48.2 0 01-40.5-44.55zm136.07 124.89l-200.5-218.5 23.68-21.52 200.5 218.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm64 200.22V208h32v40.22a77.53 77.53 0 01-13.37 43.11L316 266.4a44.11 44.11 0 004-18.18zM256 128a48.14 48.14 0 0148 48v64a48.07 48.07 0 01-1.44 11.64l-89-97.92A48.13 48.13 0 01256 128zm48 256h-96v-32h32v-17.74a103.71 103.71 0 01-49.21-23.38c-19.85-17.05-30.79-39.3-30.79-62.66V208h32v40.22c0 25.66 28 55.48 64 55.48a56.91 56.91 0 007-.45l24.52 27a99.57 99.57 0 01-15.5 4V352h32zm-95.91-141.13l40.5 44.55a48.2 48.2 0 01-40.5-44.55zm136.07 124.89l-200.5-218.5 23.68-21.52 200.5 218.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOffCircleSharp = props => {
 MicOffCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOffOutline.js b/src/MicOffOutline.js
index b7e62f548..dc7e28639 100644
--- a/src/MicOffOutline.js
+++ b/src/MicOffOutline.js
@@ -15,7 +15,7 @@ const MicOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64"/><path d="M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.58 111.58 0 01-2.45 23.31 4.05 4.05 0 001.07 3.69l21.82 21.81a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35L307 342.63a4 4 0 00-4.51-.78A110.78 110.78 0 01256 352zM256 80a47.18 47.18 0 0148 48v74.72a4 4 0 001.17 2.82L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5l19.54 19.54a2 2 0 003.25-.63A47.44 47.44 0 01256 80z"/><path d="M207.27 242.9L179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35l-24.91-24.91a4.08 4.08 0 00-2.42-1.15c-21.65-2.52-39.48-20.44-42.37-42.43a4 4 0 00-1.14-2.35z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64" /><path d="M400 240v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 208v32a111.58 111.58 0 01-2.45 23.31 4.05 4.05 0 001.07 3.69l21.82 21.81a2 2 0 003.29-.72A143.27 143.27 0 00400 240zM256 352a112.36 112.36 0 01-112-112v-31.55c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 208v32c0 74 56.1 135.12 128 143.11V432h-47.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00192 464h127.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00320 432h-48v-48.89a143.08 143.08 0 0052-16.22 4 4 0 00.91-6.35L307 342.63a4 4 0 00-4.51-.78A110.78 110.78 0 01256 352zM256 80a47.18 47.18 0 0148 48v74.72a4 4 0 001.17 2.82L332.59 233a2 2 0 003.41-1.42V128.91C336 85 301 48.6 257.14 48a79.66 79.66 0 00-68.47 36.57 4 4 0 00.54 5l19.54 19.54a2 2 0 003.25-.63A47.44 47.44 0 01256 80z" /><path d="M207.27 242.9L179.41 215a2 2 0 00-3.41 1.42V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0077.8 21.19 2 2 0 00.86-3.35l-24.91-24.91a4.08 4.08 0 00-2.42-1.15c-21.65-2.52-39.48-20.44-42.37-42.43a4 4 0 00-1.14-2.35z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOffOutline = props => {
 MicOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOffSharp.js b/src/MicOffSharp.js
index 1066d2dfe..8391e032b 100644
--- a/src/MicOffSharp.js
+++ b/src/MicOffSharp.js
@@ -15,7 +15,7 @@ const MicOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64"/><path d="M368 192v48a111.74 111.74 0 01-2.93 25.45L390.65 291a143.07 143.07 0 009.35-51v-48zM272 432v-48.89a143.11 143.11 0 0056.65-18.83L305 340.65A112.13 112.13 0 01144 240v-48h-32v48c0 74 56.1 135.12 128 143.11V432h-64v32h160v-32zM336 236.37V128c0-44.86-35.14-80-80-80a79.68 79.68 0 00-69 39.34"/><path d="M176 211.63V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0081 20.21z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M432 400L96 64" /><path d="M368 192v48a111.74 111.74 0 01-2.93 25.45L390.65 291a143.07 143.07 0 009.35-51v-48zM272 432v-48.89a143.11 143.11 0 0056.65-18.83L305 340.65A112.13 112.13 0 01144 240v-48h-32v48c0 74 56.1 135.12 128 143.11V432h-64v32h160v-32zM336 236.37V128c0-44.86-35.14-80-80-80a79.68 79.68 0 00-69 39.34" /><path d="M176 211.63V239a80.89 80.89 0 0023.45 56.9 78.55 78.55 0 0081 20.21z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOffSharp = props => {
 MicOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicOutline.js b/src/MicOutline.js
index 9f96179fe..97f3b5bba 100644
--- a/src/MicOutline.js
+++ b/src/MicOutline.js
@@ -15,7 +15,7 @@ const MicOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80"/><path d="M256 64a63.68 63.68 0 00-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80" /><path d="M256 64a63.68 63.68 0 00-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicOutline = props => {
 MicOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MicSharp.js b/src/MicSharp.js
index e4f087895..96cceaa7d 100644
--- a/src/MicSharp.js
+++ b/src/MicSharp.js
@@ -15,7 +15,7 @@ const MicSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80"/><path d="M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80" /><path d="M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MicSharp = props => {
 MicSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Moon.js b/src/Moon.js
index 6b5522692..1b670a64e 100644
--- a/src/Moon.js
+++ b/src/Moon.js
@@ -15,7 +15,7 @@ const Moon = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M264 480A232 232 0 0132 248c0-94 54-178.28 137.61-214.67a16 16 0 0121.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200 31.34 0 59.57-5.07 81.61-14.67a16 16 0 0121.06 21.06C442.28 426 358 480 264 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M264 480A232 232 0 0132 248c0-94 54-178.28 137.61-214.67a16 16 0 0121.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200 31.34 0 59.57-5.07 81.61-14.67a16 16 0 0121.06 21.06C442.28 426 358 480 264 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Moon = props => {
 Moon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MoonOutline.js b/src/MoonOutline.js
index 3af03d94f..2e3dc7edc 100644
--- a/src/MoonOutline.js
+++ b/src/MoonOutline.js
@@ -15,7 +15,7 @@ const MoonOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MoonOutline = props => {
 MoonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MoonSharp.js b/src/MoonSharp.js
index ccc52534d..e7a77fb66 100644
--- a/src/MoonSharp.js
+++ b/src/MoonSharp.js
@@ -15,7 +15,7 @@ const MoonSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MoonSharp = props => {
 MoonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Move.js b/src/Move.js
index 21d4c2edc..3a7bc4dd1 100644
--- a/src/Move.js
+++ b/src/Move.js
@@ -15,7 +15,7 @@ const Move = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Move = props => {
 Move.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MoveOutline.js b/src/MoveOutline.js
index 685a5879c..386498434 100644
--- a/src/MoveOutline.js
+++ b/src/MoveOutline.js
@@ -15,7 +15,7 @@ const MoveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MoveOutline = props => {
 MoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MoveSharp.js b/src/MoveSharp.js
index 87ca76b6a..2b9dcfc81 100644
--- a/src/MoveSharp.js
+++ b/src/MoveSharp.js
@@ -15,7 +15,7 @@ const MoveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M176 112l80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MoveSharp = props => {
 MoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNote.js b/src/MusicalNote.js
index 486f3a922..260afb8eb 100644
--- a/src/MusicalNote.js
+++ b/src/MusicalNote.js
@@ -15,7 +15,7 @@ const MusicalNote = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M183.83 480a55.2 55.2 0 01-32.36-10.55A56.64 56.64 0 01128 423.58a50.26 50.26 0 0134.14-47.73L213 358.73a16.25 16.25 0 0011-15.49V92a32.1 32.1 0 0124.09-31.15l108.39-28.14A22 22 0 01384 54v57.75a32.09 32.09 0 01-24.2 31.19l-91.65 23.13A16.24 16.24 0 00256 181.91V424a48.22 48.22 0 01-32.78 45.81l-21.47 7.23a56 56 0 01-17.92 2.96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M183.83 480a55.2 55.2 0 01-32.36-10.55A56.64 56.64 0 01128 423.58a50.26 50.26 0 0134.14-47.73L213 358.73a16.25 16.25 0 0011-15.49V92a32.1 32.1 0 0124.09-31.15l108.39-28.14A22 22 0 01384 54v57.75a32.09 32.09 0 01-24.2 31.19l-91.65 23.13A16.24 16.24 0 00256 181.91V424a48.22 48.22 0 01-32.78 45.81l-21.47 7.23a56 56 0 01-17.92 2.96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNote = props => {
 MusicalNote.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNoteOutline.js b/src/MusicalNoteOutline.js
index 8a16c395a..372fd09c0 100644
--- a/src/MusicalNoteOutline.js
+++ b/src/MusicalNoteOutline.js
@@ -15,7 +15,7 @@ const MusicalNoteOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 343.31V424a32.28 32.28 0 01-21.88 30.65l-21.47 7.23c-25.9 8.71-52.65-10.75-52.65-38.32h0A34.29 34.29 0 01167.25 391l50.87-17.12A32.29 32.29 0 00240 343.24V92a16.13 16.13 0 0112.06-15.66L360.49 48.2A6 6 0 01368 54v57.76a16.13 16.13 0 01-12.12 15.67l-91.64 23.13A32.25 32.25 0 00240 181.91v39.39" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M240 343.31V424a32.28 32.28 0 01-21.88 30.65l-21.47 7.23c-25.9 8.71-52.65-10.75-52.65-38.32h0A34.29 34.29 0 01167.25 391l50.87-17.12A32.29 32.29 0 00240 343.24V92a16.13 16.13 0 0112.06-15.66L360.49 48.2A6 6 0 01368 54v57.76a16.13 16.13 0 01-12.12 15.67l-91.64 23.13A32.25 32.25 0 00240 181.91v39.39" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNoteOutline = props => {
 MusicalNoteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNoteSharp.js b/src/MusicalNoteSharp.js
index 7e4531a97..c0cebf432 100644
--- a/src/MusicalNoteSharp.js
+++ b/src/MusicalNoteSharp.js
@@ -15,7 +15,7 @@ const MusicalNoteSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M381.55 32.05c-18.13 4.28-126.57 31.07-156 38.19a2 2 0 00-1.55 1.94V353.3a2 2 0 01-1.32 1.88L182 369.88c-29.82 10.66-54 18.94-54 59.06 0 32.47 23.53 47.18 37.95 50a81.77 81.77 0 0015 1.08c8.89 0 31-3.59 47.52-14.24C256 448 256 448 256 415.93V169.16a2 2 0 011.49-1.94l125-33a2 2 0 001.49-1.94V34a2 2 0 00-2.43-1.95z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M381.55 32.05c-18.13 4.28-126.57 31.07-156 38.19a2 2 0 00-1.55 1.94V353.3a2 2 0 01-1.32 1.88L182 369.88c-29.82 10.66-54 18.94-54 59.06 0 32.47 23.53 47.18 37.95 50a81.77 81.77 0 0015 1.08c8.89 0 31-3.59 47.52-14.24C256 448 256 448 256 415.93V169.16a2 2 0 011.49-1.94l125-33a2 2 0 001.49-1.94V34a2 2 0 00-2.43-1.95z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNoteSharp = props => {
 MusicalNoteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNotes.js b/src/MusicalNotes.js
index cf6a27f4f..8ee1faee6 100644
--- a/src/MusicalNotes.js
+++ b/src/MusicalNotes.js
@@ -15,7 +15,7 @@ const MusicalNotes = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M421.84 37.37a25.86 25.86 0 00-22.6-4.46L199.92 86.49A32.3 32.3 0 00176 118v226c0 6.74-4.36 12.56-11.11 14.83l-.12.05-52 18C92.88 383.53 80 402 80 423.91a55.54 55.54 0 0023.23 45.63A54.78 54.78 0 00135.34 480a55.82 55.82 0 0017.75-2.93l.38-.13 21.84-7.94A47.84 47.84 0 00208 423.91v-212c0-7.29 4.77-13.21 12.16-15.07l.21-.06L395 150.14a4 4 0 015 3.86v141.93c0 6.75-4.25 12.38-11.11 14.68l-.25.09-50.89 18.11A49.09 49.09 0 00304 375.92a55.67 55.67 0 0023.23 45.8 54.63 54.63 0 0049.88 7.35l.36-.12 21.84-7.95A47.83 47.83 0 00432 375.92V58a25.74 25.74 0 00-10.16-20.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M421.84 37.37a25.86 25.86 0 00-22.6-4.46L199.92 86.49A32.3 32.3 0 00176 118v226c0 6.74-4.36 12.56-11.11 14.83l-.12.05-52 18C92.88 383.53 80 402 80 423.91a55.54 55.54 0 0023.23 45.63A54.78 54.78 0 00135.34 480a55.82 55.82 0 0017.75-2.93l.38-.13 21.84-7.94A47.84 47.84 0 00208 423.91v-212c0-7.29 4.77-13.21 12.16-15.07l.21-.06L395 150.14a4 4 0 015 3.86v141.93c0 6.75-4.25 12.38-11.11 14.68l-.25.09-50.89 18.11A49.09 49.09 0 00304 375.92a55.67 55.67 0 0023.23 45.8 54.63 54.63 0 0049.88 7.35l.36-.12 21.84-7.95A47.83 47.83 0 00432 375.92V58a25.74 25.74 0 00-10.16-20.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNotes = props => {
 MusicalNotes.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNotesOutline.js b/src/MusicalNotesOutline.js
index bff97d5d0..0f2029220 100644
--- a/src/MusicalNotesOutline.js
+++ b/src/MusicalNotesOutline.js
@@ -15,7 +15,7 @@ const MusicalNotesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 218v-6c0-14.84 10-27 24.24-30.59l174.59-46.68A20 20 0 01416 154v22" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M416 295.94v80c0 13.91-8.93 25.59-22 30l-22 8c-25.9 8.72-52-10.42-52-38h0a33.37 33.37 0 0123-32l51-18.15c13.07-4.4 22-15.94 22-29.85V58a10 10 0 00-12.6-9.61L204 102a16.48 16.48 0 00-12 16v226c0 13.91-8.93 25.6-22 30l-52 18c-13.88 4.68-22 17.22-22 32h0c0 27.58 26.52 46.55 52 38l22-8c13.07-4.4 22-16.08 22-30v-80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 218v-6c0-14.84 10-27 24.24-30.59l174.59-46.68A20 20 0 01416 154v22" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M416 295.94v80c0 13.91-8.93 25.59-22 30l-22 8c-25.9 8.72-52-10.42-52-38h0a33.37 33.37 0 0123-32l51-18.15c13.07-4.4 22-15.94 22-29.85V58a10 10 0 00-12.6-9.61L204 102a16.48 16.48 0 00-12 16v226c0 13.91-8.93 25.6-22 30l-52 18c-13.88 4.68-22 17.22-22 32h0c0 27.58 26.52 46.55 52 38l22-8c13.07-4.4 22-16.08 22-30v-80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNotesOutline = props => {
 MusicalNotesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/MusicalNotesSharp.js b/src/MusicalNotesSharp.js
index 51faf7c04..c0d3b75ff 100644
--- a/src/MusicalNotesSharp.js
+++ b/src/MusicalNotesSharp.js
@@ -15,7 +15,7 @@ const MusicalNotesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.46 32.07c-23.6 6.53-205.55 58.81-250.54 71.43a4 4 0 00-2.92 3.83v247a2 2 0 01-1.33 1.89l-27.85 9.55c-19 7.44-66.82 16.68-66.82 59.19 0 35.54 24.63 51.54 45.86 54.28a52.06 52.06 0 007.81.8c7.37 0 36.38-7.08 53.3-18.08C208 448.25 208 448 208 412V202c0-.9.62-.84 1.48-1.07l188-51.92a2 2 0 012.53 2v155.54a2 2 0 01-1.36 1.89c-8.9 3-19.23 6.5-26.48 9.12C341.39 328.68 304 335.65 304 376c0 38.51 28.26 54.58 46.3 55.83a87.37 87.37 0 0021.33-1c9-1.38 24.09-5.9 38.14-14.86C432 401.79 432 401.51 432 360V34a2 2 0 00-2.54-1.93z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.46 32.07c-23.6 6.53-205.55 58.81-250.54 71.43a4 4 0 00-2.92 3.83v247a2 2 0 01-1.33 1.89l-27.85 9.55c-19 7.44-66.82 16.68-66.82 59.19 0 35.54 24.63 51.54 45.86 54.28a52.06 52.06 0 007.81.8c7.37 0 36.38-7.08 53.3-18.08C208 448.25 208 448 208 412V202c0-.9.62-.84 1.48-1.07l188-51.92a2 2 0 012.53 2v155.54a2 2 0 01-1.36 1.89c-8.9 3-19.23 6.5-26.48 9.12C341.39 328.68 304 335.65 304 376c0 38.51 28.26 54.58 46.3 55.83a87.37 87.37 0 0021.33-1c9-1.38 24.09-5.9 38.14-14.86C432 401.79 432 401.51 432 360V34a2 2 0 00-2.54-1.93z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const MusicalNotesSharp = props => {
 MusicalNotesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Navigate.js b/src/Navigate.js
index fd7cabee5..9cc4d6f3e 100644
--- a/src/Navigate.js
+++ b/src/Navigate.js
@@ -15,7 +15,7 @@ const Navigate = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 464a16 16 0 01-16-16.42V264.13a8 8 0 00-8-8H64.41a16.31 16.31 0 01-15.49-10.65 16 16 0 018.41-19.87l384-176.15a16 16 0 0121.22 21.19l-176 384A16 16 0 01272 464z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 464a16 16 0 01-16-16.42V264.13a8 8 0 00-8-8H64.41a16.31 16.31 0 01-15.49-10.65 16 16 0 018.41-19.87l384-176.15a16 16 0 0121.22 21.19l-176 384A16 16 0 01272 464z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Navigate = props => {
 Navigate.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NavigateCircle.js b/src/NavigateCircle.js
index 7ab38a643..bcd5f0d3f 100644
--- a/src/NavigateCircle.js
+++ b/src/NavigateCircle.js
@@ -15,7 +15,7 @@ const NavigateCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM351 175.24l-82.24 186.52c-4.79 10.47-20.78 7-20.78-4.56V268a4 4 0 00-4-4H154.8c-11.52 0-15-15.87-4.57-20.67L336.76 161A10.73 10.73 0 01351 175.24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM351 175.24l-82.24 186.52c-4.79 10.47-20.78 7-20.78-4.56V268a4 4 0 00-4-4H154.8c-11.52 0-15-15.87-4.57-20.67L336.76 161A10.73 10.73 0 01351 175.24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NavigateCircle = props => {
 NavigateCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NavigateCircleOutline.js b/src/NavigateCircleOutline.js
index 8632d33fe..4b54db275 100644
--- a/src/NavigateCircleOutline.js
+++ b/src/NavigateCircleOutline.js
@@ -15,7 +15,7 @@ const NavigateCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336.76 161l-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 014 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 00336.76 161z"/><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336.76 161l-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 014 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 00336.76 161z" /><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NavigateCircleOutline = props => {
 NavigateCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NavigateCircleSharp.js b/src/NavigateCircleSharp.js
index a6b129721..99dfd5444 100644
--- a/src/NavigateCircleSharp.js
+++ b/src/NavigateCircleSharp.js
@@ -15,7 +15,7 @@ const NavigateCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48A208.23 208.23 0 0048 256c0 114.68 93.31 208 208 208a208.23 208.23 0 00208-208c0-114.69-93.31-208-208-208zm-8 361V264H103l259-114.11z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48A208.23 208.23 0 0048 256c0 114.68 93.31 208 208 208a208.23 208.23 0 00208-208c0-114.69-93.31-208-208-208zm-8 361V264H103l259-114.11z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NavigateCircleSharp = props => {
 NavigateCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NavigateOutline.js b/src/NavigateOutline.js
index c6fb26ad4..5f8319966 100644
--- a/src/NavigateOutline.js
+++ b/src/NavigateOutline.js
@@ -15,7 +15,7 @@ const NavigateOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64L64 240.14h200a8 8 0 018 8V448z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 64L64 240.14h200a8 8 0 018 8V448z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NavigateOutline = props => {
 NavigateOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NavigateSharp.js b/src/NavigateSharp.js
index 911e5fc12..ef37ebaf6 100644
--- a/src/NavigateSharp.js
+++ b/src/NavigateSharp.js
@@ -15,7 +15,7 @@ const NavigateSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 32L32 240h240v240L480 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 32L32 240h240v240L480 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NavigateSharp = props => {
 NavigateSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Newspaper.js b/src/Newspaper.js
index ce3ede1b6..9b5ffb5ab 100644
--- a/src/Newspaper.js
+++ b/src/Newspaper.js
@@ -15,7 +15,7 @@ const Newspaper = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M439.91 112h-23.82a.09.09 0 00-.09.09V416a32 32 0 0032 32 32 32 0 0032-32V152.09A40.09 40.09 0 00439.91 112z"/><path d="M384 416V72a40 40 0 00-40-40H72a40 40 0 00-40 40v352a56 56 0 0056 56h342.85a1.14 1.14 0 001.15-1.15 1.14 1.14 0 00-.85-1.1A64.11 64.11 0 01384 416zM96 128a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16h-64a16 16 0 01-16-16zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 400zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 336zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 272zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 208zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 144z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M439.91 112h-23.82a.09.09 0 00-.09.09V416a32 32 0 0032 32 32 32 0 0032-32V152.09A40.09 40.09 0 00439.91 112z" /><path d="M384 416V72a40 40 0 00-40-40H72a40 40 0 00-40 40v352a56 56 0 0056 56h342.85a1.14 1.14 0 001.15-1.15 1.14 1.14 0 00-.85-1.1A64.11 64.11 0 01384 416zM96 128a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16h-64a16 16 0 01-16-16zm208 272H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 368h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 400zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 304h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 336zm0-64H112.45c-8.61 0-16-6.62-16.43-15.23A16 16 0 01112 240h191.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 272zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 176h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 208zm0-64h-63.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01240 112h63.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 144z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Newspaper = props => {
 Newspaper.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NewspaperOutline.js b/src/NewspaperOutline.js
index 61d45691b..a3fac9ef4 100644
--- a/src/NewspaperOutline.js
+++ b/src/NewspaperOutline.js
@@ -15,7 +15,7 @@ const NewspaperOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192"/><path d="M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192" /><path d="M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NewspaperOutline = props => {
 NewspaperOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NewspaperSharp.js b/src/NewspaperSharp.js
index 5b64596bc..2294b3256 100644
--- a/src/NewspaperSharp.js
+++ b/src/NewspaperSharp.js
@@ -15,7 +15,7 @@ const NewspaperSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="112" width="96" height="96" rx="16" ry="16" fill="none"/><path d="M468 112h-52v304a32 32 0 0032 32 32 32 0 0032-32V124a12 12 0 00-12-12z"/><path d="M431.15 477.75A64.11 64.11 0 01384 416V44a12 12 0 00-12-12H44a12 12 0 00-12 12v380a56 56 0 0056 56h342.85a1.14 1.14 0 00.3-2.25zM96 208v-96h96v96zm224 192H96v-32h224zm0-64H96v-32h224zm0-64H96v-32h224zm0-64h-96v-32h96zm0-64h-96v-32h96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="112" width="96" height="96" rx="16" ry="16" fill="none" /><path d="M468 112h-52v304a32 32 0 0032 32 32 32 0 0032-32V124a12 12 0 00-12-12z" /><path d="M431.15 477.75A64.11 64.11 0 01384 416V44a12 12 0 00-12-12H44a12 12 0 00-12 12v380a56 56 0 0056 56h342.85a1.14 1.14 0 00.3-2.25zM96 208v-96h96v96zm224 192H96v-32h224zm0-64H96v-32h224zm0-64H96v-32h224zm0-64h-96v-32h96zm0-64h-96v-32h96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NewspaperSharp = props => {
 NewspaperSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Notifications.js b/src/Notifications.js
index 3ccf7dac4..02f3a35b8 100644
--- a/src/Notifications.js
+++ b/src/Notifications.js
@@ -15,7 +15,7 @@ const Notifications = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65c-56.38 23.21-83.78 67.74-83.78 136.14 0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H410.5c14.94 0 28-8.06 34.19-21a35.17 35.17 0 00-4.61-37.66zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65c-56.38 23.21-83.78 67.74-83.78 136.14 0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H410.5c14.94 0 28-8.06 34.19-21a35.17 35.17 0 00-4.61-37.66zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Notifications = props => {
 Notifications.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsCircle.js b/src/NotificationsCircle.js
index 3dd7aa13d..9de3b81e9 100644
--- a/src/NotificationsCircle.js
+++ b/src/NotificationsCircle.js
@@ -15,7 +15,7 @@ const NotificationsCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-20.9 0-37.52-8.86-39.75-27.58a4 4 0 014-4.42h71.45a4 4 0 014 4.48C293.15 374.85 276.68 384 256 384zm98-48H158c-11.84 0-18-15-11.19-23 16.33-19.34 27.87-27.47 27.87-80.8 0-48.87 25.74-66.21 47-74.67a11.35 11.35 0 006.33-6.68C231.7 138.6 242.14 128 256 128s24.28 10.6 28 22.86a11.39 11.39 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.53 61.46 27.86 80.8 6.74 7.99.57 22.99-11.2 22.99z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-20.9 0-37.52-8.86-39.75-27.58a4 4 0 014-4.42h71.45a4 4 0 014 4.48C293.15 374.85 276.68 384 256 384zm98-48H158c-11.84 0-18-15-11.19-23 16.33-19.34 27.87-27.47 27.87-80.8 0-48.87 25.74-66.21 47-74.67a11.35 11.35 0 006.33-6.68C231.7 138.6 242.14 128 256 128s24.28 10.6 28 22.86a11.39 11.39 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.53 61.46 27.86 80.8 6.74 7.99.57 22.99-11.2 22.99z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsCircle = props => {
 NotificationsCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsCircleOutline.js b/src/NotificationsCircleOutline.js
index f852c80c2..9acab3e94 100644
--- a/src/NotificationsCircleOutline.js
+++ b/src/NotificationsCircleOutline.js
@@ -15,7 +15,7 @@ const NotificationsCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-21.24 8.46-47 25.8-47 74.67 0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23H354C365.77 336 371.94 321 365.2 313zM220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384c20.67 0 37.14-9.15 39.66-27.52a4 4 0 00-4-4.48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-21.24 8.46-47 25.8-47 74.67 0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23H354C365.77 336 371.94 321 365.2 313zM220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384c20.67 0 37.14-9.15 39.66-27.52a4 4 0 00-4-4.48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsCircleOutline = props => {
 NotificationsCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsCircleSharp.js b/src/NotificationsCircleSharp.js
index 90f8fcad6..5ffb2361e 100644
--- a/src/NotificationsCircleSharp.js
+++ b/src/NotificationsCircleSharp.js
@@ -15,7 +15,7 @@ const NotificationsCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M295.68 351.43v.57h.32z"/><path d="M256 384c22.28 0 39.36-10.63 39.66-32H216c0 21.75 17.53 32 40 32zM295.67 352h.33l-.32-.57c0 .19-.01.38-.01.57z" fill="none"/><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-22.48 0-40-10.25-40-32h80c-.3 21.37-17.71 32-40 32zm112-48H144v-28l28-36v-32.3c0-40.41 15.82-75.35 56-84.27l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M295.68 351.43v.57h.32z" /><path d="M256 384c22.28 0 39.36-10.63 39.66-32H216c0 21.75 17.53 32 40 32zM295.67 352h.33l-.32-.57c0 .19-.01.38-.01.57z" fill="none" /><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 336c-22.48 0-40-10.25-40-32h80c-.3 21.37-17.71 32-40 32zm112-48H144v-28l28-36v-32.3c0-40.41 15.82-75.35 56-84.27l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsCircleSharp = props => {
 NotificationsCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOff.js b/src/NotificationsOff.js
index 19d823f3c..ef9923099 100644
--- a/src/NotificationsOff.js
+++ b/src/NotificationsOff.js
@@ -15,7 +15,7 @@ const NotificationsOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65 157.88 157.88 0 00-21.88 11 8 8 0 00-1.49 12.49l261.78 261.74a8 8 0 0013.6-6.63 35.39 35.39 0 00-7.84-18.5zM112.14 217.35c0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H312.8a8 8 0 005.66-13.66l-192-192a8 8 0 00-13.62 5q-.7 8.69-.7 18.04zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 464a15.92 15.92 0 01-11.31-4.69l-384-384a16 16 0 0122.62-22.62l384 384A16 16 0 01448 464zM440.08 341.31c-1.66-2-3.29-4-4.89-5.93-22-26.61-35.31-42.67-35.31-118 0-39-9.33-71-27.72-95-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 01-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.13 3.13 0 01-.81.65 157.88 157.88 0 00-21.88 11 8 8 0 00-1.49 12.49l261.78 261.74a8 8 0 0013.6-6.63 35.39 35.39 0 00-7.84-18.5zM112.14 217.35c0 75.36-13.29 91.42-35.31 118-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 00-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H312.8a8 8 0 005.66-13.66l-192-192a8 8 0 00-13.62 5q-.7 8.69-.7 18.04zM256 480a80.06 80.06 0 0070.44-42.13 4 4 0 00-3.54-5.87H189.12a4 4 0 00-3.55 5.87A80.06 80.06 0 00256 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOff = props => {
 NotificationsOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOffCircle.js b/src/NotificationsOffCircle.js
index 802132f03..1461f4b8e 100644
--- a/src/NotificationsOffCircle.js
+++ b/src/NotificationsOffCircle.js
@@ -15,7 +15,7 @@ const NotificationsOffCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM146.83 313c16.33-19.34 27.86-27.47 27.86-80.8q0-3.75.2-7.26a4 4 0 017-2.52l98 106.87a4 4 0 01-2.94 6.7H158C146.18 336 140.06 321 146.83 313zm148.93 43.41C293.53 375.14 276.92 384 256 384s-37.51-8.86-39.75-27.58a4 4 0 014-4.42h71.53a4 4 0 013.98 4.42zm67 17.42a16 16 0 01-22.6-1.08l-192-212a16 16 0 0123.68-21.52l192 212a16 16 0 01-1.08 22.61zM361 323.21L216.49 165.53a4 4 0 011.3-6.36c1.31-.58 2.61-1.12 3.89-1.63a11.33 11.33 0 006.32-6.68c3.72-12.26 14.15-22.86 28-22.86s24.29 10.6 28 22.86a11.34 11.34 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.54 61.46 27.87 80.8a12.09 12.09 0 012.76 7.25 4 4 0 01-6.97 2.95z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM146.83 313c16.33-19.34 27.86-27.47 27.86-80.8q0-3.75.2-7.26a4 4 0 017-2.52l98 106.87a4 4 0 01-2.94 6.7H158C146.18 336 140.06 321 146.83 313zm148.93 43.41C293.53 375.14 276.92 384 256 384s-37.51-8.86-39.75-27.58a4 4 0 014-4.42h71.53a4 4 0 013.98 4.42zm67 17.42a16 16 0 01-22.6-1.08l-192-212a16 16 0 0123.68-21.52l192 212a16 16 0 01-1.08 22.61zM361 323.21L216.49 165.53a4 4 0 011.3-6.36c1.31-.58 2.61-1.12 3.89-1.63a11.33 11.33 0 006.32-6.68c3.72-12.26 14.15-22.86 28-22.86s24.29 10.6 28 22.86a11.34 11.34 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.54 61.46 27.87 80.8a12.09 12.09 0 012.76 7.25 4 4 0 01-6.97 2.95z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOffCircle = props => {
 NotificationsOffCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOffCircleOutline.js b/src/NotificationsOffCircleOutline.js
index a8c07925d..bf7afb026 100644
--- a/src/NotificationsOffCircleOutline.js
+++ b/src/NotificationsOffCircleOutline.js
@@ -15,7 +15,7 @@ const NotificationsOffCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384s37.5-8.86 39.73-27.58a4 4 0 00-4-4.42zM352 378a15.93 15.93 0 01-11.84-5.24l-192-212a16 16 0 0123.68-21.52l192 212A16 16 0 01352 378zM174.68 232.21c0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23h118.83a4 4 0 002.95-6.7l-98-106.87a4 4 0 00-6.94 2.52c-.1 2.33-.16 4.75-.16 7.25zM365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-1.28.51-2.57 1.05-3.88 1.63a4 4 0 00-1.3 6.36L361 323.21a4 4 0 006.94-2.95 12 12 0 00-2.74-7.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M220.24 352a4 4 0 00-4 4.42C218.49 375.14 235.11 384 256 384s37.5-8.86 39.73-27.58a4 4 0 00-4-4.42zM352 378a15.93 15.93 0 01-11.84-5.24l-192-212a16 16 0 0123.68-21.52l192 212A16 16 0 01352 378zM174.68 232.21c0 53.33-11.54 61.46-27.87 80.8-6.77 8-.65 23 11.19 23h118.83a4 4 0 002.95-6.7l-98-106.87a4 4 0 00-6.94 2.52c-.1 2.33-.16 4.75-.16 7.25zM365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8 0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 01-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 01-6.33 6.68c-1.28.51-2.57 1.05-3.88 1.63a4 4 0 00-1.3 6.36L361 323.21a4 4 0 006.94-2.95 12 12 0 00-2.74-7.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOffCircleOutline = props => {
 NotificationsOffCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOffCircleSharp.js b/src/NotificationsOffCircleSharp.js
index f73526532..9c4932107 100644
--- a/src/NotificationsOffCircleSharp.js
+++ b/src/NotificationsOffCircleSharp.js
@@ -15,7 +15,7 @@ const NotificationsOffCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM144 308l28-36v-32.3a131.83 131.83 0 012.34-25.42L285.92 336H144zm112.18 76C233.6 384 216 373.75 216 352h80c-.3 21.37-17.45 32-39.82 32zm93.48-3.74l-211-227 23.68-21.52 211 227zM368 330.85l-.32-.38-155.5-169.63a73.4 73.4 0 0115.82-5.41l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM144 308l28-36v-32.3a131.83 131.83 0 012.34-25.42L285.92 336H144zm112.18 76C233.6 384 216 373.75 216 352h80c-.3 21.37-17.45 32-39.82 32zm93.48-3.74l-211-227 23.68-21.52 211 227zM368 330.85l-.32-.38-155.5-169.63a73.4 73.4 0 0115.82-5.41l4-27.43h48l4 27.43c40 8.92 56 44 56 84.27V272l28 36z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOffCircleSharp = props => {
 NotificationsOffCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOffOutline.js b/src/NotificationsOffOutline.js
index 3048dc8e3..434211a51 100644
--- a/src/NotificationsOffOutline.js
+++ b/src/NotificationsOffOutline.js
@@ -15,7 +15,7 @@ const NotificationsOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128.51 204.59q-.37 6.15-.37 12.76C128.14 304 110 320 84.33 351.43 73.69 364.45 83 384 101.62 384H320M414.5 335.3c-18.48-23.45-30.62-47.05-30.62-118 0-79.3-40.52-107.57-73.88-121.3-4.43-1.82-8.6-6-9.95-10.55C294.21 65.54 277.82 48 256 48s-38.2 17.55-44 37.47c-1.35 4.6-5.52 8.71-10 10.53a149.57 149.57 0 00-18 8.79M320 384v16a64 64 0 01-128 0v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M448 448L64 64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128.51 204.59q-.37 6.15-.37 12.76C128.14 304 110 320 84.33 351.43 73.69 364.45 83 384 101.62 384H320M414.5 335.3c-18.48-23.45-30.62-47.05-30.62-118 0-79.3-40.52-107.57-73.88-121.3-4.43-1.82-8.6-6-9.95-10.55C294.21 65.54 277.82 48 256 48s-38.2 17.55-44 37.47c-1.35 4.6-5.52 8.71-10 10.53a149.57 149.57 0 00-18 8.79M320 384v16a64 64 0 01-128 0v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M448 448L64 64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOffOutline = props => {
 NotificationsOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOffSharp.js b/src/NotificationsOffSharp.js
index f3e8e3327..eda4b5d23 100644
--- a/src/NotificationsOffSharp.js
+++ b/src/NotificationsOffSharp.js
@@ -15,7 +15,7 @@ const NotificationsOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM112 227.47V288l-48 64v48h268.12L115.87 183.75a236.75 236.75 0 00-3.87 43.72zM448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.45 117.45 0 00-41.95 18.17l282 282z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M41.37 64l22.628-22.628L470.627 448l-22.628 22.627zM256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM112 227.47V288l-48 64v48h268.12L115.87 183.75a236.75 236.75 0 00-3.87 43.72zM448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.45 117.45 0 00-41.95 18.17l282 282z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOffSharp = props => {
 NotificationsOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsOutline.js b/src/NotificationsOutline.js
index 773b2262e..f058725d4 100644
--- a/src/NotificationsOutline.js
+++ b/src/NotificationsOutline.js
@@ -15,7 +15,7 @@ const NotificationsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M427.68 351.43C402 320 383.87 304 383.87 217.35 383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43 73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57zM320 384v16a64 64 0 01-128 0v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M427.68 351.43C402 320 383.87 304 383.87 217.35 383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43 73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57zM320 384v16a64 64 0 01-128 0v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsOutline = props => {
 NotificationsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NotificationsSharp.js b/src/NotificationsSharp.js
index abe377e82..bdd118a91 100644
--- a/src/NotificationsSharp.js
+++ b/src/NotificationsSharp.js
@@ -15,7 +15,7 @@ const NotificationsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM400 288v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48c-68.88 15.61-96 76.76-96 147.47V288l-48 64v48h384v-48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 480a80.09 80.09 0 0073.3-48H182.7a80.09 80.09 0 0073.3 48zM400 288v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48c-68.88 15.61-96 76.76-96 147.47V288l-48 64v48h384v-48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NotificationsSharp = props => {
 NotificationsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Nuclear.js b/src/Nuclear.js
index aef7c57fd..d1afe7c37 100644
--- a/src/Nuclear.js
+++ b/src/Nuclear.js
@@ -15,7 +15,7 @@ const Nuclear = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM429 239.92l-93.08-.1a2 2 0 01-1.95-1.57 80.08 80.08 0 00-27.44-44.17 2 2 0 01-.54-2.43l41.32-83.43a2 2 0 012.87-.81A176.2 176.2 0 01431 237.71a2 2 0 01-2 2.21zm-220.8 20.46a48 48 0 1143.42 43.42 48 48 0 01-43.42-43.42zm-43.55-152.16L206 191.65a2 2 0 01-.54 2.43A80.08 80.08 0 00178 238.25a2 2 0 01-2 1.57l-93.08.1a2 2 0 01-2-2.21 176.2 176.2 0 0180.82-130.3 2 2 0 012.91.81zm-.37 295.34l56.31-74.09a2 2 0 012.43-.6 79.84 79.84 0 0066 0 2 2 0 012.43.6l56.31 74.09a2 2 0 01-.54 2.92 175.65 175.65 0 01-182.36 0 2 2 0 01-.58-2.92z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zM429 239.92l-93.08-.1a2 2 0 01-1.95-1.57 80.08 80.08 0 00-27.44-44.17 2 2 0 01-.54-2.43l41.32-83.43a2 2 0 012.87-.81A176.2 176.2 0 01431 237.71a2 2 0 01-2 2.21zm-220.8 20.46a48 48 0 1143.42 43.42 48 48 0 01-43.42-43.42zm-43.55-152.16L206 191.65a2 2 0 01-.54 2.43A80.08 80.08 0 00178 238.25a2 2 0 01-2 1.57l-93.08.1a2 2 0 01-2-2.21 176.2 176.2 0 0180.82-130.3 2 2 0 012.91.81zm-.37 295.34l56.31-74.09a2 2 0 012.43-.6 79.84 79.84 0 0066 0 2 2 0 012.43.6l56.31 74.09a2 2 0 01-.54 2.92 175.65 175.65 0 01-182.36 0 2 2 0 01-.58-2.92z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Nuclear = props => {
 Nuclear.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NuclearOutline.js b/src/NuclearOutline.js
index e40c08c66..e91f3c60f 100644
--- a/src/NuclearOutline.js
+++ b/src/NuclearOutline.js
@@ -15,7 +15,7 @@ const NuclearOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M224 192L171 85M288 192l53-107M327.55 255.81l119.41.13M299.09 313.13l72.25 95.06M184.45 255.81l-119.41.13M212.91 313.13l-72.25 95.06"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="64" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M224 192L171 85M288 192l53-107M327.55 255.81l119.41.13M299.09 313.13l72.25 95.06M184.45 255.81l-119.41.13M212.91 313.13l-72.25 95.06" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NuclearOutline = props => {
 NuclearOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NuclearSharp.js b/src/NuclearSharp.js
index b778e1a8f..24ed02700 100644
--- a/src/NuclearSharp.js
+++ b/src/NuclearSharp.js
@@ -15,7 +15,7 @@ const NuclearSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><path d="M223.47 335.59l-51.71 68a169.73 169.73 0 00168.48 0l-51.71-68" fill="none"/><path d="M403.08 108.92a208 208 0 00-294.16 294.16 208 208 0 00294.16-294.16zM342 256a86.13 86.13 0 01-53.47 79.59l51.71 68a169.73 169.73 0 01-168.48 0l51.71-68a86 86 0 01-50.56-101.77l-85.48.09a170.21 170.21 0 0173.83-119l37.94 76.59a85.78 85.78 0 01113.6 0l37.94-76.59a170.21 170.21 0 0173.83 119l-85.48-.09A85.87 85.87 0 01342 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><path d="M223.47 335.59l-51.71 68a169.73 169.73 0 00168.48 0l-51.71-68" fill="none" /><path d="M403.08 108.92a208 208 0 00-294.16 294.16 208 208 0 00294.16-294.16zM342 256a86.13 86.13 0 01-53.47 79.59l51.71 68a169.73 169.73 0 01-168.48 0l51.71-68a86 86 0 01-50.56-101.77l-85.48.09a170.21 170.21 0 0173.83-119l37.94 76.59a85.78 85.78 0 01113.6 0l37.94-76.59a170.21 170.21 0 0173.83 119l-85.48-.09A85.87 85.87 0 01342 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NuclearSharp = props => {
 NuclearSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Nutrition.js b/src/Nutrition.js
index 59ee7d29e..2aa0c5238 100644
--- a/src/Nutrition.js
+++ b/src/Nutrition.js
@@ -15,7 +15,7 @@ const Nutrition = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23-20.18-1.8-39 3.37-57.23 8.38-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134 12.82 22.25 47 74 87.16 74 30.77 0 47.15-9.44 59.11-16.33 8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33 40.17 0 74.34-51.76 87.16-74 25.07-43.5 40-93.59 40-134 .04-52.57-8.14-92.38-24.96-121.71zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z"/><path d="M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0028-58.2 8 8 0 00-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 00256 103.2a8 8 0 009.1 8.73z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23-20.18-1.8-39 3.37-57.23 8.38-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134 12.82 22.25 47 74 87.16 74 30.77 0 47.15-9.44 59.11-16.33 8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33 40.17 0 74.34-51.76 87.16-74 25.07-43.5 40-93.59 40-134 .04-52.57-8.14-92.38-24.96-121.71zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z" /><path d="M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0028-58.2 8 8 0 00-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 00256 103.2a8 8 0 009.1 8.73z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Nutrition = props => {
 Nutrition.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NutritionOutline.js b/src/NutritionOutline.js
index d76b81de8..41c11ccde 100644
--- a/src/NutritionOutline.js
+++ b/src/NutritionOutline.js
@@ -15,7 +15,7 @@ const NutritionOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160 0 80 64 192 111.2 192s51.94-24 80.8-24 33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 01-9.1-8.73 97.6 97.6 0 0128.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 018.67 8.92 98 98 0 01-28.08 58.2z"/><ellipse cx="216" cy="304" rx="24" ry="48"/><ellipse cx="296" cy="304" rx="24" ry="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160 0 80 64 192 111.2 192s51.94-24 80.8-24 33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 01-9.1-8.73 97.6 97.6 0 0128.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 018.67 8.92 98 98 0 01-28.08 58.2z" /><ellipse cx="216" cy="304" rx="24" ry="48" /><ellipse cx="296" cy="304" rx="24" ry="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NutritionOutline = props => {
 NutritionOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/NutritionSharp.js b/src/NutritionSharp.js
index e2b3b40b3..aad75eeb5 100644
--- a/src/NutritionSharp.js
+++ b/src/NutritionSharp.js
@@ -15,7 +15,7 @@ const NutritionSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z"/><path d="M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57zM216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48zm80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48 24 21.49 24 48-10.75 48-24 48z" /><path d="M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const NutritionSharp = props => {
 NutritionSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Open.js b/src/Open.js
index 19f8f1cfa..e3e25d8c4 100644
--- a/src/Open.js
+++ b/src/Open.js
@@ -15,7 +15,7 @@ const Open = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 304a16 16 0 01-11.31-27.31l157.94-157.94A55.7 55.7 0 00344 112H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V168a55.7 55.7 0 00-6.75-26.63L235.31 299.31A15.92 15.92 0 01224 304z"/><path d="M448 48H336a16 16 0 000 32h73.37l-38.74 38.75a56.35 56.35 0 0122.62 22.62L432 102.63V176a16 16 0 0032 0V64a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 304a16 16 0 01-11.31-27.31l157.94-157.94A55.7 55.7 0 00344 112H104a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V168a55.7 55.7 0 00-6.75-26.63L235.31 299.31A15.92 15.92 0 01224 304z" /><path d="M448 48H336a16 16 0 000 32h73.37l-38.74 38.75a56.35 56.35 0 0122.62 22.62L432 102.63V176a16 16 0 0032 0V64a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Open = props => {
 Open.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/OpenOutline.js b/src/OpenOutline.js
index fcfb97b23..c845e0ff3 100644
--- a/src/OpenOutline.js
+++ b/src/OpenOutline.js
@@ -15,7 +15,7 @@ const OpenOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const OpenOutline = props => {
 OpenOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/OpenSharp.js b/src/OpenSharp.js
index ebb0a5e38..5b67e12c0 100644
--- a/src/OpenSharp.js
+++ b/src/OpenSharp.js
@@ -15,7 +15,7 @@ const OpenSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M201.37 288l176-176H48v352h352V134.63l-176 176L201.37 288z"/><path d="M320 48v32h89.37l-32 32L400 134.63l32-32V192h32V48H320z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M201.37 288l176-176H48v352h352V134.63l-176 176L201.37 288z" /><path d="M320 48v32h89.37l-32 32L400 134.63l32-32V192h32V48H320z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const OpenSharp = props => {
 OpenSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Options.js b/src/Options.js
index 167132648..4f13bb8bf 100644
--- a/src/Options.js
+++ b/src/Options.js
@@ -15,7 +15,7 @@ const Options = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 144h226.75a48 48 0 0090.5 0H448a16 16 0 000-32h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32zM448 368h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32h226.75a48 48 0 0090.5 0H448a16 16 0 000-32zM448 240H221.25a48 48 0 00-90.5 0H64a16 16 0 000 32h66.75a48 48 0 0090.5 0H448a16 16 0 000-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M64 144h226.75a48 48 0 0090.5 0H448a16 16 0 000-32h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32zM448 368h-66.75a48 48 0 00-90.5 0H64a16 16 0 000 32h226.75a48 48 0 0090.5 0H448a16 16 0 000-32zM448 240H221.25a48 48 0 00-90.5 0H64a16 16 0 000 32h66.75a48 48 0 0090.5 0H448a16 16 0 000-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Options = props => {
 Options.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/OptionsOutline.js b/src/OptionsOutline.js
index 4daff6992..49248da2f 100644
--- a/src/OptionsOutline.js
+++ b/src/OptionsOutline.js
@@ -15,7 +15,7 @@ const OptionsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80"/><circle cx="336" cy="128" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="176" cy="256" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="336" cy="384" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80" /><circle cx="336" cy="128" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="176" cy="256" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="336" cy="384" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const OptionsOutline = props => {
 OptionsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/OptionsSharp.js b/src/OptionsSharp.js
index 76a84a5eb..76ce0698b 100644
--- a/src/OptionsSharp.js
+++ b/src/OptionsSharp.js
@@ -15,7 +15,7 @@ const OptionsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M381.25 112a48 48 0 00-90.5 0H48v32h242.75a48 48 0 0090.5 0H464v-32zM176 208a48.09 48.09 0 00-45.25 32H48v32h82.75a48 48 0 0090.5 0H464v-32H221.25A48.09 48.09 0 00176 208zM336 336a48.09 48.09 0 00-45.25 32H48v32h242.75a48 48 0 0090.5 0H464v-32h-82.75A48.09 48.09 0 00336 336z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M381.25 112a48 48 0 00-90.5 0H48v32h242.75a48 48 0 0090.5 0H464v-32zM176 208a48.09 48.09 0 00-45.25 32H48v32h82.75a48 48 0 0090.5 0H464v-32H221.25A48.09 48.09 0 00176 208zM336 336a48.09 48.09 0 00-45.25 32H48v32h242.75a48 48 0 0090.5 0H464v-32h-82.75A48.09 48.09 0 00336 336z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const OptionsSharp = props => {
 OptionsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PaperPlane.js b/src/PaperPlane.js
index 55edf8805..e6da91c6b 100644
--- a/src/PaperPlane.js
+++ b/src/PaperPlane.js
@@ -15,7 +15,7 @@ const PaperPlane = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473 39.05a24 24 0 00-25.5-5.46L47.47 185h-.08a24 24 0 001 45.16l.41.13 137.3 58.63a16 16 0 0015.54-3.59L422 80a7.07 7.07 0 0110 10L226.66 310.26a16 16 0 00-3.59 15.54l58.65 137.38c.06.2.12.38.19.57 3.2 9.27 11.3 15.81 21.09 16.25h1a24.63 24.63 0 0023-15.46L478.39 64.62A24 24 0 00473 39.05z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M473 39.05a24 24 0 00-25.5-5.46L47.47 185h-.08a24 24 0 001 45.16l.41.13 137.3 58.63a16 16 0 0015.54-3.59L422 80a7.07 7.07 0 0110 10L226.66 310.26a16 16 0 00-3.59 15.54l58.65 137.38c.06.2.12.38.19.57 3.2 9.27 11.3 15.81 21.09 16.25h1a24.63 24.63 0 0023-15.46L478.39 64.62A24 24 0 00473 39.05z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PaperPlane = props => {
 PaperPlane.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PaperPlaneOutline.js b/src/PaperPlaneOutline.js
index 4911f497c..da847eb1c 100644
--- a/src/PaperPlaneOutline.js
+++ b/src/PaperPlaneOutline.js
@@ -15,7 +15,7 @@ const PaperPlaneOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M53.12 199.94l400-151.39a8 8 0 0110.33 10.33l-151.39 400a8 8 0 01-15-.34l-67.4-166.09a16 16 0 00-10.11-10.11L53.46 215a8 8 0 01-.34-15.06zM460 52L227 285" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M53.12 199.94l400-151.39a8 8 0 0110.33 10.33l-151.39 400a8 8 0 01-15-.34l-67.4-166.09a16 16 0 00-10.11-10.11L53.46 215a8 8 0 01-.34-15.06zM460 52L227 285" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PaperPlaneOutline = props => {
 PaperPlaneOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PaperPlaneSharp.js b/src/PaperPlaneSharp.js
index c3ea0dede..b8b34db9a 100644
--- a/src/PaperPlaneSharp.js
+++ b/src/PaperPlaneSharp.js
@@ -15,7 +15,7 @@ const PaperPlaneSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 16L15.88 208 195 289 448 64 223 317l81 179L496 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 16L15.88 208 195 289 448 64 223 317l81 179L496 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PaperPlaneSharp = props => {
 PaperPlaneSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PartlySunny.js b/src/PartlySunny.js
index 0b6f72280..38b86c514 100644
--- a/src/PartlySunny.js
+++ b/src/PartlySunny.js
@@ -15,7 +15,7 @@ const PartlySunny = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0142.19 53.21 16 16 0 0011.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM387.89 221.68a168.8 168.8 0 0134.76 14.71 4 4 0 005.82-2.44 97 97 0 003.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 00281 129.33h-.06a3.38 3.38 0 001 6 162.45 162.45 0 0151.28 26.4 173.92 173.92 0 0145.32 52.51 16 16 0 009.35 7.44zM496 224h-32a16 16 0 010-32h32a16 16 0 010 32zM336 96a16 16 0 01-16-16V48a16 16 0 0132 0v32a16 16 0 01-16 16zM245.49 133.49a15.92 15.92 0 01-11.31-4.69l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 01-11.31 27.31zM426.51 133.49a16 16 0 01-11.31-27.31l22.62-22.63a16 16 0 0122.63 22.63l-22.63 22.62a15.92 15.92 0 01-11.31 4.69z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0142.19 53.21 16 16 0 0011.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM387.89 221.68a168.8 168.8 0 0134.76 14.71 4 4 0 005.82-2.44 97 97 0 003.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 00281 129.33h-.06a3.38 3.38 0 001 6 162.45 162.45 0 0151.28 26.4 173.92 173.92 0 0145.32 52.51 16 16 0 009.35 7.44zM496 224h-32a16 16 0 010-32h32a16 16 0 010 32zM336 96a16 16 0 01-16-16V48a16 16 0 0132 0v32a16 16 0 01-16 16zM245.49 133.49a15.92 15.92 0 01-11.31-4.69l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 01-11.31 27.31zM426.51 133.49a16 16 0 01-11.31-27.31l22.62-22.63a16 16 0 0122.63 22.63l-22.63 22.62a15.92 15.92 0 01-11.31 4.69z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PartlySunny = props => {
 PartlySunny.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PartlySunnyOutline.js b/src/PartlySunnyOutline.js
index 2218e9e83..d2e5a7a66 100644
--- a/src/PartlySunnyOutline.js
+++ b/src/PartlySunnyOutline.js
@@ -15,7 +15,7 @@ const PartlySunnyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M384.8 271.4a80 80 0 10-123.55-92M464 208h32M336 48v32M222.86 94.86l22.63 22.63M449.14 94.86l-22.63 22.63" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M90.61 306.85A16.07 16.07 0 00104 293.6C116.09 220.17 169.63 176 232 176c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H106c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M384.8 271.4a80 80 0 10-123.55-92M464 208h32M336 48v32M222.86 94.86l22.63 22.63M449.14 94.86l-22.63 22.63" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PartlySunnyOutline = props => {
 PartlySunnyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PartlySunnySharp.js b/src/PartlySunnySharp.js
index 6dd3822b9..7e7e4e96d 100644
--- a/src/PartlySunnySharp.js
+++ b/src/PartlySunnySharp.js
@@ -15,7 +15,7 @@ const PartlySunnySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM381.5 219.89a169.23 169.23 0 0145.44 19A96 96 0 00281 129.33q-2.85 2-5.54 4.2a162.47 162.47 0 0157.73 28.23 174.53 174.53 0 0148.31 58.13zM448 192h64v32h-64zM320 32h32v64h-32zM255.35 129.63l12.45-12.45-44.62-44.63-22.63 22.63 33.17 33.17h.6a172 172 0 0121.03 1.28zM404.203 117.17l44.626-44.625 22.627 22.628-44.625 44.625z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01232 160c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM381.5 219.89a169.23 169.23 0 0145.44 19A96 96 0 00281 129.33q-2.85 2-5.54 4.2a162.47 162.47 0 0157.73 28.23 174.53 174.53 0 0148.31 58.13zM448 192h64v32h-64zM320 32h32v64h-32zM255.35 129.63l12.45-12.45-44.62-44.63-22.63 22.63 33.17 33.17h.6a172 172 0 0121.03 1.28zM404.203 117.17l44.626-44.625 22.627 22.628-44.625 44.625z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PartlySunnySharp = props => {
 PartlySunnySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pause.js b/src/Pause.js
index 1b35ffb11..7bd261e4c 100644
--- a/src/Pause.js
+++ b/src/Pause.js
@@ -15,7 +15,7 @@ const Pause = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16zM352 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16zM352 432h-48a16 16 0 01-16-16V96a16 16 0 0116-16h48a16 16 0 0116 16v320a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pause = props => {
 Pause.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PauseCircle.js b/src/PauseCircle.js
index b3c560b96..7698e6a03 100644
--- a/src/PauseCircle.js
+++ b/src/PauseCircle.js
@@ -15,7 +15,7 @@ const PauseCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 272a16 16 0 01-32 0V192a16 16 0 0132 0zm96 0a16 16 0 01-32 0V192a16 16 0 0132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 272a16 16 0 01-32 0V192a16 16 0 0132 0zm96 0a16 16 0 01-32 0V192a16 16 0 0132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PauseCircle = props => {
 PauseCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PauseCircleOutline.js b/src/PauseCircleOutline.js
index cabbbfd1a..279c78ddc 100644
--- a/src/PauseCircleOutline.js
+++ b/src/PauseCircleOutline.js
@@ -15,7 +15,7 @@ const PauseCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M208 192v128M304 192v128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M208 192v128M304 192v128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PauseCircleOutline = props => {
 PauseCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PauseCircleSharp.js b/src/PauseCircleSharp.js
index 5007d0067..15065c681 100644
--- a/src/PauseCircleSharp.js
+++ b/src/PauseCircleSharp.js
@@ -15,7 +15,7 @@ const PauseCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 288h-32V176h32zm96 0h-32V176h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-32 288h-32V176h32zm96 0h-32V176h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PauseCircleSharp = props => {
 PauseCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PauseOutline.js b/src/PauseOutline.js
index 86803865d..5f3d32b1a 100644
--- a/src/PauseOutline.js
+++ b/src/PauseOutline.js
@@ -15,7 +15,7 @@ const PauseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 96h16v320h-16zM320 96h16v320h-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 96h16v320h-16zM320 96h16v320h-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PauseOutline = props => {
 PauseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PauseSharp.js b/src/PauseSharp.js
index d798287dd..f25bba0ab 100644
--- a/src/PauseSharp.js
+++ b/src/PauseSharp.js
@@ -15,7 +15,7 @@ const PauseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 432h-80V80h80zM368 432h-80V80h80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M224 432h-80V80h80zM368 432h-80V80h80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PauseSharp = props => {
 PauseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Paw.js b/src/Paw.js
index 5b8edeb9c..d810657a0 100644
--- a/src/Paw.js
+++ b/src/Paw.js
@@ -15,7 +15,7 @@ const Paw = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M490.39 182.75c-5.55-13.19-14.77-22.7-26.67-27.49l-.16-.06a46.46 46.46 0 00-17-3.2h-.64c-27.24.41-55.05 23.56-69.19 57.61-10.37 24.9-11.56 51.68-3.18 71.64 5.54 13.2 14.78 22.71 26.73 27.5l.13.05a46.53 46.53 0 0017 3.2c27.5 0 55.6-23.15 70-57.65 10.24-24.87 11.37-51.63 2.98-71.6zM381.55 329.61c-15.71-9.44-30.56-18.37-40.26-34.41C314.53 250.8 298.37 224 256 224s-58.57 26.8-85.39 71.2c-9.72 16.06-24.6 25-40.36 34.48-18.07 10.86-36.74 22.08-44.8 44.16a66.93 66.93 0 00-4.65 25c0 35.95 28 65.2 62.4 65.2 17.75 0 36.64-6.15 56.63-12.66 19.22-6.26 39.09-12.73 56.27-12.73s37 6.47 56.15 12.73C332.2 457.85 351 464 368.8 464c34.35 0 62.3-29.25 62.3-65.2a67 67 0 00-4.75-25c-8.06-22.1-26.74-33.33-44.8-44.19zM150 188.85c11.9 14.93 27 23.15 42.52 23.15a42.88 42.88 0 006.33-.47c32.37-4.76 52.54-44.26 45.92-90C242 102.3 234.6 84.39 224 71.11 212.12 56.21 197 48 181.49 48a42.88 42.88 0 00-6.33.47c-32.37 4.76-52.54 44.26-45.92 90 2.76 19.2 10.16 37.09 20.76 50.38zM313.16 211.53a42.88 42.88 0 006.33.47c15.53 0 30.62-8.22 42.52-23.15 10.59-13.29 17.95-31.18 20.75-50.4 6.62-45.72-13.55-85.22-45.92-90a42.88 42.88 0 00-6.33-.47C315 48 299.88 56.21 288 71.11c-10.6 13.28-18 31.19-20.76 50.44-6.62 45.72 13.55 85.22 45.92 89.98zM111.59 308.8l.14-.05c11.93-4.79 21.16-14.29 26.69-27.48 8.38-20 7.2-46.75-3.15-71.65C120.94 175.16 92.85 152 65.38 152a46.4 46.4 0 00-17 3.2l-.14.05c-11.9 4.75-21.13 14.29-26.66 27.48-8.38 20-7.2 46.75 3.15 71.65C39.06 288.84 67.15 312 94.62 312a46.4 46.4 0 0016.97-3.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M490.39 182.75c-5.55-13.19-14.77-22.7-26.67-27.49l-.16-.06a46.46 46.46 0 00-17-3.2h-.64c-27.24.41-55.05 23.56-69.19 57.61-10.37 24.9-11.56 51.68-3.18 71.64 5.54 13.2 14.78 22.71 26.73 27.5l.13.05a46.53 46.53 0 0017 3.2c27.5 0 55.6-23.15 70-57.65 10.24-24.87 11.37-51.63 2.98-71.6zM381.55 329.61c-15.71-9.44-30.56-18.37-40.26-34.41C314.53 250.8 298.37 224 256 224s-58.57 26.8-85.39 71.2c-9.72 16.06-24.6 25-40.36 34.48-18.07 10.86-36.74 22.08-44.8 44.16a66.93 66.93 0 00-4.65 25c0 35.95 28 65.2 62.4 65.2 17.75 0 36.64-6.15 56.63-12.66 19.22-6.26 39.09-12.73 56.27-12.73s37 6.47 56.15 12.73C332.2 457.85 351 464 368.8 464c34.35 0 62.3-29.25 62.3-65.2a67 67 0 00-4.75-25c-8.06-22.1-26.74-33.33-44.8-44.19zM150 188.85c11.9 14.93 27 23.15 42.52 23.15a42.88 42.88 0 006.33-.47c32.37-4.76 52.54-44.26 45.92-90C242 102.3 234.6 84.39 224 71.11 212.12 56.21 197 48 181.49 48a42.88 42.88 0 00-6.33.47c-32.37 4.76-52.54 44.26-45.92 90 2.76 19.2 10.16 37.09 20.76 50.38zM313.16 211.53a42.88 42.88 0 006.33.47c15.53 0 30.62-8.22 42.52-23.15 10.59-13.29 17.95-31.18 20.75-50.4 6.62-45.72-13.55-85.22-45.92-90a42.88 42.88 0 00-6.33-.47C315 48 299.88 56.21 288 71.11c-10.6 13.28-18 31.19-20.76 50.44-6.62 45.72 13.55 85.22 45.92 89.98zM111.59 308.8l.14-.05c11.93-4.79 21.16-14.29 26.69-27.48 8.38-20 7.2-46.75-3.15-71.65C120.94 175.16 92.85 152 65.38 152a46.4 46.4 0 00-17 3.2l-.14.05c-11.9 4.75-21.13 14.29-26.66 27.48-8.38 20-7.2 46.75 3.15 71.65C39.06 288.84 67.15 312 94.62 312a46.4 46.4 0 0016.97-3.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Paw = props => {
 Paw.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PawOutline.js b/src/PawOutline.js
index 2371e96cd..f6a5cbb2b 100644
--- a/src/PawOutline.js
+++ b/src/PawOutline.js
@@ -15,7 +15,7 @@ const PawOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M457.74 170.1a30.26 30.26 0 00-11.16-2.1h-.4c-20.17.3-42.79 19.19-54.66 47.76-14.23 34.18-7.68 69.15 14.74 78.14a30.21 30.21 0 0011.15 2.1c20.27 0 43.2-19 55.17-47.76 14.13-34.18 7.48-69.15-14.84-78.14zM327.6 303.48C299.8 257.35 287.8 240 256 240s-43.9 17.46-71.7 63.48c-23.8 39.36-71.9 42.64-83.9 76.07a50.91 50.91 0 00-3.6 19.25c0 27.19 20.8 49.2 46.4 49.2 31.8 0 75.1-25.39 112.9-25.39S337 448 368.8 448c25.6 0 46.3-22 46.3-49.2a51 51 0 00-3.7-19.25c-12-33.55-60-36.71-83.8-76.07zM192.51 196a26.53 26.53 0 004-.3c23.21-3.37 37.7-35.53 32.44-71.85C224 89.61 203.22 64 181.49 64a26.53 26.53 0 00-4 .3c-23.21 3.37-37.7 35.53-32.44 71.85C150 170.29 170.78 196 192.51 196zM366.92 136.15c5.26-36.32-9.23-68.48-32.44-71.85a26.53 26.53 0 00-4-.3c-21.73 0-42.47 25.61-47.43 59.85-5.26 36.32 9.23 68.48 32.44 71.85a26.53 26.53 0 004 .3c21.73 0 42.51-25.71 47.43-59.85zM105.77 293.9c22.39-9 28.93-44 14.72-78.14C108.53 187 85.62 168 65.38 168a30.21 30.21 0 00-11.15 2.1c-22.39 9-28.93 44-14.72 78.14C51.47 277 74.38 296 94.62 296a30.21 30.21 0 0011.15-2.1z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M457.74 170.1a30.26 30.26 0 00-11.16-2.1h-.4c-20.17.3-42.79 19.19-54.66 47.76-14.23 34.18-7.68 69.15 14.74 78.14a30.21 30.21 0 0011.15 2.1c20.27 0 43.2-19 55.17-47.76 14.13-34.18 7.48-69.15-14.84-78.14zM327.6 303.48C299.8 257.35 287.8 240 256 240s-43.9 17.46-71.7 63.48c-23.8 39.36-71.9 42.64-83.9 76.07a50.91 50.91 0 00-3.6 19.25c0 27.19 20.8 49.2 46.4 49.2 31.8 0 75.1-25.39 112.9-25.39S337 448 368.8 448c25.6 0 46.3-22 46.3-49.2a51 51 0 00-3.7-19.25c-12-33.55-60-36.71-83.8-76.07zM192.51 196a26.53 26.53 0 004-.3c23.21-3.37 37.7-35.53 32.44-71.85C224 89.61 203.22 64 181.49 64a26.53 26.53 0 00-4 .3c-23.21 3.37-37.7 35.53-32.44 71.85C150 170.29 170.78 196 192.51 196zM366.92 136.15c5.26-36.32-9.23-68.48-32.44-71.85a26.53 26.53 0 00-4-.3c-21.73 0-42.47 25.61-47.43 59.85-5.26 36.32 9.23 68.48 32.44 71.85a26.53 26.53 0 004 .3c21.73 0 42.51-25.71 47.43-59.85zM105.77 293.9c22.39-9 28.93-44 14.72-78.14C108.53 187 85.62 168 65.38 168a30.21 30.21 0 00-11.15 2.1c-22.39 9-28.93 44-14.72 78.14C51.47 277 74.38 296 94.62 296a30.21 30.21 0 0011.15-2.1z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PawOutline = props => {
 PawOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PawSharp.js b/src/PawSharp.js
index e82114f1d..4d6e390ec 100644
--- a/src/PawSharp.js
+++ b/src/PawSharp.js
@@ -15,7 +15,7 @@ const PawSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12-17.23-10.71-33.5-20.83-44.14-39-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08-19.8 12.31-40.27 25-49.1 50.05a78.06 78.06 0 00-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464 448 430.85 448 390.11a78.3 78.3 0 00-5.2-28.29z"/><ellipse cx="72" cy="216" rx="56" ry="72"/><ellipse cx="184" cy="120" rx="56" ry="72"/><ellipse cx="328" cy="120" rx="56" ry="72"/><ellipse cx="440" cy="216" rx="56" ry="72"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442.8 361.82c-8.8-25.1-29.31-37.82-49.11-50.12-17.23-10.71-33.5-20.83-44.14-39-29.33-50.33-45.44-80.7-93.49-80.7s-64.21 30.38-93.61 80.69c-10.65 18.21-27 28.35-44.25 39.08-19.8 12.31-40.27 25-49.1 50.05a78.06 78.06 0 00-5.1 28.29C64 430.85 96.45 464 132.4 464s83.31-18.13 123.76-18.13S343.31 464 379.71 464 448 430.85 448 390.11a78.3 78.3 0 00-5.2-28.29z" /><ellipse cx="72" cy="216" rx="56" ry="72" /><ellipse cx="184" cy="120" rx="56" ry="72" /><ellipse cx="328" cy="120" rx="56" ry="72" /><ellipse cx="440" cy="216" rx="56" ry="72" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PawSharp = props => {
 PawSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pencil.js b/src/Pencil.js
index 300077ddf..c0a5d39cc 100644
--- a/src/Pencil.js
+++ b/src/Pencil.js
@@ -15,7 +15,7 @@ const Pencil = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M358.62 129.28L86.49 402.08 70 442l39.92-16.49 272.8-272.13-24.1-24.1zM413.07 74.84l-11.79 11.78 24.1 24.1 11.79-11.79a16.51 16.51 0 000-23.34l-.75-.75a16.51 16.51 0 00-23.35 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M358.62 129.28L86.49 402.08 70 442l39.92-16.49 272.8-272.13-24.1-24.1zM413.07 74.84l-11.79 11.78 24.1 24.1 11.79-11.79a16.51 16.51 0 000-23.34l-.75-.75a16.51 16.51 0 00-23.35 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pencil = props => {
 Pencil.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PencilOutline.js b/src/PencilOutline.js
index d3702d42b..077859acb 100644
--- a/src/PencilOutline.js
+++ b/src/PencilOutline.js
@@ -15,7 +15,7 @@ const PencilOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M364.13 125.25L87 403l-23 45 44.99-23 277.76-277.13-22.62-22.62zM420.69 68.69l-22.62 22.62 22.62 22.63 22.62-22.63a16 16 0 000-22.62h0a16 16 0 00-22.62 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M364.13 125.25L87 403l-23 45 44.99-23 277.76-277.13-22.62-22.62zM420.69 68.69l-22.62 22.62 22.62 22.63 22.62-22.63a16 16 0 000-22.62h0a16 16 0 00-22.62 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PencilOutline = props => {
 PencilOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PencilSharp.js b/src/PencilSharp.js
index a2b61c0c2..ce62f2070 100644
--- a/src/PencilSharp.js
+++ b/src/PencilSharp.js
@@ -15,7 +15,7 @@ const PencilSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M103 464H48v-55L358.14 98.09l55.77 55.78L103 464zM425.72 142L370 86.28l31.66-30.66C406.55 50.7 414.05 48 421 48a25.91 25.91 0 0118.42 7.62l17 17A25.87 25.87 0 01464 91c0 7-2.71 14.45-7.62 19.36zm-7.52-70.83z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M103 464H48v-55L358.14 98.09l55.77 55.78L103 464zM425.72 142L370 86.28l31.66-30.66C406.55 50.7 414.05 48 421 48a25.91 25.91 0 0118.42 7.62l17 17A25.87 25.87 0 01464 91c0 7-2.71 14.45-7.62 19.36zm-7.52-70.83z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PencilSharp = props => {
 PencilSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/People.js b/src/People.js
index 491fe911d..da902e5c4 100644
--- a/src/People.js
+++ b/src/People.js
@@ -15,7 +15,7 @@ const People = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 256c-20.56 0-40.44-9.18-56-25.84-15.13-16.25-24.37-37.92-26-61-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52 15.47 16.62 23 39.22 21.26 63.63-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256zm66-88zM467.83 432H204.18a27.71 27.71 0 01-22-10.67 30.22 30.22 0 01-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05 31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 01-5.32 25.78A27.68 27.68 0 01467.83 432zM147 260c-35.19 0-66.13-32.72-69-72.93-1.42-20.6 5-39.65 18-53.62 12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52-2.87 40.2-33.8 72.91-68.93 72.91zM212.66 291.45c-17.59-8.6-40.42-12.9-65.65-12.9-29.46 0-58.07 7.68-80.57 21.62-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 004.79 23.36A25.32 25.32 0 0041.72 400h111a8 8 0 007.87-6.57c.11-.63.25-1.26.41-1.88 8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 00-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 256c-20.56 0-40.44-9.18-56-25.84-15.13-16.25-24.37-37.92-26-61-1.74-24.62 5.77-47.26 21.14-63.76S312 80 336 80c23.83 0 45.38 9.06 60.7 25.52 15.47 16.62 23 39.22 21.26 63.63-1.67 23.11-10.9 44.77-26 61C376.44 246.82 356.57 256 336 256zm66-88zM467.83 432H204.18a27.71 27.71 0 01-22-10.67 30.22 30.22 0 01-5.26-25.79c8.42-33.81 29.28-61.85 60.32-81.08C264.79 297.4 299.86 288 336 288c36.85 0 71 9 98.71 26.05 31.11 19.13 52 47.33 60.38 81.55a30.27 30.27 0 01-5.32 25.78A27.68 27.68 0 01467.83 432zM147 260c-35.19 0-66.13-32.72-69-72.93-1.42-20.6 5-39.65 18-53.62 12.86-13.83 31-21.45 51-21.45s38 7.66 50.93 21.57c13.1 14.08 19.5 33.09 18 53.52-2.87 40.2-33.8 72.91-68.93 72.91zM212.66 291.45c-17.59-8.6-40.42-12.9-65.65-12.9-29.46 0-58.07 7.68-80.57 21.62-25.51 15.83-42.67 38.88-49.6 66.71a27.39 27.39 0 004.79 23.36A25.32 25.32 0 0041.72 400h111a8 8 0 007.87-6.57c.11-.63.25-1.26.41-1.88 8.48-34.06 28.35-62.84 57.71-83.82a8 8 0 00-.63-13.39c-1.57-.92-3.37-1.89-5.42-2.89z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const People = props => {
 People.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PeopleCircle.js b/src/PeopleCircle.js
index 6e0573a62..0d97aa168 100644
--- a/src/PeopleCircle.js
+++ b/src/PeopleCircle.js
@@ -15,7 +15,7 @@ const PeopleCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-3.68 152.11c.21-1.2.44-2.4.71-3.59a66.46 66.46 0 0116.29-31.21c12.89-13.73 31.16-21.31 51.45-21.31a74.05 74.05 0 0125.06 4.26 66.69 66.69 0 0126.27 17.2 68.15 68.15 0 0118 42.14 78.46 78.46 0 010 11.4 86.19 86.19 0 01-8.2 31q-.76 1.59-1.59 3.15c-1.11 2.07-2.3 4.1-3.58 6.06a79.47 79.47 0 01-8.63 11c-13.12 14-29.92 21.73-47.31 21.73a59.61 59.61 0 01-19.17-3.18 63.47 63.47 0 01-6.1-2.43 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68a75.62 75.62 0 011.05-11.08zm-149.73 24.34a59.87 59.87 0 015.2-20.64 56.76 56.76 0 012.78-5.3 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82 56.84 56.84 0 018.11-3.64 63.85 63.85 0 0133.35-2.39 57 57 0 0130.78 17 57.86 57.86 0 0115.41 38.62c.05 2.11 0 4.23-.15 6.38a71.58 71.58 0 01-6 23.84 69.49 69.49 0 01-5.73 10.42 65.39 65.39 0 01-15.76 16.57c-1.5 1.07-3.06 2.07-4.67 3.07a54.21 54.21 0 01-10 4.65 49.31 49.31 0 01-16.2 2.76c-.93 0-1.86 0-2.78-.08a47.6 47.6 0 01-5.48-.62 51.19 51.19 0 01-5.35-1.23 53.54 53.54 0 01-7.72-2.89c-.84-.39-1.66-.8-2.48-1.23-18-9.49-31.57-29.16-34.23-52.12-.12-1.05-.22-2.1-.29-3.16a66.59 66.59 0 01.02-9.63zm53.92 178.6a177.27 177.27 0 01-61.94-70.65 4 4 0 011.62-5.26C117.67 316.69 141.4 311 163.82 311c17 0 30.7 2 42.69 5.88a8 8 0 012.59 13.77c-23.35 19-38.4 42.54-45.47 70.75a2.77 2.77 0 01-4.22 1.65zM256 432a175.12 175.12 0 01-65.7-12.72 4 4 0 01-2.4-4.46c.4-2.05.84-3.92 1.23-5.48 7.12-28.43 24.76-52 51-68.18 23.29-14.35 53-22.25 83.52-22.25 31.16 0 60 7.58 83.48 21.91a2.72 2.72 0 01.91 3.67A176.1 176.1 0 01256 432z"/><path d="M161 295.28a47.6 47.6 0 01-5.48-.62 47.6 47.6 0 005.48.62zM134.64 178.13a55.62 55.62 0 00-14 10.82 54.49 54.49 0 00-7.19 9.56 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82zM216.17 257.89a71.58 71.58 0 006-23.84c.15-2.15.2-4.27.15-6.38q.08 3.15-.15 6.38a71.58 71.58 0 01-6 23.84zM134.64 178.13a56.84 56.84 0 018.11-3.64 56.84 56.84 0 00-8.11 3.64zM150.21 293.43a53.54 53.54 0 01-7.72-2.89 53.54 53.54 0 007.72 2.89zM105.78 237.19c2.66 23 16.26 42.63 34.23 52.12-18.01-9.49-31.57-29.16-34.23-52.12zM254.34 219a83.76 83.76 0 0022 51.32 70.76 70.76 0 0022.07 16.12 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68-.09 3.75.18 7.68zM304.5 288.82a63.47 63.47 0 01-6.1-2.43 63.47 63.47 0 006.1 2.43zM255.93 196.54a66.46 66.46 0 0116.29-31.21 66.46 66.46 0 00-16.29 31.21zM375 165.46a68.15 68.15 0 0118 42.14 68.15 68.15 0 00-18-42.14 66.69 66.69 0 00-26.27-17.2 66.69 66.69 0 0126.27 17.2zM393 219a86.19 86.19 0 01-8.2 31 86.19 86.19 0 008.2-31zM254.16 211.27a75.62 75.62 0 011.06-11.14 75.62 75.62 0 00-1.06 11.14zM383.19 253.16zM206.88 189.05a57.86 57.86 0 0115.41 38.62 57.86 57.86 0 00-15.41-38.62 57 57 0 00-30.78-17 57 57 0 0130.78 17zM190 288a54.21 54.21 0 01-10 4.65 54.21 54.21 0 0010-4.65zM105.49 224.45a59.87 59.87 0 015.2-20.64 59.87 59.87 0 00-5.2 20.64zM194.68 284.88C193.17 286 191.61 287 190 288c1.61-1 3.17-2 4.68-3.12zM216.17 257.89a69.49 69.49 0 01-5.73 10.42 69.49 69.49 0 005.73-10.42zM110.69 203.81a56.76 56.76 0 012.78-5.3 56.76 56.76 0 00-2.78 5.3zM194.68 284.88a65.39 65.39 0 0015.76-16.57 65.39 65.39 0 01-15.76 16.57z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm-3.68 152.11c.21-1.2.44-2.4.71-3.59a66.46 66.46 0 0116.29-31.21c12.89-13.73 31.16-21.31 51.45-21.31a74.05 74.05 0 0125.06 4.26 66.69 66.69 0 0126.27 17.2 68.15 68.15 0 0118 42.14 78.46 78.46 0 010 11.4 86.19 86.19 0 01-8.2 31q-.76 1.59-1.59 3.15c-1.11 2.07-2.3 4.1-3.58 6.06a79.47 79.47 0 01-8.63 11c-13.12 14-29.92 21.73-47.31 21.73a59.61 59.61 0 01-19.17-3.18 63.47 63.47 0 01-6.1-2.43 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68a75.62 75.62 0 011.05-11.08zm-149.73 24.34a59.87 59.87 0 015.2-20.64 56.76 56.76 0 012.78-5.3 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82 56.84 56.84 0 018.11-3.64 63.85 63.85 0 0133.35-2.39 57 57 0 0130.78 17 57.86 57.86 0 0115.41 38.62c.05 2.11 0 4.23-.15 6.38a71.58 71.58 0 01-6 23.84 69.49 69.49 0 01-5.73 10.42 65.39 65.39 0 01-15.76 16.57c-1.5 1.07-3.06 2.07-4.67 3.07a54.21 54.21 0 01-10 4.65 49.31 49.31 0 01-16.2 2.76c-.93 0-1.86 0-2.78-.08a47.6 47.6 0 01-5.48-.62 51.19 51.19 0 01-5.35-1.23 53.54 53.54 0 01-7.72-2.89c-.84-.39-1.66-.8-2.48-1.23-18-9.49-31.57-29.16-34.23-52.12-.12-1.05-.22-2.1-.29-3.16a66.59 66.59 0 01.02-9.63zm53.92 178.6a177.27 177.27 0 01-61.94-70.65 4 4 0 011.62-5.26C117.67 316.69 141.4 311 163.82 311c17 0 30.7 2 42.69 5.88a8 8 0 012.59 13.77c-23.35 19-38.4 42.54-45.47 70.75a2.77 2.77 0 01-4.22 1.65zM256 432a175.12 175.12 0 01-65.7-12.72 4 4 0 01-2.4-4.46c.4-2.05.84-3.92 1.23-5.48 7.12-28.43 24.76-52 51-68.18 23.29-14.35 53-22.25 83.52-22.25 31.16 0 60 7.58 83.48 21.91a2.72 2.72 0 01.91 3.67A176.1 176.1 0 01256 432z" /><path d="M161 295.28a47.6 47.6 0 01-5.48-.62 47.6 47.6 0 005.48.62zM134.64 178.13a55.62 55.62 0 00-14 10.82 54.49 54.49 0 00-7.19 9.56 54.49 54.49 0 017.19-9.56 55.62 55.62 0 0114-10.82zM216.17 257.89a71.58 71.58 0 006-23.84c.15-2.15.2-4.27.15-6.38q.08 3.15-.15 6.38a71.58 71.58 0 01-6 23.84zM134.64 178.13a56.84 56.84 0 018.11-3.64 56.84 56.84 0 00-8.11 3.64zM150.21 293.43a53.54 53.54 0 01-7.72-2.89 53.54 53.54 0 007.72 2.89zM105.78 237.19c2.66 23 16.26 42.63 34.23 52.12-18.01-9.49-31.57-29.16-34.23-52.12zM254.34 219a83.76 83.76 0 0022 51.32 70.76 70.76 0 0022.07 16.12 70.76 70.76 0 01-22.07-16.12 83.76 83.76 0 01-22-51.32q-.27-3.88-.18-7.68-.09 3.75.18 7.68zM304.5 288.82a63.47 63.47 0 01-6.1-2.43 63.47 63.47 0 006.1 2.43zM255.93 196.54a66.46 66.46 0 0116.29-31.21 66.46 66.46 0 00-16.29 31.21zM375 165.46a68.15 68.15 0 0118 42.14 68.15 68.15 0 00-18-42.14 66.69 66.69 0 00-26.27-17.2 66.69 66.69 0 0126.27 17.2zM393 219a86.19 86.19 0 01-8.2 31 86.19 86.19 0 008.2-31zM254.16 211.27a75.62 75.62 0 011.06-11.14 75.62 75.62 0 00-1.06 11.14zM383.19 253.16zM206.88 189.05a57.86 57.86 0 0115.41 38.62 57.86 57.86 0 00-15.41-38.62 57 57 0 00-30.78-17 57 57 0 0130.78 17zM190 288a54.21 54.21 0 01-10 4.65 54.21 54.21 0 0010-4.65zM105.49 224.45a59.87 59.87 0 015.2-20.64 59.87 59.87 0 00-5.2 20.64zM194.68 284.88C193.17 286 191.61 287 190 288c1.61-1 3.17-2 4.68-3.12zM216.17 257.89a69.49 69.49 0 01-5.73 10.42 69.49 69.49 0 005.73-10.42zM110.69 203.81a56.76 56.76 0 012.78-5.3 56.76 56.76 0 00-2.78 5.3zM194.68 284.88a65.39 65.39 0 0015.76-16.57 65.39 65.39 0 01-15.76 16.57z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PeopleCircle = props => {
 PeopleCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PeopleCircleOutline.js b/src/PeopleCircleOutline.js
index 9c8623aab..03bc71c71 100644
--- a/src/PeopleCircleOutline.js
+++ b/src/PeopleCircleOutline.js
@@ -15,7 +15,7 @@ const PeopleCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z"/><path d="M323.67 292c-17.4 0-34.21-7.72-47.34-21.73a83.76 83.76 0 01-22-51.32c-1.47-20.7 4.88-39.75 17.88-53.62S303.38 144 323.67 144c20.14 0 38.37 7.62 51.33 21.46s19.47 33 18 53.51a84 84 0 01-22 51.3C357.86 284.28 341.06 292 323.67 292zm55.81-74zM163.82 295.36c-29.76 0-55.93-27.51-58.33-61.33-1.23-17.32 4.15-33.33 15.17-45.08s26.22-18 43.15-18 32.12 6.44 43.07 18.14 16.5 27.82 15.25 45c-2.44 33.77-28.6 61.27-58.31 61.27zM420.37 355.28c-1.59-4.7-5.46-9.71-13.22-14.46-23.46-14.33-52.32-21.91-83.48-21.91-30.57 0-60.23 7.9-83.53 22.25-26.25 16.17-43.89 39.75-51 68.18-1.68 6.69-4.13 19.14-1.51 26.11a192.18 192.18 0 00232.75-80.17zM163.63 401.37c7.07-28.21 22.12-51.73 45.47-70.75a8 8 0 00-2.59-13.77c-12-3.83-25.7-5.88-42.69-5.88-23.82 0-49.11 6.45-68.14 18.17-5.4 3.33-10.7 4.61-14.78 5.75a192.84 192.84 0 0077.78 86.64l1.79-.14a102.82 102.82 0 013.16-20.02z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208zm0-384c-97 0-176 79-176 176s79 176 176 176 176-78.95 176-176S353.05 80 256 80z" /><path d="M323.67 292c-17.4 0-34.21-7.72-47.34-21.73a83.76 83.76 0 01-22-51.32c-1.47-20.7 4.88-39.75 17.88-53.62S303.38 144 323.67 144c20.14 0 38.37 7.62 51.33 21.46s19.47 33 18 53.51a84 84 0 01-22 51.3C357.86 284.28 341.06 292 323.67 292zm55.81-74zM163.82 295.36c-29.76 0-55.93-27.51-58.33-61.33-1.23-17.32 4.15-33.33 15.17-45.08s26.22-18 43.15-18 32.12 6.44 43.07 18.14 16.5 27.82 15.25 45c-2.44 33.77-28.6 61.27-58.31 61.27zM420.37 355.28c-1.59-4.7-5.46-9.71-13.22-14.46-23.46-14.33-52.32-21.91-83.48-21.91-30.57 0-60.23 7.9-83.53 22.25-26.25 16.17-43.89 39.75-51 68.18-1.68 6.69-4.13 19.14-1.51 26.11a192.18 192.18 0 00232.75-80.17zM163.63 401.37c7.07-28.21 22.12-51.73 45.47-70.75a8 8 0 00-2.59-13.77c-12-3.83-25.7-5.88-42.69-5.88-23.82 0-49.11 6.45-68.14 18.17-5.4 3.33-10.7 4.61-14.78 5.75a192.84 192.84 0 0077.78 86.64l1.79-.14a102.82 102.82 0 013.16-20.02z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PeopleCircleOutline = props => {
 PeopleCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PeopleCircleSharp.js b/src/PeopleCircleSharp.js
index e825e713e..1ecfe2b44 100644
--- a/src/PeopleCircleSharp.js
+++ b/src/PeopleCircleSharp.js
@@ -15,7 +15,7 @@ const PeopleCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm69.3 96.17a72.5 72.5 0 11-72.6 72.5 72.55 72.55 0 0172.6-72.5zm-155.1 26.36a59.32 59.32 0 11-59.4 59.32 59.35 59.35 0 0159.4-59.32zm-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94 15 0 34.32 3 53.33 10.2a133.05 133.05 0 00-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 01-74.42-83.15zM256 432a175.12 175.12 0 01-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09 23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 01256 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm69.3 96.17a72.5 72.5 0 11-72.6 72.5 72.55 72.55 0 0172.6-72.5zm-155.1 26.36a59.32 59.32 0 11-59.4 59.32 59.35 59.35 0 0159.4-59.32zm-75.85 155c24.5-13.29 55.87-19.94 75.85-19.94 15 0 34.32 3 53.33 10.2a133.05 133.05 0 00-34 27.11c-13.19 15-20.76 32.92-20.76 50.83v15a177.06 177.06 0 01-74.42-83.15zM256 432a175.12 175.12 0 01-59.4-10.33v-27.05c0-52.59 85.75-79.09 128.7-79.09 23 0 58.38 7.63 86.21 22.81A176.14 176.14 0 01256 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PeopleCircleSharp = props => {
 PeopleCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PeopleOutline.js b/src/PeopleOutline.js
index cfa3e17a4..bb982c22e 100644
--- a/src/PeopleOutline.js
+++ b/src/PeopleOutline.js
@@ -15,7 +15,7 @@ const PeopleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PeopleOutline = props => {
 PeopleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PeopleSharp.js b/src/PeopleSharp.js
index aa2210cbf..264bf6bf1 100644
--- a/src/PeopleSharp.js
+++ b/src/PeopleSharp.js
@@ -15,7 +15,7 @@ const PeopleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="152" cy="184" r="72"/><path d="M234 296c-28.16-14.3-59.24-20-82-20-44.58 0-136 27.34-136 82v42h150v-16.07c0-19 8-38.05 22-53.93 11.17-12.68 26.81-24.45 46-34z"/><path d="M340 288c-52.07 0-156 32.16-156 96v48h312v-48c0-63.84-103.93-96-156-96z"/><circle cx="340" cy="168" r="88"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="152" cy="184" r="72" /><path d="M234 296c-28.16-14.3-59.24-20-82-20-44.58 0-136 27.34-136 82v42h150v-16.07c0-19 8-38.05 22-53.93 11.17-12.68 26.81-24.45 46-34z" /><path d="M340 288c-52.07 0-156 32.16-156 96v48h312v-48c0-63.84-103.93-96-156-96z" /><circle cx="340" cy="168" r="88" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PeopleSharp = props => {
 PeopleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Person.js b/src/Person.js
index 873d30e0c..778e60f1e 100644
--- a/src/Person.js
+++ b/src/Person.js
@@ -15,7 +15,7 @@ const Person = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.64 64.58C313.18 43.57 286 32 256 32c-30.16 0-57.43 11.5-76.8 32.38-19.58 21.11-29.12 49.8-26.88 80.78C156.76 206.28 203.27 256 256 256s99.16-49.71 103.67-110.82c2.27-30.7-7.33-59.33-27.03-80.6zM432 480H80a31 31 0 01-24.2-11.13c-6.5-7.77-9.12-18.38-7.18-29.11C57.06 392.94 83.4 353.61 124.8 326c36.78-24.51 83.37-38 131.2-38s94.42 13.5 131.2 38c41.4 27.6 67.74 66.93 76.18 113.75 1.94 10.73-.68 21.34-7.18 29.11A31 31 0 01432 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.64 64.58C313.18 43.57 286 32 256 32c-30.16 0-57.43 11.5-76.8 32.38-19.58 21.11-29.12 49.8-26.88 80.78C156.76 206.28 203.27 256 256 256s99.16-49.71 103.67-110.82c2.27-30.7-7.33-59.33-27.03-80.6zM432 480H80a31 31 0 01-24.2-11.13c-6.5-7.77-9.12-18.38-7.18-29.11C57.06 392.94 83.4 353.61 124.8 326c36.78-24.51 83.37-38 131.2-38s94.42 13.5 131.2 38c41.4 27.6 67.74 66.93 76.18 113.75 1.94 10.73-.68 21.34-7.18 29.11A31 31 0 01432 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Person = props => {
 Person.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonAdd.js b/src/PersonAdd.js
index dc0a4ced4..82e9bcb1d 100644
--- a/src/PersonAdd.js
+++ b/src/PersonAdd.js
@@ -15,7 +15,7 @@ const PersonAdd = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM104 288v-40h40a16 16 0 000-32h-40v-40a16 16 0 00-32 0v40H32a16 16 0 000 32h40v40a16 16 0 0032 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM104 288v-40h40a16 16 0 000-32h-40v-40a16 16 0 00-32 0v40H32a16 16 0 000 32h40v40a16 16 0 0032 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonAdd = props => {
 PersonAdd.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonAddOutline.js b/src/PersonAddOutline.js
index b1a435ec1..cc5b8f110 100644
--- a/src/PersonAddOutline.js
+++ b/src/PersonAddOutline.js
@@ -15,7 +15,7 @@ const PersonAddOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M88 176v112M144 232H32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M88 176v112M144 232H32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonAddOutline = props => {
 PersonAddOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonAddSharp.js b/src/PersonAddSharp.js
index 88060e1f8..f3fe48a9d 100644
--- a/src/PersonAddSharp.js
+++ b/src/PersonAddSharp.js
@@ -15,7 +15,7 @@ const PersonAddSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M106 304v-54h54v-36h-54v-54H70v54H16v36h54v54h36z"/><circle cx="288" cy="144" r="112"/><path d="M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M106 304v-54h54v-36h-54v-54H70v54H16v36h54v54h36z" /><circle cx="288" cy="144" r="112" /><path d="M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonAddSharp = props => {
 PersonAddSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonCircle.js b/src/PersonCircle.js
index 9fd211cc6..1dcf95308 100644
--- a/src/PersonCircle.js
+++ b/src/PersonCircle.js
@@ -15,7 +15,7 @@ const PersonCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-50.22 116.82C218.45 151.39 236.28 144 256 144s37.39 7.44 50.11 20.94c12.89 13.68 19.16 32.06 17.68 51.82C320.83 256 290.43 288 256 288s-64.89-32-67.79-71.25c-1.47-19.92 4.79-38.36 17.57-51.93zM256 432a175.49 175.49 0 01-126-53.22 122.91 122.91 0 0135.14-33.44C190.63 329 222.89 320 256 320s65.37 9 90.83 25.34A122.87 122.87 0 01382 378.78 175.45 175.45 0 01256 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-50.22 116.82C218.45 151.39 236.28 144 256 144s37.39 7.44 50.11 20.94c12.89 13.68 19.16 32.06 17.68 51.82C320.83 256 290.43 288 256 288s-64.89-32-67.79-71.25c-1.47-19.92 4.79-38.36 17.57-51.93zM256 432a175.49 175.49 0 01-126-53.22 122.91 122.91 0 0135.14-33.44C190.63 329 222.89 320 256 320s65.37 9 90.83 25.34A122.87 122.87 0 01382 378.78 175.45 175.45 0 01256 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonCircle = props => {
 PersonCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonCircleOutline.js b/src/PersonCircleOutline.js
index 9fddf4924..87499de0c 100644
--- a/src/PersonCircleOutline.js
+++ b/src/PersonCircleOutline.js
@@ -15,7 +15,7 @@ const PersonCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm126.42 327.25a4 4 0 01-6.14-.32 124.27 124.27 0 00-32.35-29.59C321.37 329 289.11 320 256 320s-65.37 9-90.83 25.34a124.24 124.24 0 00-32.35 29.58 4 4 0 01-6.14.32A175.32 175.32 0 0180 259c-1.63-97.31 78.22-178.76 175.57-179S432 158.81 432 256a175.32 175.32 0 01-46.68 119.25z"/><path d="M256 144c-19.72 0-37.55 7.39-50.22 20.82s-19 32-17.57 51.93C191.11 256 221.52 288 256 288s64.83-32 67.79-71.24c1.48-19.74-4.8-38.14-17.68-51.82C293.39 151.44 275.59 144 256 144z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm126.42 327.25a4 4 0 01-6.14-.32 124.27 124.27 0 00-32.35-29.59C321.37 329 289.11 320 256 320s-65.37 9-90.83 25.34a124.24 124.24 0 00-32.35 29.58 4 4 0 01-6.14.32A175.32 175.32 0 0180 259c-1.63-97.31 78.22-178.76 175.57-179S432 158.81 432 256a175.32 175.32 0 01-46.68 119.25z" /><path d="M256 144c-19.72 0-37.55 7.39-50.22 20.82s-19 32-17.57 51.93C191.11 256 221.52 288 256 288s64.83-32 67.79-71.24c1.48-19.74-4.8-38.14-17.68-51.82C293.39 151.44 275.59 144 256 144z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonCircleOutline = props => {
 PersonCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonCircleSharp.js b/src/PersonCircleSharp.js
index b85ad5966..b311e6c31 100644
--- a/src/PersonCircleSharp.js
+++ b/src/PersonCircleSharp.js
@@ -15,7 +15,7 @@ const PersonCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm2 96a72 72 0 11-72 72 72 72 0 0172-72zm-2 288a175.55 175.55 0 01-129.18-56.6C135.66 329.62 215.06 320 256 320s120.34 9.62 129.18 55.39A175.52 175.52 0 01256 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm2 96a72 72 0 11-72 72 72 72 0 0172-72zm-2 288a175.55 175.55 0 01-129.18-56.6C135.66 329.62 215.06 320 256 320s120.34 9.62 129.18 55.39A175.52 175.52 0 01256 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonCircleSharp = props => {
 PersonCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonOutline.js b/src/PersonOutline.js
index 7f9914746..e40d00bba 100644
--- a/src/PersonOutline.js
+++ b/src/PersonOutline.js
@@ -15,7 +15,7 @@ const PersonOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonOutline = props => {
 PersonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonRemove.js b/src/PersonRemove.js
index e5b292336..e6e5c6c34 100644
--- a/src/PersonRemove.js
+++ b/src/PersonRemove.js
@@ -15,7 +15,7 @@ const PersonRemove = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM144 216H32a16 16 0 000 32h112a16 16 0 000-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 256c52.79 0 99.43-49.71 104-110.82 2.27-30.7-7.36-59.33-27.12-80.6C345.33 43.57 318 32 288 32c-30.24 0-57.59 11.5-77 32.38-19.63 21.11-29.2 49.8-27 80.78C188.49 206.28 235.12 256 288 256zM495.38 439.76c-8.44-46.82-34.79-86.15-76.19-113.75C382.42 301.5 335.83 288 288 288s-94.42 13.5-131.19 38c-41.4 27.6-67.75 66.93-76.19 113.75-1.93 10.73.69 21.34 7.19 29.11A30.94 30.94 0 00112 480h352a30.94 30.94 0 0024.21-11.13c6.48-7.77 9.1-18.38 7.17-29.11zM144 216H32a16 16 0 000 32h112a16 16 0 000-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonRemove = props => {
 PersonRemove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonRemoveOutline.js b/src/PersonRemoveOutline.js
index 1d19d20ba..79092dc5f 100644
--- a/src/PersonRemoveOutline.js
+++ b/src/PersonRemoveOutline.js
@@ -15,7 +15,7 @@ const PersonRemoveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 232H32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M288 304c-87 0-175.3 48-191.64 138.6-2 10.92 4.21 21.4 15.65 21.4H464c11.44 0 17.62-10.48 15.65-21.4C463.3 352 375 304 288 304z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 232H32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonRemoveOutline = props => {
 PersonRemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonRemoveSharp.js b/src/PersonRemoveSharp.js
index b74b2b695..58792e9b3 100644
--- a/src/PersonRemoveSharp.js
+++ b/src/PersonRemoveSharp.js
@@ -15,7 +15,7 @@ const PersonRemoveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 214h144v36H16z"/><circle cx="288" cy="144" r="112"/><path d="M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 214h144v36H16z" /><circle cx="288" cy="144" r="112" /><path d="M288 288c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonRemoveSharp = props => {
 PersonRemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PersonSharp.js b/src/PersonSharp.js
index 6fea77ba0..4ec63bc68 100644
--- a/src/PersonSharp.js
+++ b/src/PersonSharp.js
@@ -15,7 +15,7 @@ const PersonSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256a112 112 0 10-112-112 112 112 0 00112 112zm0 32c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 256a112 112 0 10-112-112 112 112 0 00112 112zm0 32c-69.42 0-208 42.88-208 128v64h416v-64c0-85.12-138.58-128-208-128z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PersonSharp = props => {
 PersonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhoneLandscape.js b/src/PhoneLandscape.js
index 9f37e0ca0..08c1e966e 100644
--- a/src/PhoneLandscape.js
+++ b/src/PhoneLandscape.js
@@ -15,7 +15,7 @@ const PhoneLandscape = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z"/><path d="M48 176a11.88 11.88 0 004.69 9.53A48 48 0 0172 224v64a48 48 0 01-19.31 38.47A11.88 11.88 0 0048 336a16 16 0 0016 16h384a16 16 0 0016-16V176a16 16 0 00-16-16H64a16 16 0 00-16 16z"/><path d="M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z" /><path d="M48 176a11.88 11.88 0 004.69 9.53A48 48 0 0172 224v64a48 48 0 01-19.31 38.47A11.88 11.88 0 0048 336a16 16 0 0016 16h384a16 16 0 0016-16V176a16 16 0 00-16-16H64a16 16 0 00-16 16z" /><path d="M0 176v160a64 64 0 0064 64h384a64 64 0 0064-64V176a64 64 0 00-64-64H64a64 64 0 00-64 64zm448-32a32 32 0 0132 32v160a32 32 0 01-32 32H64a32 32 0 01-32-32v-11.35a7.94 7.94 0 014.75-7.3A32 32 0 0056 288v-64a32 32 0 00-19.25-29.35 7.94 7.94 0 01-4.75-7.3V176a32 32 0 0132-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhoneLandscape = props => {
 PhoneLandscape.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhoneLandscapeOutline.js b/src/PhoneLandscapeOutline.js
index d14714c85..818483d67 100644
--- a/src/PhoneLandscapeOutline.js
+++ b/src/PhoneLandscapeOutline.js
@@ -15,7 +15,7 @@ const PhoneLandscapeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="16" width="256" height="480" rx="48" ry="48" transform="rotate(-90 256 256)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M16 336v-24a8 8 0 018-8h0a16 16 0 0016-16v-64a16 16 0 00-16-16h0a8 8 0 01-8-8v-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="16" width="256" height="480" rx="48" ry="48" transform="rotate(-90 256 256)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M16 336v-24a8 8 0 018-8h0a16 16 0 0016-16v-64a16 16 0 00-16-16h0a8 8 0 01-8-8v-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhoneLandscapeOutline = props => {
 PhoneLandscapeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhoneLandscapeSharp.js b/src/PhoneLandscapeSharp.js
index ba85b1de4..f10de297a 100644
--- a/src/PhoneLandscapeSharp.js
+++ b/src/PhoneLandscapeSharp.js
@@ -15,7 +15,7 @@ const PhoneLandscapeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 130v252a18 18 0 0018 18h476a18 18 0 0018-18V130a18 18 0 00-18-18H18a18 18 0 00-18 18zm448 234H64V148h384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 130v252a18 18 0 0018 18h476a18 18 0 0018-18V130a18 18 0 00-18-18H18a18 18 0 00-18 18zm448 234H64V148h384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhoneLandscapeSharp = props => {
 PhoneLandscapeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhonePortrait.js b/src/PhonePortrait.js
index 8741271f9..8dfef7ed9 100644
--- a/src/PhonePortrait.js
+++ b/src/PhonePortrait.js
@@ -15,7 +15,7 @@ const PhonePortrait = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z"/><path d="M336 48a11.88 11.88 0 00-9.53 4.69A48 48 0 01288 72h-64a48 48 0 01-38.47-19.31A11.88 11.88 0 00176 48a16 16 0 00-16 16v384a16 16 0 0016 16h160a16 16 0 0016-16V64a16 16 0 00-16-16z"/><path d="M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z" /><path d="M336 48a11.88 11.88 0 00-9.53 4.69A48 48 0 01288 72h-64a48 48 0 01-38.47-19.31A11.88 11.88 0 00176 48a16 16 0 00-16 16v384a16 16 0 0016 16h160a16 16 0 0016-16V64a16 16 0 00-16-16z" /><path d="M336 0H176a64 64 0 00-64 64v384a64 64 0 0064 64h160a64 64 0 0064-64V64a64 64 0 00-64-64zm32 448a32 32 0 01-32 32H176a32 32 0 01-32-32V64a32 32 0 0132-32h11.35a7.94 7.94 0 017.3 4.75A32 32 0 00224 56h64a32 32 0 0029.35-19.25 7.94 7.94 0 017.3-4.75H336a32 32 0 0132 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhonePortrait = props => {
 PhonePortrait.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhonePortraitOutline.js b/src/PhonePortraitOutline.js
index bcda2b5c2..6a8b14c85 100644
--- a/src/PhonePortraitOutline.js
+++ b/src/PhonePortraitOutline.js
@@ -15,7 +15,7 @@ const PhonePortraitOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="16" width="256" height="480" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M176 16h24a8 8 0 018 8h0a16 16 0 0016 16h64a16 16 0 0016-16h0a8 8 0 018-8h24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="128" y="16" width="256" height="480" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M176 16h24a8 8 0 018 8h0a16 16 0 0016 16h64a16 16 0 0016-16h0a8 8 0 018-8h24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhonePortraitOutline = props => {
 PhonePortraitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PhonePortraitSharp.js b/src/PhonePortraitSharp.js
index 12d617561..5d95ab344 100644
--- a/src/PhonePortraitSharp.js
+++ b/src/PhonePortraitSharp.js
@@ -15,7 +15,7 @@ const PhonePortraitSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M382 0H130a18 18 0 00-18 18v476a18 18 0 0018 18h252a18 18 0 0018-18V18a18 18 0 00-18-18zM148 448V64h216v384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M382 0H130a18 18 0 00-18 18v476a18 18 0 0018 18h252a18 18 0 0018-18V18a18 18 0 00-18-18zM148 448V64h216v384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PhonePortraitSharp = props => {
 PhonePortraitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PieChart.js b/src/PieChart.js
index a617d666f..3105df4dd 100644
--- a/src/PieChart.js
+++ b/src/PieChart.js
@@ -15,7 +15,7 @@ const PieChart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M66.1 357a16 16 0 01-14.61-9.46A224 224 0 01256 32a16 16 0 0116 16v208a16 16 0 01-9.47 14.61l-189.9 84.95A15.93 15.93 0 0166.1 357z"/><path d="M313.59 68.18A8 8 0 00304 76v180a48.07 48.07 0 01-28.4 43.82L103.13 377a8 8 0 00-3.35 11.81 208.42 208.42 0 0048.46 50.41A206.32 206.32 0 00272 480c114.69 0 208-93.31 208-208 0-100.45-71.58-184.5-166.41-203.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M66.1 357a16 16 0 01-14.61-9.46A224 224 0 01256 32a16 16 0 0116 16v208a16 16 0 01-9.47 14.61l-189.9 84.95A15.93 15.93 0 0166.1 357z" /><path d="M313.59 68.18A8 8 0 00304 76v180a48.07 48.07 0 01-28.4 43.82L103.13 377a8 8 0 00-3.35 11.81 208.42 208.42 0 0048.46 50.41A206.32 206.32 0 00272 480c114.69 0 208-93.31 208-208 0-100.45-71.58-184.5-166.41-203.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PieChart = props => {
 PieChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PieChartOutline.js b/src/PieChartOutline.js
index ee0924dc5..bc3d225b3 100644
--- a/src/PieChartOutline.js
+++ b/src/PieChartOutline.js
@@ -15,7 +15,7 @@ const PieChartOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.05 80.65Q263.94 80 272 80c106 0 192 86 192 192s-86 192-192 192A192.09 192.09 0 0189.12 330.65" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 48C141.12 48 48 141.12 48 256a207.29 207.29 0 0018.09 85L256 256z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256.05 80.65Q263.94 80 272 80c106 0 192 86 192 192s-86 192-192 192A192.09 192.09 0 0189.12 330.65" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 48C141.12 48 48 141.12 48 256a207.29 207.29 0 0018.09 85L256 256z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PieChartOutline = props => {
 PieChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PieChartSharp.js b/src/PieChartSharp.js
index d968a8be2..68e8c260a 100644
--- a/src/PieChartSharp.js
+++ b/src/PieChartSharp.js
@@ -15,7 +15,7 @@ const PieChartSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M58 362.09l-6.51-14.59A224 224 0 01256 32h16v234.37z"/><path d="M304 66.46v220.65L94.62 380.78A208.31 208.31 0 00272 480c114.69 0 208-93.31 208-208 0-103.81-76.45-190.1-176-205.54z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M58 362.09l-6.51-14.59A224 224 0 01256 32h16v234.37z" /><path d="M304 66.46v220.65L94.62 380.78A208.31 208.31 0 00272 480c114.69 0 208-93.31 208-208 0-103.81-76.45-190.1-176-205.54z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PieChartSharp = props => {
 PieChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pin.js b/src/Pin.js
index 0f835400d..61e2efc2f 100644
--- a/src/Pin.js
+++ b/src/Pin.js
@@ -15,7 +15,7 @@ const Pin = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 96a80 80 0 10-96 78.39v283.17a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38V174.39A80.13 80.13 0 00336 96zm-56 0a24 24 0 1124-24 24 24 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 96a80 80 0 10-96 78.39v283.17a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38V174.39A80.13 80.13 0 00336 96zm-56 0a24 24 0 1124-24 24 24 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pin = props => {
 Pin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PinOutline.js b/src/PinOutline.js
index e1cb65c50..6f752936c 100644
--- a/src/PinOutline.js
+++ b/src/PinOutline.js
@@ -15,7 +15,7 @@ const PinOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="96" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M272 164a9 9 0 00-9-9h-14a9 9 0 00-9 9v293.56a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38z"/><circle cx="280" cy="72" r="24"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="96" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M272 164a9 9 0 00-9-9h-14a9 9 0 00-9 9v293.56a32.09 32.09 0 002.49 12.38l10.07 24a3.92 3.92 0 006.88 0l10.07-24a32.09 32.09 0 002.49-12.38z" /><circle cx="280" cy="72" r="24" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PinOutline = props => {
 PinOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PinSharp.js b/src/PinSharp.js
index ea7f8e7f4..c5f9357df 100644
--- a/src/PinSharp.js
+++ b/src/PinSharp.js
@@ -15,7 +15,7 @@ const PinSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M339 99a83 83 0 10-102 80.8V464l19 32 19-32V179.8A83.28 83.28 0 00339 99zm-59-6a21 21 0 1121-21 21 21 0 01-21 21z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M339 99a83 83 0 10-102 80.8V464l19 32 19-32V179.8A83.28 83.28 0 00339 99zm-59-6a21 21 0 1121-21 21 21 0 01-21 21z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PinSharp = props => {
 PinSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pint.js b/src/Pint.js
index 3aedbdeb0..db0bef9ac 100644
--- a/src/Pint.js
+++ b/src/Pint.js
@@ -15,7 +15,7 @@ const Pint = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399 99.29c-.15-2.13-.3-4.35-.44-6.68L395.69 46a32 32 0 00-31.91-30H148.21a32 32 0 00-31.91 30l-2.91 46.63c-.14 2.31-.29 4.51-.43 6.62-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V472a24 24 0 0024 24h143.74a24 24 0 0024-24v-71.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 5.99-32.51 5.05-46.42 3.72-65.66zm-35-47.54l1.5 24a4 4 0 01-4 4.25h-211a4 4 0 01-4-4.25l1.48-24A4 4 0 01152 48h208a4 4 0 014 3.75z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399 99.29c-.15-2.13-.3-4.35-.44-6.68L395.69 46a32 32 0 00-31.91-30H148.21a32 32 0 00-31.91 30l-2.91 46.63c-.14 2.31-.29 4.51-.43 6.62-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V472a24 24 0 0024 24h143.74a24 24 0 0024-24v-71.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 5.99-32.51 5.05-46.42 3.72-65.66zm-35-47.54l1.5 24a4 4 0 01-4 4.25h-211a4 4 0 01-4-4.25l1.48-24A4 4 0 01152 48h208a4 4 0 014 3.75z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pint = props => {
 Pint.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PintOutline.js b/src/PintOutline.js
index ae8375c87..157905280 100644
--- a/src/PintOutline.js
+++ b/src/PintOutline.js
@@ -15,7 +15,7 @@ const PintOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M132.43 162c-6.24-34-4.49-45.55-3.07-68.39L132.27 47a16 16 0 0115.94-15h215.57a16 16 0 0115.94 15l2.91 46.61c1.43 22.86 3.19 34.39-3.06 68.45-5.93 32.29-43.71 133.27-43.71 238.32V472a8 8 0 01-8 8H184.12a8 8 0 01-8-8v-71.63c.01-92.47-37.46-204.3-43.69-238.37zM135.21 96h241.58" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M132.43 162c-6.24-34-4.49-45.55-3.07-68.39L132.27 47a16 16 0 0115.94-15h215.57a16 16 0 0115.94 15l2.91 46.61c1.43 22.86 3.19 34.39-3.06 68.45-5.93 32.29-43.71 133.27-43.71 238.32V472a8 8 0 01-8 8H184.12a8 8 0 01-8-8v-71.63c.01-92.47-37.46-204.3-43.69-238.37zM135.21 96h241.58" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PintOutline = props => {
 PintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PintSharp.js b/src/PintSharp.js
index 4711cc0a5..fa533f724 100644
--- a/src/PintSharp.js
+++ b/src/PintSharp.js
@@ -15,7 +15,7 @@ const PintSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399 99.29L394 16H118.45L113 99.26c-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V496h191.68v-95.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 6.01-32.51 5.07-46.42 3.74-65.66zM146.23 80l2-32h215.52l2 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399 99.29L394 16H118.45L113 99.26c-1.29 19.24-2.23 33.14 3.73 65.66 1.67 9.11 5.22 22.66 9.73 39.82 12.61 48 33.71 128.36 33.71 195.63V496h191.68v-95.62c0-77.09 21.31-153.29 34-198.81 4.38-15.63 7.83-28 9.41-36.62 6.01-32.51 5.07-46.42 3.74-65.66zM146.23 80l2-32h215.52l2 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PintSharp = props => {
 PintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pizza.js b/src/Pizza.js
index 755b94081..930142125 100644
--- a/src/Pizza.js
+++ b/src/Pizza.js
@@ -15,7 +15,7 @@ const Pizza = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441.82 67.83C383.44 44.73 317.3 32 255.56 32 192 32 125.76 44.53 69 67.26 48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0021.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25 4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0021.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27z"/><path d="M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 00-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 00-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 00256 480a31.73 31.73 0 0028.76-18.06l.06-.13 137.3-297.57a15.94 15.94 0 00-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87zm-215.1 83.07a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64 128a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64-112a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M441.82 67.83C383.44 44.73 317.3 32 255.56 32 192 32 125.76 44.53 69 67.26 48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0021.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25 4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0021.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27z" /><path d="M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 00-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 00-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 00256 480a31.73 31.73 0 0028.76-18.06l.06-.13 137.3-297.57a15.94 15.94 0 00-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87zm-215.1 83.07a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64 128a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85zm64-112a32 32 0 1129.85-29.85 32 32 0 01-29.85 29.85z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pizza = props => {
 Pizza.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PizzaOutline.js b/src/PizzaOutline.js
index 2d6647206..6d53d6cba 100644
--- a/src/PizzaOutline.js
+++ b/src/PizzaOutline.js
@@ -15,7 +15,7 @@ const PizzaOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0028.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2 1.79 0 4.29-1 7.28-2.18A442.46 442.46 0 01256 96c56.76 0 114.91 12 159.6 30 3.59 1.4 5.59 2.18 7.28 2.18 6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="192" cy="192" r="32"/><circle cx="320" cy="208" r="32"/><circle cx="256" cy="320" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0028.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2 1.79 0 4.29-1 7.28-2.18A442.46 442.46 0 01256 96c56.76 0 114.91 12 159.6 30 3.59 1.4 5.59 2.18 7.28 2.18 6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="192" cy="192" r="32" /><circle cx="320" cy="208" r="32" /><circle cx="256" cy="320" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PizzaOutline = props => {
 PizzaOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PizzaSharp.js b/src/PizzaSharp.js
index 3db0013e0..d012f95e6 100644
--- a/src/PizzaSharp.js
+++ b/src/PizzaSharp.js
@@ -15,7 +15,7 @@ const PizzaSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44 37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18z"/><ellipse cx="320.48" cy="207.99" rx="31.97" ry="32.03" transform="rotate(-44.98 320.503 207.996)" fill="none"/><ellipse cx="192.48" cy="191.99" rx="31.97" ry="32.03" transform="rotate(-44.98 192.49 191.992)" fill="none"/><ellipse cx="256.48" cy="319.99" rx="31.97" ry="32.03" transform="rotate(-44.98 256.505 320)" fill="none"/><path d="M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 00-153.7 28.9c-.25.1-9.24 4.23-19 8.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64 128a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64-112a32 32 0 11-34-34 32.12 32.12 0 0134 34z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44 37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18z" /><ellipse cx="320.48" cy="207.99" rx="31.97" ry="32.03" transform="rotate(-44.98 320.503 207.996)" fill="none" /><ellipse cx="192.48" cy="191.99" rx="31.97" ry="32.03" transform="rotate(-44.98 192.49 191.992)" fill="none" /><ellipse cx="256.48" cy="319.99" rx="31.97" ry="32.03" transform="rotate(-44.98 256.505 320)" fill="none" /><path d="M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 00-153.7 28.9c-.25.1-9.24 4.23-19 8.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64 128a32 32 0 11-34-34 32.12 32.12 0 0134 34zm64-112a32 32 0 11-34-34 32.12 32.12 0 0134 34z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PizzaSharp = props => {
 PizzaSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Planet.js b/src/Planet.js
index fab701bfc..149ac197c 100644
--- a/src/Planet.js
+++ b/src/Planet.js
@@ -15,7 +15,7 @@ const Planet = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Planet = props => {
 Planet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlanetOutline.js b/src/PlanetOutline.js
index 9c8e6f461..8445d6864 100644
--- a/src/PlanetOutline.js
+++ b/src/PlanetOutline.js
@@ -15,7 +15,7 @@ const PlanetOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M413.48 284.46c58.87 47.24 91.61 89 80.31 108.55-17.85 30.85-138.78-5.48-270.1-81.15S.37 149.84 18.21 119c11.16-19.28 62.58-12.32 131.64 14.09" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="160" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M413.48 284.46c58.87 47.24 91.61 89 80.31 108.55-17.85 30.85-138.78-5.48-270.1-81.15S.37 149.84 18.21 119c11.16-19.28 62.58-12.32 131.64 14.09" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="160" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlanetOutline = props => {
 PlanetOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlanetSharp.js b/src/PlanetSharp.js
index f8c454be3..202705628 100644
--- a/src/PlanetSharp.js
+++ b/src/PlanetSharp.js
@@ -15,7 +15,7 @@ const PlanetSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M81 274.71C90.36 363 165.26 432 256 432a174.91 174.91 0 0071.49-15.19c-40.3-16.53-84.05-38.17-127.77-63.36C157 328.86 115.84 301.5 81 274.71zM492.72 339.51c-8.5-11.31-20-23.8-34-37a205.25 205.25 0 01-11 34c28.72 29.5 33.2 45.34 32.17 48.45-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2.16-2.43 18.1-6.54 58.13 3.55a209.88 209.88 0 0124-26.56c-18.86-5.61-35.79-9.35-50.05-11C33.41 89.47 13.3 95.52 4.35 111c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M81 274.71C90.36 363 165.26 432 256 432a174.91 174.91 0 0071.49-15.19c-40.3-16.53-84.05-38.17-127.77-63.36C157 328.86 115.84 301.5 81 274.71zM492.72 339.51c-8.5-11.31-20-23.8-34-37a205.25 205.25 0 01-11 34c28.72 29.5 33.2 45.34 32.17 48.45-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2.16-2.43 18.1-6.54 58.13 3.55a209.88 209.88 0 0124-26.56c-18.86-5.61-35.79-9.35-50.05-11C33.41 89.47 13.3 95.52 4.35 111c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlanetSharp = props => {
 PlanetSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Play.js b/src/Play.js
index cf751a100..7b35518a7 100644
--- a/src/Play.js
+++ b/src/Play.js
@@ -15,7 +15,7 @@ const Play = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61l-247.89 148.4A35.5 35.5 0 01133 440z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M133 440a35.37 35.37 0 01-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0135.77.45l247.85 148.36a36 36 0 010 61l-247.89 148.4A35.5 35.5 0 01133 440z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Play = props => {
 Play.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBack.js b/src/PlayBack.js
index 571a5e8af..6698868b1 100644
--- a/src/PlayBack.js
+++ b/src/PlayBack.js
@@ -15,7 +15,7 @@ const PlayBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M30.71 229.47l188.87-113a30.54 30.54 0 0131.09-.39 33.74 33.74 0 0116.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0131.09-.39A33.74 33.74 0 01496 145.52v221A33.73 33.73 0 01479.24 396a30.54 30.54 0 01-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 01250.67 396a30.54 30.54 0 01-31.09-.39l-188.87-113a31.27 31.27 0 010-53z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M30.71 229.47l188.87-113a30.54 30.54 0 0131.09-.39 33.74 33.74 0 0116.76 29.47v79.05l180.72-108.16a30.54 30.54 0 0131.09-.39A33.74 33.74 0 01496 145.52v221A33.73 33.73 0 01479.24 396a30.54 30.54 0 01-31.09-.39L267.43 287.4v79.08A33.73 33.73 0 01250.67 396a30.54 30.54 0 01-31.09-.39l-188.87-113a31.27 31.27 0 010-53z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBack = props => {
 PlayBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBackCircle.js b/src/PlayBackCircle.js
index deec6bb1c..3e0626e1f 100644
--- a/src/PlayBackCircle.js
+++ b/src/PlayBackCircle.js
@@ -15,7 +15,7 @@ const PlayBackCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm69.23-9.3l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm69.23-9.3l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBackCircle = props => {
 PlayBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBackCircleOutline.js b/src/PlayBackCircleOutline.js
index 3f42c7a92..a00c3e58c 100644
--- a/src/PlayBackCircleOutline.js
+++ b/src/PlayBackCircleOutline.js
@@ -15,7 +15,7 @@ const PlayBackCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M117.23 246.7l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M117.23 246.7l114.45-69.14a10.78 10.78 0 0116.32 9.31v53.32l103.68-62.63a10.78 10.78 0 0116.32 9.31v138.26a10.78 10.78 0 01-16.32 9.31L248 271.81v53.32a10.78 10.78 0 01-16.32 9.31L117.23 265.3a10.89 10.89 0 010-18.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBackCircleOutline = props => {
 PlayBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBackCircleSharp.js b/src/PlayBackCircleSharp.js
index 922d8d2f2..09b1d05fc 100644
--- a/src/PlayBackCircleSharp.js
+++ b/src/PlayBackCircleSharp.js
@@ -15,7 +15,7 @@ const PlayBackCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm63.47 0L248 168v72.16l120-72.48v176.45l-120-72.32v71.44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm63.47 0L248 168v72.16l120-72.48v176.45l-120-72.32v71.44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBackCircleSharp = props => {
 PlayBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBackOutline.js b/src/PlayBackOutline.js
index 452dd54a4..4e8b57dd2 100644
--- a/src/PlayBackOutline.js
+++ b/src/PlayBackOutline.js
@@ -15,7 +15,7 @@ const PlayBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 145.52v221c0 13.28-13 21.72-23.63 15.35L267.5 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113C467 123.8 480 132.24 480 145.52zM251.43 145.52v221c0 13.28-13 21.72-23.63 15.35L38.93 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113c10.64-6.4 23.63 2.04 23.63 15.32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 145.52v221c0 13.28-13 21.72-23.63 15.35L267.5 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113C467 123.8 480 132.24 480 145.52zM251.43 145.52v221c0 13.28-13 21.72-23.63 15.35L38.93 268.8c-9.24-5.53-9.24-20.07 0-25.6l188.87-113c10.64-6.4 23.63 2.04 23.63 15.32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBackOutline = props => {
 PlayBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayBackSharp.js b/src/PlayBackSharp.js
index 498230f76..f97733ee9 100644
--- a/src/PlayBackSharp.js
+++ b/src/PlayBackSharp.js
@@ -15,7 +15,7 @@ const PlayBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 400L256 256l240-144v288zM256 400L16 256l240-144v288z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 400L256 256l240-144v288zM256 400L16 256l240-144v288z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayBackSharp = props => {
 PlayBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayCircle.js b/src/PlayCircle.js
index 76a90893b..4e6fdbe99 100644
--- a/src/PlayCircle.js
+++ b/src/PlayCircle.js
@@ -15,7 +15,7 @@ const PlayCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm74.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayCircle = props => {
 PlayCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayCircleOutline.js b/src/PlayCircleOutline.js
index ab6f75569..e9af693f2 100644
--- a/src/PlayCircleOutline.js
+++ b/src/PlayCircleOutline.js
@@ -15,7 +15,7 @@ const PlayCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M216.32 334.44l114.45-69.14a10.89 10.89 0 000-18.6l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M216.32 334.44l114.45-69.14a10.89 10.89 0 000-18.6l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayCircleOutline = props => {
 PlayCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayCircleSharp.js b/src/PlayCircleSharp.js
index a42c23490..3ca92b5b5 100644
--- a/src/PlayCircleSharp.js
+++ b/src/PlayCircleSharp.js
@@ -15,7 +15,7 @@ const PlayCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-56 296V168l144 88z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-56 296V168l144 88z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayCircleSharp = props => {
 PlayCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForward.js b/src/PlayForward.js
index 19f650d90..41b828b3e 100644
--- a/src/PlayForward.js
+++ b/src/PlayForward.js
@@ -15,7 +15,7 @@ const PlayForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M481.29 229.47l-188.87-113a30.54 30.54 0 00-31.09-.39 33.74 33.74 0 00-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 00-31.09-.39A33.74 33.74 0 0016 145.52v221A33.74 33.74 0 0032.76 396a30.54 30.54 0 0031.09-.39L244.57 287.4v79.08A33.74 33.74 0 00261.33 396a30.54 30.54 0 0031.09-.39l188.87-113a31.27 31.27 0 000-53z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M481.29 229.47l-188.87-113a30.54 30.54 0 00-31.09-.39 33.74 33.74 0 00-16.76 29.47v79.05L63.85 116.44a30.54 30.54 0 00-31.09-.39A33.74 33.74 0 0016 145.52v221A33.74 33.74 0 0032.76 396a30.54 30.54 0 0031.09-.39L244.57 287.4v79.08A33.74 33.74 0 00261.33 396a30.54 30.54 0 0031.09-.39l188.87-113a31.27 31.27 0 000-53z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForward = props => {
 PlayForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForwardCircle.js b/src/PlayForwardCircle.js
index 62035c5aa..a12b2ca38 100644
--- a/src/PlayForwardCircle.js
+++ b/src/PlayForwardCircle.js
@@ -15,7 +15,7 @@ const PlayForwardCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm138.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31v-53.32l-103.68 62.63a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L264 240.19v-53.32a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm138.77 217.3l-114.45 69.14a10.78 10.78 0 01-16.32-9.31v-53.32l-103.68 62.63a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L264 240.19v-53.32a10.78 10.78 0 0116.32-9.31l114.45 69.14a10.89 10.89 0 010 18.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForwardCircle = props => {
 PlayForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForwardCircleOutline.js b/src/PlayForwardCircleOutline.js
index 1809cb27a..6b0e9a5e3 100644
--- a/src/PlayForwardCircleOutline.js
+++ b/src/PlayForwardCircleOutline.js
@@ -15,7 +15,7 @@ const PlayForwardCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M394.77 246.7l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v53.32l-103.68-62.63a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L264 271.81v53.32a10.78 10.78 0 0016.32 9.31l114.45-69.14a10.89 10.89 0 000-18.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M394.77 246.7l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v53.32l-103.68-62.63a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L264 271.81v53.32a10.78 10.78 0 0016.32 9.31l114.45-69.14a10.89 10.89 0 000-18.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForwardCircleOutline = props => {
 PlayForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForwardCircleSharp.js b/src/PlayForwardCircleSharp.js
index 26866f23a..3596b89d7 100644
--- a/src/PlayForwardCircleSharp.js
+++ b/src/PlayForwardCircleSharp.js
@@ -15,7 +15,7 @@ const PlayForwardCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm8 295.25v-71.44l-120 72.32V167.71l120 72.48V168l136.53 88z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm8 295.25v-71.44l-120 72.32V167.71l120 72.48V168l136.53 88z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForwardCircleSharp = props => {
 PlayForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForwardOutline.js b/src/PlayForwardOutline.js
index a9f6916c3..b52c1a39e 100644
--- a/src/PlayForwardOutline.js
+++ b/src/PlayForwardOutline.js
@@ -15,7 +15,7 @@ const PlayForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113C45 123.8 32 132.24 32 145.52zM260.57 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113c-10.64-6.47-23.63 1.97-23.63 15.25z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113C45 123.8 32 132.24 32 145.52zM260.57 145.52v221c0 13.28 13 21.72 23.63 15.35l188.87-113c9.24-5.53 9.24-20.07 0-25.6l-188.87-113c-10.64-6.47-23.63 1.97-23.63 15.25z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForwardOutline = props => {
 PlayForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayForwardSharp.js b/src/PlayForwardSharp.js
index e446e6714..7e8c2a2a9 100644
--- a/src/PlayForwardSharp.js
+++ b/src/PlayForwardSharp.js
@@ -15,7 +15,7 @@ const PlayForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 400l240-144L16 112v288zM256 400l240-144-240-144v288z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 400l240-144L16 112v288zM256 400l240-144-240-144v288z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayForwardSharp = props => {
 PlayForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlayOutline.js b/src/PlayOutline.js
index 8b4de4579..3f208feb6 100644
--- a/src/PlayOutline.js
+++ b/src/PlayOutline.js
@@ -15,7 +15,7 @@ const PlayOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlayOutline = props => {
 PlayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySharp.js b/src/PlaySharp.js
index 6810e1c8a..5fff6e845 100644
--- a/src/PlaySharp.js
+++ b/src/PlaySharp.js
@@ -15,7 +15,7 @@ const PlaySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 448l320-192L96 64v384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 448l320-192L96 64v384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySharp = props => {
 PlaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBack.js b/src/PlaySkipBack.js
index ed62d0b47..3441fdd36 100644
--- a/src/PlaySkipBack.js
+++ b/src/PlaySkipBack.js
@@ -15,7 +15,7 @@ const PlaySkipBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 64a16 16 0 0116 16v136.43L360.77 77.11a35.13 35.13 0 0135.77-.44c12 6.8 19.46 20 19.46 34.33v290c0 14.37-7.46 27.53-19.46 34.33a35.14 35.14 0 01-35.77-.45L128 295.57V432a16 16 0 01-32 0V80a16 16 0 0116-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 64a16 16 0 0116 16v136.43L360.77 77.11a35.13 35.13 0 0135.77-.44c12 6.8 19.46 20 19.46 34.33v290c0 14.37-7.46 27.53-19.46 34.33a35.14 35.14 0 01-35.77-.45L128 295.57V432a16 16 0 01-32 0V80a16 16 0 0116-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBack = props => {
 PlaySkipBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBackCircle.js b/src/PlaySkipBackCircle.js
index 0dfae6c48..2ea957b41 100644
--- a/src/PlaySkipBackCircle.js
+++ b/src/PlaySkipBackCircle.js
@@ -15,7 +15,7 @@ const PlaySkipBackCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-64a16 16 0 0132 0v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-64a16 16 0 0132 0v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBackCircle = props => {
 PlaySkipBackCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBackCircleOutline.js b/src/PlaySkipBackCircleOutline.js
index e40d69b6f..1b9bdc1df 100644
--- a/src/PlaySkipBackCircleOutline.js
+++ b/src/PlaySkipBackCircleOutline.js
@@ -15,7 +15,7 @@ const PlaySkipBackCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M192 176a16 16 0 0116 16v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0V192a16 16 0 0116-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M192 176a16 16 0 0116 16v53l111.68-67.46a10.78 10.78 0 0116.32 9.33v138.26a10.78 10.78 0 01-16.32 9.31L208 267v53a16 16 0 01-32 0V192a16 16 0 0116-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBackCircleOutline = props => {
 PlaySkipBackCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBackCircleSharp.js b/src/PlaySkipBackCircleSharp.js
index 64333104f..dcfa91fa7 100644
--- a/src/PlaySkipBackCircleSharp.js
+++ b/src/PlaySkipBackCircleSharp.js
@@ -15,7 +15,7 @@ const PlaySkipBackCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-80h32v69l128-77.53v176.9L208 267v69h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 256c0 114.69 93.31 208 208 208s208-93.31 208-208S370.69 48 256 48 48 141.31 48 256zm128-80h32v69l128-77.53v176.9L208 267v69h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBackCircleSharp = props => {
 PlaySkipBackCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBackOutline.js b/src/PlaySkipBackOutline.js
index c3e79a133..44153d5e1 100644
--- a/src/PlaySkipBackOutline.js
+++ b/src/PlaySkipBackOutline.js
@@ -15,7 +15,7 @@ const PlaySkipBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 111v290c0 17.44-17 28.52-31 20.16L121.09 272.79c-12.12-7.25-12.12-26.33 0-33.58L369 90.84c14-8.36 31 2.72 31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M112 80v352"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 111v290c0 17.44-17 28.52-31 20.16L121.09 272.79c-12.12-7.25-12.12-26.33 0-33.58L369 90.84c14-8.36 31 2.72 31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M112 80v352" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBackOutline = props => {
 PlaySkipBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipBackSharp.js b/src/PlaySkipBackSharp.js
index 4cf4fce94..17ed89896 100644
--- a/src/PlaySkipBackSharp.js
+++ b/src/PlaySkipBackSharp.js
@@ -15,7 +15,7 @@ const PlaySkipBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M143.47 64v163.52L416 64v384L143.47 284.48V448H96V64h47.47z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M143.47 64v163.52L416 64v384L143.47 284.48V448H96V64h47.47z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipBackSharp = props => {
 PlaySkipBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForward.js b/src/PlaySkipForward.js
index 20ddd3257..249a42ac9 100644
--- a/src/PlaySkipForward.js
+++ b/src/PlaySkipForward.js
@@ -15,7 +15,7 @@ const PlaySkipForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 64a16 16 0 00-16 16v136.43L151.23 77.11a35.13 35.13 0 00-35.77-.44C103.46 83.47 96 96.63 96 111v290c0 14.37 7.46 27.53 19.46 34.33a35.14 35.14 0 0035.77-.45L384 295.57V432a16 16 0 0032 0V80a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 64a16 16 0 00-16 16v136.43L151.23 77.11a35.13 35.13 0 00-35.77-.44C103.46 83.47 96 96.63 96 111v290c0 14.37 7.46 27.53 19.46 34.33a35.14 35.14 0 0035.77-.45L384 295.57V432a16 16 0 0032 0V80a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForward = props => {
 PlaySkipForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForwardCircle.js b/src/PlaySkipForwardCircle.js
index c7c13f5e4..46cfb5807 100644
--- a/src/PlaySkipForwardCircle.js
+++ b/src/PlaySkipForwardCircle.js
@@ -15,7 +15,7 @@ const PlaySkipForwardCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 272a16 16 0 01-32 0v-53l-111.68 67.44a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L304 245v-53a16 16 0 0132 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 272a16 16 0 01-32 0v-53l-111.68 67.44a10.78 10.78 0 01-16.32-9.31V186.87a10.78 10.78 0 0116.32-9.31L304 245v-53a16 16 0 0132 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForwardCircle = props => {
 PlaySkipForwardCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForwardCircleOutline.js b/src/PlaySkipForwardCircleOutline.js
index 6032b8e66..1c17418f7 100644
--- a/src/PlaySkipForwardCircleOutline.js
+++ b/src/PlaySkipForwardCircleOutline.js
@@ -15,7 +15,7 @@ const PlaySkipForwardCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M320 176a16 16 0 00-16 16v53l-111.68-67.44a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L304 267v53a16 16 0 0032 0V192a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M320 176a16 16 0 00-16 16v53l-111.68-67.44a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31L304 267v53a16 16 0 0032 0V192a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForwardCircleOutline = props => {
 PlaySkipForwardCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForwardCircleSharp.js b/src/PlaySkipForwardCircleSharp.js
index efa5a42d4..b70588e53 100644
--- a/src/PlaySkipForwardCircleSharp.js
+++ b/src/PlaySkipForwardCircleSharp.js
@@ -15,7 +15,7 @@ const PlaySkipForwardCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288h-32v-69l-128 77.37V167.49L304 245v-69h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288h-32v-69l-128 77.37V167.49L304 245v-69h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForwardCircleSharp = props => {
 PlaySkipForwardCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForwardOutline.js b/src/PlaySkipForwardOutline.js
index 9e11ff352..45020a262 100644
--- a/src/PlaySkipForwardOutline.js
+++ b/src/PlaySkipForwardOutline.js
@@ -15,7 +15,7 @@ const PlaySkipForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M400 80v352"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M400 80v352" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForwardOutline = props => {
 PlaySkipForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PlaySkipForwardSharp.js b/src/PlaySkipForwardSharp.js
index 13e7937ad..f4b6186d1 100644
--- a/src/PlaySkipForwardSharp.js
+++ b/src/PlaySkipForwardSharp.js
@@ -15,7 +15,7 @@ const PlaySkipForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368.53 64v163.52L96 64v384l272.53-163.52V448H416V64h-47.47z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368.53 64v163.52L96 64v384l272.53-163.52V448H416V64h-47.47z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PlaySkipForwardSharp = props => {
 PlaySkipForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Podium.js b/src/Podium.js
index dc551bfa3..ab63ea2ce 100644
--- a/src/Podium.js
+++ b/src/Podium.js
@@ -15,7 +15,7 @@ const Podium = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 32H192a32 32 0 00-32 32v412a4 4 0 004 4h184a4 4 0 004-4V64a32 32 0 00-32-32zM464 192h-72a8 8 0 00-8 8v272a8 8 0 008 8h80a24 24 0 0024-24V224a32 32 0 00-32-32zM48 128a32 32 0 00-32 32v296a24 24 0 0024 24h80a8 8 0 008-8V136a8 8 0 00-8-8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 32H192a32 32 0 00-32 32v412a4 4 0 004 4h184a4 4 0 004-4V64a32 32 0 00-32-32zM464 192h-72a8 8 0 00-8 8v272a8 8 0 008 8h80a24 24 0 0024-24V224a32 32 0 00-32-32zM48 128a32 32 0 00-32 32v296a24 24 0 0024 24h80a8 8 0 008-8V136a8 8 0 00-8-8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Podium = props => {
 Podium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PodiumOutline.js b/src/PodiumOutline.js
index 6347e486b..c925fbe2e 100644
--- a/src/PodiumOutline.js
+++ b/src/PodiumOutline.js
@@ -15,7 +15,7 @@ const PodiumOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 160v296a8 8 0 008 8h136V160a16 16 0 00-16-16H48a16 16 0 00-16 16zM320 48H192a16 16 0 00-16 16v400h160V64a16 16 0 00-16-16zM464 208H352a16 16 0 00-16 16v240h136a8 8 0 008-8V224a16 16 0 00-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 160v296a8 8 0 008 8h136V160a16 16 0 00-16-16H48a16 16 0 00-16 16zM320 48H192a16 16 0 00-16 16v400h160V64a16 16 0 00-16-16zM464 208H352a16 16 0 00-16 16v240h136a8 8 0 008-8V224a16 16 0 00-16-16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PodiumOutline = props => {
 PodiumOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PodiumSharp.js b/src/PodiumSharp.js
index 3471c7485..608c6bc06 100644
--- a/src/PodiumSharp.js
+++ b/src/PodiumSharp.js
@@ -15,7 +15,7 @@ const PodiumSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 32h192v448H160zM384 192h112v288H384zM16 128h112v352H16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M160 32h192v448H160zM384 192h112v288H384zM16 128h112v352H16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PodiumSharp = props => {
 PodiumSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Power.js b/src/Power.js
index 96621b342..5809b536f 100644
--- a/src/Power.js
+++ b/src/Power.js
@@ -15,7 +15,7 @@ const Power = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.47-208-208.35 0-62.45 27.25-121 74.76-160.55a22 22 0 1128.17 33.8C113.48 160.1 92 206.3 92 255.65 92 346.27 165.57 420 256 420s164-73.73 164-164.35A164 164 0 00360.17 129a22 22 0 1128-33.92A207.88 207.88 0 01464 255.65C464 370.53 370.69 464 256 464z"/><path d="M256 272a22 22 0 01-22-22V70a22 22 0 0144 0v180a22 22 0 01-22 22z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.47-208-208.35 0-62.45 27.25-121 74.76-160.55a22 22 0 1128.17 33.8C113.48 160.1 92 206.3 92 255.65 92 346.27 165.57 420 256 420s164-73.73 164-164.35A164 164 0 00360.17 129a22 22 0 1128-33.92A207.88 207.88 0 01464 255.65C464 370.53 370.69 464 256 464z" /><path d="M256 272a22 22 0 01-22-22V70a22 22 0 0144 0v180a22 22 0 01-22 22z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Power = props => {
 Power.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PowerOutline.js b/src/PowerOutline.js
index 1c53941a8..788f04db7 100644
--- a/src/PowerOutline.js
+++ b/src/PowerOutline.js
@@ -15,7 +15,7 @@ const PowerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M378 108a191.41 191.41 0 0170 148c0 106-86 192-192 192S64 362 64 256a192 192 0 0169-148M256 64v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M378 108a191.41 191.41 0 0170 148c0 106-86 192-192 192S64 362 64 256a192 192 0 0169-148M256 64v192" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PowerOutline = props => {
 PowerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PowerSharp.js b/src/PowerSharp.js
index e6c245d87..761a4c7cc 100644
--- a/src/PowerSharp.js
+++ b/src/PowerSharp.js
@@ -15,7 +15,7 @@ const PowerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.23-208-207.82a207.44 207.44 0 0174.76-160.13l16.9-14 28.17 33.72-16.9 14A163.72 163.72 0 0092 256.18c0 90.39 73.57 163.93 164 163.93s164-73.54 164-163.93a163.38 163.38 0 00-59.83-126.36l-17-14 28-33.82 17 14A207.13 207.13 0 01464 256.18C464 370.77 370.69 464 256 464z"/><path d="M234 48h44v224h-44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 464c-114.69 0-208-93.23-208-207.82a207.44 207.44 0 0174.76-160.13l16.9-14 28.17 33.72-16.9 14A163.72 163.72 0 0092 256.18c0 90.39 73.57 163.93 164 163.93s164-73.54 164-163.93a163.38 163.38 0 00-59.83-126.36l-17-14 28-33.82 17 14A207.13 207.13 0 01464 256.18C464 370.77 370.69 464 256 464z" /><path d="M234 48h44v224h-44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PowerSharp = props => {
 PowerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pricetag.js b/src/Pricetag.js
index d0a4be96b..c6ab817cc 100644
--- a/src/Pricetag.js
+++ b/src/Pricetag.js
@@ -15,7 +15,7 @@ const Pricetag = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467 45.2A44.45 44.45 0 00435.29 32H312.36a30.63 30.63 0 00-21.52 8.89L45.09 286.59a44.82 44.82 0 000 63.32l117 117a44.83 44.83 0 0063.34 0l245.65-245.6A30.6 30.6 0 00480 199.8v-123a44.24 44.24 0 00-13-31.6zM384 160a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M467 45.2A44.45 44.45 0 00435.29 32H312.36a30.63 30.63 0 00-21.52 8.89L45.09 286.59a44.82 44.82 0 000 63.32l117 117a44.83 44.83 0 0063.34 0l245.65-245.6A30.6 30.6 0 00480 199.8v-123a44.24 44.24 0 00-13-31.6zM384 160a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pricetag = props => {
 Pricetag.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PricetagOutline.js b/src/PricetagOutline.js
index 4e79c6d6c..f778f8297 100644
--- a/src/PricetagOutline.js
+++ b/src/PricetagOutline.js
@@ -15,7 +15,7 @@ const PricetagOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M435.25 48h-122.9a14.46 14.46 0 00-10.2 4.2L56.45 297.9a28.85 28.85 0 000 40.7l117 117a28.85 28.85 0 0040.7 0L459.75 210a14.46 14.46 0 004.2-10.2v-123a28.66 28.66 0 00-28.7-28.8z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M384 160a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M435.25 48h-122.9a14.46 14.46 0 00-10.2 4.2L56.45 297.9a28.85 28.85 0 000 40.7l117 117a28.85 28.85 0 0040.7 0L459.75 210a14.46 14.46 0 004.2-10.2v-123a28.66 28.66 0 00-28.7-28.8z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M384 160a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PricetagOutline = props => {
 PricetagOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PricetagSharp.js b/src/PricetagSharp.js
index c2f0e2115..4d37a8ded 100644
--- a/src/PricetagSharp.js
+++ b/src/PricetagSharp.js
@@ -15,7 +15,7 @@ const PricetagSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 32L16 320l176 176 288-288V32zm80 128a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M304 32L16 320l176 176 288-288V32zm80 128a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PricetagSharp = props => {
 PricetagSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pricetags.js b/src/Pricetags.js
index d92863088..4aef0cf33 100644
--- a/src/Pricetags.js
+++ b/src/Pricetags.js
@@ -15,7 +15,7 @@ const Pricetags = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 183.8v-123A44.66 44.66 0 00403.29 16H280.36a30.62 30.62 0 00-21.51 8.89L13.09 270.58a44.86 44.86 0 000 63.34l117 117a44.84 44.84 0 0063.33 0l245.69-245.61A30.6 30.6 0 00448 183.8zM352 144a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M496 64a16 16 0 00-16 16v127.37L218.69 468.69a16 16 0 1022.62 22.62l262-262A29.84 29.84 0 00512 208V80a16 16 0 00-16-16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 183.8v-123A44.66 44.66 0 00403.29 16H280.36a30.62 30.62 0 00-21.51 8.89L13.09 270.58a44.86 44.86 0 000 63.34l117 117a44.84 44.84 0 0063.33 0l245.69-245.61A30.6 30.6 0 00448 183.8zM352 144a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M496 64a16 16 0 00-16 16v127.37L218.69 468.69a16 16 0 1022.62 22.62l262-262A29.84 29.84 0 00512 208V80a16 16 0 00-16-16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pricetags = props => {
 Pricetags.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PricetagsOutline.js b/src/PricetagsOutline.js
index b1294516d..1c1d23a66 100644
--- a/src/PricetagsOutline.js
+++ b/src/PricetagsOutline.js
@@ -15,7 +15,7 @@ const PricetagsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.29 32H280.36a14.46 14.46 0 00-10.2 4.2L24.4 281.9a28.85 28.85 0 000 40.7l117 117a28.86 28.86 0 0040.71 0L427.8 194a14.46 14.46 0 004.2-10.2v-123A28.66 28.66 0 00403.29 32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M352 144a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M230 480l262-262a13.81 13.81 0 004-10V80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M403.29 32H280.36a14.46 14.46 0 00-10.2 4.2L24.4 281.9a28.85 28.85 0 000 40.7l117 117a28.86 28.86 0 0040.71 0L427.8 194a14.46 14.46 0 004.2-10.2v-123A28.66 28.66 0 00403.29 32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M352 144a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M230 480l262-262a13.81 13.81 0 004-10V80" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PricetagsOutline = props => {
 PricetagsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PricetagsSharp.js b/src/PricetagsSharp.js
index 5718301c2..52410dde4 100644
--- a/src/PricetagsSharp.js
+++ b/src/PricetagsSharp.js
@@ -15,7 +15,7 @@ const PricetagsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 16L0 304l176 176 288-288V16zm80 128a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M480 64v144L216.9 471.1 242 496l270-272V64h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 16L0 304l176 176 288-288V16zm80 128a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M480 64v144L216.9 471.1 242 496l270-272V64h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PricetagsSharp = props => {
 PricetagsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Print.js b/src/Print.js
index 415540dd4..54d66f6b6 100644
--- a/src/Print.js
+++ b/src/Print.js
@@ -15,7 +15,7 @@ const Print = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 112H106a58 58 0 00-58 58v158a56 56 0 0056 56h8v39.68A40.32 40.32 0 00152.32 464h207.36A40.32 40.32 0 00400 423.68V384h8a56 56 0 0056-56V168a56 56 0 00-56-56zm-40 311.68a8.35 8.35 0 01-8.32 8.32H152.32a8.35 8.35 0 01-8.32-8.32V264.32a8.35 8.35 0 018.32-8.32h207.36a8.35 8.35 0 018.32 8.32zm26-215.76a24 24 0 1122-22 24 24 0 01-22 22zM344 48H168a56.09 56.09 0 00-55.42 48h286.84A56.09 56.09 0 00344 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M408 112H106a58 58 0 00-58 58v158a56 56 0 0056 56h8v39.68A40.32 40.32 0 00152.32 464h207.36A40.32 40.32 0 00400 423.68V384h8a56 56 0 0056-56V168a56 56 0 00-56-56zm-40 311.68a8.35 8.35 0 01-8.32 8.32H152.32a8.35 8.35 0 01-8.32-8.32V264.32a8.35 8.35 0 018.32-8.32h207.36a8.35 8.35 0 018.32 8.32zm26-215.76a24 24 0 1122-22 24 24 0 01-22 22zM344 48H168a56.09 56.09 0 00-55.42 48h286.84A56.09 56.09 0 00344 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Print = props => {
 Print.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PrintOutline.js b/src/PrintOutline.js
index d164d3b02..2506cd9d9 100644
--- a/src/PrintOutline.js
+++ b/src/PrintOutline.js
@@ -15,7 +15,7 @@ const PrintOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="128" y="240" width="256" height="208" rx="24.32" ry="24.32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="392" cy="184" r="24"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="128" y="240" width="256" height="208" rx="24.32" ry="24.32" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="392" cy="184" r="24" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PrintOutline = props => {
 PrintOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PrintSharp.js b/src/PrintSharp.js
index ee43ca484..dd150f38a 100644
--- a/src/PrintSharp.js
+++ b/src/PrintSharp.js
@@ -15,7 +15,7 @@ const PrintSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 96V56a8 8 0 00-8-8H120a8 8 0 00-8 8v40"/><rect x="152" y="264" width="208" height="160" rx="4" ry="4" fill="none"/><rect x="152" y="264" width="208" height="160" rx="4" ry="4" fill="none"/><path d="M408 112H104a56 56 0 00-56 56v208a8 8 0 008 8h56v72a8 8 0 008 8h272a8 8 0 008-8v-72h56a8 8 0 008-8V168a56 56 0 00-56-56zm-48 308a4 4 0 01-4 4H156a4 4 0 01-4-4V268a4 4 0 014-4h200a4 4 0 014 4zm34-212.08a24 24 0 1122-22 24 24 0 01-22 22z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 96V56a8 8 0 00-8-8H120a8 8 0 00-8 8v40" /><rect x="152" y="264" width="208" height="160" rx="4" ry="4" fill="none" /><rect x="152" y="264" width="208" height="160" rx="4" ry="4" fill="none" /><path d="M408 112H104a56 56 0 00-56 56v208a8 8 0 008 8h56v72a8 8 0 008 8h272a8 8 0 008-8v-72h56a8 8 0 008-8V168a56 56 0 00-56-56zm-48 308a4 4 0 01-4 4H156a4 4 0 01-4-4V268a4 4 0 014-4h200a4 4 0 014 4zm34-212.08a24 24 0 1122-22 24 24 0 01-22 22z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PrintSharp = props => {
 PrintSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Pulse.js b/src/Pulse.js
index c6765b72f..cfdc17677 100644
--- a/src/Pulse.js
+++ b/src/Pulse.js
@@ -15,7 +15,7 @@ const Pulse = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 272a48.09 48.09 0 00-45.25 32h-39.22l-28.35-85.06a16 16 0 00-30.56.66l-44.51 155.76-52.33-314a16 16 0 00-31.3-1.25L99.51 304H48a16 16 0 000 32h64a16 16 0 0015.52-12.12l45.34-181.37 51.36 308.12A16 16 0 00239.1 464h.91a16 16 0 0015.37-11.6l49.8-174.28 15.64 46.94A16 16 0 00336 336h50.75A48 48 0 10432 272z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 272a48.09 48.09 0 00-45.25 32h-39.22l-28.35-85.06a16 16 0 00-30.56.66l-44.51 155.76-52.33-314a16 16 0 00-31.3-1.25L99.51 304H48a16 16 0 000 32h64a16 16 0 0015.52-12.12l45.34-181.37 51.36 308.12A16 16 0 00239.1 464h.91a16 16 0 0015.37-11.6l49.8-174.28 15.64 46.94A16 16 0 00336 336h50.75A48 48 0 10432 272z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Pulse = props => {
 Pulse.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PulseOutline.js b/src/PulseOutline.js
index df092944e..f46e75dbd 100644
--- a/src/PulseOutline.js
+++ b/src/PulseOutline.js
@@ -15,7 +15,7 @@ const PulseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 320h64l64-256 64 384 64-224 32 96h64"/><circle cx="432" cy="320" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 320h64l64-256 64 384 64-224 32 96h64" /><circle cx="432" cy="320" r="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PulseOutline = props => {
 PulseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PulseSharp.js b/src/PulseSharp.js
index f48f59087..4e88f9d8b 100644
--- a/src/PulseSharp.js
+++ b/src/PulseSharp.js
@@ -15,7 +15,7 @@ const PulseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426 266a54.07 54.07 0 00-49.3 32h-24.84l-27-81a22 22 0 00-42 .92l-37.2 130.2-48-281.74a22 22 0 00-43-1.72L94.82 298H32v44h80a22 22 0 0021.34-16.66L171.69 172l46.61 273.62A22 22 0 00238.76 464H240a22 22 0 0021.15-16l44.47-149.62 9.51 28.62A22 22 0 00336 342h40.7a54 54 0 1049.3-76z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426 266a54.07 54.07 0 00-49.3 32h-24.84l-27-81a22 22 0 00-42 .92l-37.2 130.2-48-281.74a22 22 0 00-43-1.72L94.82 298H32v44h80a22 22 0 0021.34-16.66L171.69 172l46.61 273.62A22 22 0 00238.76 464H240a22 22 0 0021.15-16l44.47-149.62 9.51 28.62A22 22 0 00336 342h40.7a54 54 0 1049.3-76z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PulseSharp = props => {
 PulseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Push.js b/src/Push.js
index 756d9d41c..b380120ef 100644
--- a/src/Push.js
+++ b/src/Push.js
@@ -15,7 +15,7 @@ const Push = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 352H272V198.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 198.63V352H136a56.06 56.06 0 01-56-56V88a56.06 56.06 0 0156-56h240a56.06 56.06 0 0156 56v208a56.06 56.06 0 01-56 56zM272 464a16 16 0 01-32 0V352h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 352H272V198.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 198.63V352H136a56.06 56.06 0 01-56-56V88a56.06 56.06 0 0156-56h240a56.06 56.06 0 0156 56v208a56.06 56.06 0 01-56 56zM272 464a16 16 0 01-32 0V352h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Push = props => {
 Push.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PushOutline.js b/src/PushOutline.js
index b33f9b88c..d5d466576 100644
--- a/src/PushOutline.js
+++ b/src/PushOutline.js
@@ -15,7 +15,7 @@ const PushOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336h40a40 40 0 0040-40V88a40 40 0 00-40-40H136a40 40 0 00-40 40v208a40 40 0 0040 40h40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 240l80-80 80 80M256 464V176"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336h40a40 40 0 0040-40V88a40 40 0 00-40-40H136a40 40 0 00-40 40v208a40 40 0 0040 40h40" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 240l80-80 80 80M256 464V176" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PushOutline = props => {
 PushOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/PushSharp.js b/src/PushSharp.js
index e926d521d..049f3a682 100644
--- a/src/PushSharp.js
+++ b/src/PushSharp.js
@@ -15,7 +15,7 @@ const PushSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 352V204.63l64 64L358.63 246 256 143.37 153.37 246 176 268.63l64-64V352H92a12 12 0 01-12-12V44a12 12 0 0112-12h328a12 12 0 0112 12v296a12 12 0 01-12 12zM240 352h32v128h-32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 352V204.63l64 64L358.63 246 256 143.37 153.37 246 176 268.63l64-64V352H92a12 12 0 01-12-12V44a12 12 0 0112-12h328a12 12 0 0112 12v296a12 12 0 01-12 12zM240 352h32v128h-32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const PushSharp = props => {
 PushSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/QrCode.js b/src/QrCode.js
index 6b3821f4b..114c2582b 100644
--- a/src/QrCode.js
+++ b/src/QrCode.js
@@ -15,7 +15,7 @@ const QrCode = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="336" y="336" width="80" height="80" rx="8" ry="8"/><rect x="272" y="272" width="64" height="64" rx="8" ry="8"/><rect x="416" y="416" width="64" height="64" rx="8" ry="8"/><rect x="432" y="272" width="48" height="48" rx="8" ry="8"/><rect x="272" y="432" width="48" height="48" rx="8" ry="8"/><path d="M448 32H304a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 32H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 272H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V304a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="336" y="336" width="80" height="80" rx="8" ry="8" /><rect x="272" y="272" width="64" height="64" rx="8" ry="8" /><rect x="416" y="416" width="64" height="64" rx="8" ry="8" /><rect x="432" y="272" width="48" height="48" rx="8" ry="8" /><rect x="272" y="432" width="48" height="48" rx="8" ry="8" /><path d="M448 32H304a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 32H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V64a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8zM208 272H64a32 32 0 00-32 32v144a32 32 0 0032 32h144a32 32 0 0032-32V304a32 32 0 00-32-32zm-32 136a8 8 0 01-8 8h-64a8 8 0 01-8-8v-64a8 8 0 018-8h64a8 8 0 018 8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const QrCode = props => {
 QrCode.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/QrCodeOutline.js b/src/QrCodeOutline.js
index e71ea9591..07e3412ec 100644
--- a/src/QrCodeOutline.js
+++ b/src/QrCodeOutline.js
@@ -15,7 +15,7 @@ const QrCodeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="336" y="336" width="80" height="80" rx="8" ry="8"/><rect x="272" y="272" width="64" height="64" rx="8" ry="8"/><rect x="416" y="416" width="64" height="64" rx="8" ry="8"/><rect x="432" y="272" width="48" height="48" rx="8" ry="8"/><rect x="272" y="432" width="48" height="48" rx="8" ry="8"/><rect x="336" y="96" width="80" height="80" rx="8" ry="8"/><rect x="288" y="48" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="96" width="80" height="80" rx="8" ry="8"/><rect x="48" y="48" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="96" y="336" width="80" height="80" rx="8" ry="8"/><rect x="48" y="288" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="336" y="336" width="80" height="80" rx="8" ry="8" /><rect x="272" y="272" width="64" height="64" rx="8" ry="8" /><rect x="416" y="416" width="64" height="64" rx="8" ry="8" /><rect x="432" y="272" width="48" height="48" rx="8" ry="8" /><rect x="272" y="432" width="48" height="48" rx="8" ry="8" /><rect x="336" y="96" width="80" height="80" rx="8" ry="8" /><rect x="288" y="48" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="96" width="80" height="80" rx="8" ry="8" /><rect x="48" y="48" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="96" y="336" width="80" height="80" rx="8" ry="8" /><rect x="48" y="288" width="176" height="176" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const QrCodeOutline = props => {
 QrCodeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/QrCodeSharp.js b/src/QrCodeSharp.js
index 48a911f86..700fefaae 100644
--- a/src/QrCodeSharp.js
+++ b/src/QrCodeSharp.js
@@ -15,7 +15,7 @@ const QrCodeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336h80v80h-80zM272 272h64v64h-64zM416 416h64v64h-64zM432 272h48v48h-48zM272 432h48v48h-48zM336 96h80v80h-80z"/><path d="M480 240H272V32h208zm-164-44h120V76H316zM96 96h80v80H96z"/><path d="M240 240H32V32h208zM76 196h120V76H76zM96 336h80v80H96z"/><path d="M240 480H32V272h208zM76 436h120V316H76z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336h80v80h-80zM272 272h64v64h-64zM416 416h64v64h-64zM432 272h48v48h-48zM272 432h48v48h-48zM336 96h80v80h-80z" /><path d="M480 240H272V32h208zm-164-44h120V76H316zM96 96h80v80H96z" /><path d="M240 240H32V32h208zM76 196h120V76H76zM96 336h80v80H96z" /><path d="M240 480H32V272h208zM76 436h120V316H76z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const QrCodeSharp = props => {
 QrCodeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Radio.js b/src/Radio.js
index c4e69004d..ed1668dc7 100644
--- a/src/Radio.js
+++ b/src/Radio.js
@@ -15,7 +15,7 @@ const Radio = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="36"/><path d="M190.24 341.77a22 22 0 01-16.46-7.38 118 118 0 010-156.76 22 22 0 1132.87 29.24 74 74 0 000 98.29 22 22 0 01-16.43 36.61zM321.76 341.77a22 22 0 01-16.43-36.61 74 74 0 000-98.29 22 22 0 1132.87-29.24 118 118 0 010 156.76 22 22 0 01-16.44 7.38z"/><path d="M139.29 392.72a21.92 21.92 0 01-16.08-7 190 190 0 010-259.49 22 22 0 1132.13 30.06 146 146 0 000 199.38 22 22 0 01-16.06 37zM372.71 392.72a22 22 0 01-16.06-37 146 146 0 000-199.38 22 22 0 1132.13-30.06 190 190 0 010 259.49 21.92 21.92 0 01-16.07 6.95z"/><path d="M429 438a22 22 0 01-16.39-36.67 218.34 218.34 0 000-290.66 22 22 0 0132.78-29.34 262.34 262.34 0 010 349.34A22 22 0 01429 438zM83 438a21.94 21.94 0 01-16.41-7.33 262.34 262.34 0 010-349.34 22 22 0 0132.78 29.34 218.34 218.34 0 000 290.66A22 22 0 0183 438z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="36" /><path d="M190.24 341.77a22 22 0 01-16.46-7.38 118 118 0 010-156.76 22 22 0 1132.87 29.24 74 74 0 000 98.29 22 22 0 01-16.43 36.61zM321.76 341.77a22 22 0 01-16.43-36.61 74 74 0 000-98.29 22 22 0 1132.87-29.24 118 118 0 010 156.76 22 22 0 01-16.44 7.38z" /><path d="M139.29 392.72a21.92 21.92 0 01-16.08-7 190 190 0 010-259.49 22 22 0 1132.13 30.06 146 146 0 000 199.38 22 22 0 01-16.06 37zM372.71 392.72a22 22 0 01-16.06-37 146 146 0 000-199.38 22 22 0 1132.13-30.06 190 190 0 010 259.49 21.92 21.92 0 01-16.07 6.95z" /><path d="M429 438a22 22 0 01-16.39-36.67 218.34 218.34 0 000-290.66 22 22 0 0132.78-29.34 262.34 262.34 0 010 349.34A22 22 0 01429 438zM83 438a21.94 21.94 0 01-16.41-7.33 262.34 262.34 0 010-349.34 22 22 0 0132.78 29.34 218.34 218.34 0 000 290.66A22 22 0 0183 438z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Radio = props => {
 Radio.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOff.js b/src/RadioButtonOff.js
index f5342a363..c693cf18a 100644
--- a/src/RadioButtonOff.js
+++ b/src/RadioButtonOff.js
@@ -15,7 +15,7 @@ const RadioButtonOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOff = props => {
 RadioButtonOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOffOutline.js b/src/RadioButtonOffOutline.js
index ca4fce8d2..47291ba91 100644
--- a/src/RadioButtonOffOutline.js
+++ b/src/RadioButtonOffOutline.js
@@ -15,7 +15,7 @@ const RadioButtonOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOffOutline = props => {
 RadioButtonOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOffSharp.js b/src/RadioButtonOffSharp.js
index 592e572b8..25c72fe83 100644
--- a/src/RadioButtonOffSharp.js
+++ b/src/RadioButtonOffSharp.js
@@ -15,7 +15,7 @@ const RadioButtonOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOffSharp = props => {
 RadioButtonOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOn.js b/src/RadioButtonOn.js
index 433df121b..a463b7fd1 100644
--- a/src/RadioButtonOn.js
+++ b/src/RadioButtonOn.js
@@ -15,7 +15,7 @@ const RadioButtonOn = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOn = props => {
 RadioButtonOn.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOnOutline.js b/src/RadioButtonOnOutline.js
index 2ae2a9c97..9728dc08f 100644
--- a/src/RadioButtonOnOutline.js
+++ b/src/RadioButtonOnOutline.js
@@ -15,7 +15,7 @@ const RadioButtonOnOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOnOutline = props => {
 RadioButtonOnOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioButtonOnSharp.js b/src/RadioButtonOnSharp.js
index e24ea76b9..4053d62c6 100644
--- a/src/RadioButtonOnSharp.js
+++ b/src/RadioButtonOnSharp.js
@@ -15,7 +15,7 @@ const RadioButtonOnSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="256" r="144"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="256" r="144" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioButtonOnSharp = props => {
 RadioButtonOnSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioOutline.js b/src/RadioOutline.js
index 3cc557cf3..a9c44b160 100644
--- a/src/RadioOutline.js
+++ b/src/RadioOutline.js
@@ -15,7 +15,7 @@ const RadioOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256.02" r="32"/><path d="M184.25 192.25a96 96 0 000 127.52M327.77 319.77a96 96 0 000-127.52M133.28 141.28a168 168 0 000 229.44M378.72 370.72a168 168 0 000-229.44M435 416a240.34 240.34 0 000-320M77 96a240.34 240.34 0 000 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256.02" r="32" /><path d="M184.25 192.25a96 96 0 000 127.52M327.77 319.77a96 96 0 000-127.52M133.28 141.28a168 168 0 000 229.44M378.72 370.72a168 168 0 000-229.44M435 416a240.34 240.34 0 000-320M77 96a240.34 240.34 0 000 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioOutline = props => {
 RadioOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RadioSharp.js b/src/RadioSharp.js
index c5a96f7d3..5b7305e3a 100644
--- a/src/RadioSharp.js
+++ b/src/RadioSharp.js
@@ -15,7 +15,7 @@ const RadioSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="256" rx="36" ry="35.99"/><path d="M188.4 350.8l-14.62-16.44a117.91 117.91 0 010-156.71l14.62-16.43 32.87 29.24-14.62 16.43a73.93 73.93 0 000 98.25l14.62 16.44zM323.6 350.8l-32.89-29.22 14.62-16.44a73.93 73.93 0 000-98.25l-14.62-16.43 32.87-29.24 14.62 16.43a117.91 117.91 0 010 156.71z"/><path d="M138.24 401.76l-15-16.06a189.85 189.85 0 010-259.4l15-16.07 32.14 30.05-15 16.06a145.88 145.88 0 000 199.32l15 16.06zM373.76 401.76l-32.14-30 15-16.06a145.88 145.88 0 000-199.32l-15-16.06 32.14-30 15 16.07a189.85 189.85 0 010 259.4z"/><path d="M430.73 447l-32.79-29.33 14.66-16.39a218.2 218.2 0 000-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 010 349.22zM81.27 447L66.6 430.61a262.18 262.18 0 010-349.22L81.28 65l32.79 29.34-14.68 16.38a218.2 218.2 0 000 290.56l14.66 16.39z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="256" rx="36" ry="35.99" /><path d="M188.4 350.8l-14.62-16.44a117.91 117.91 0 010-156.71l14.62-16.43 32.87 29.24-14.62 16.43a73.93 73.93 0 000 98.25l14.62 16.44zM323.6 350.8l-32.89-29.22 14.62-16.44a73.93 73.93 0 000-98.25l-14.62-16.43 32.87-29.24 14.62 16.43a117.91 117.91 0 010 156.71z" /><path d="M138.24 401.76l-15-16.06a189.85 189.85 0 010-259.4l15-16.07 32.14 30.05-15 16.06a145.88 145.88 0 000 199.32l15 16.06zM373.76 401.76l-32.14-30 15-16.06a145.88 145.88 0 000-199.32l-15-16.06 32.14-30 15 16.07a189.85 189.85 0 010 259.4z" /><path d="M430.73 447l-32.79-29.33 14.66-16.39a218.2 218.2 0 000-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 010 349.22zM81.27 447L66.6 430.61a262.18 262.18 0 010-349.22L81.28 65l32.79 29.34-14.68 16.38a218.2 218.2 0 000 290.56l14.66 16.39z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RadioSharp = props => {
 RadioSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Rainy.js b/src/Rainy.js
index 4ef52ce7b..40b293b24 100644
--- a/src/Rainy.js
+++ b/src/Rainy.js
@@ -15,7 +15,7 @@ const Rainy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.26 139.37c-16.77-16.73-39.17-28.41-65.17-34a16 16 0 01-11.19-9 142.24 142.24 0 00-42.19-53.21C314.48 25.39 286.23 16 256 16a140.24 140.24 0 00-93.5 35.32c-24.2 21.56-40.91 51.34-48.43 85.83a16.05 16.05 0 01-11.72 12.18c-25 6.3-35.71 12.54-49.21 24.56C34 190.93 24 214.14 24 240.8c0 30.55 11.23 55.64 32.47 72.56C75.08 328.17 100.5 336 130 336h234c33.2 0 64.11-11.46 87-32.28 23.84-21.65 37-51.67 37-84.52 0-31.49-11-59.09-31.74-79.83zM112 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01112 448zM160 496a16 16 0 01-13.29-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01160 496zM272 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01272 448zM320 496a16 16 0 01-13.3-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01320 496z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.26 139.37c-16.77-16.73-39.17-28.41-65.17-34a16 16 0 01-11.19-9 142.24 142.24 0 00-42.19-53.21C314.48 25.39 286.23 16 256 16a140.24 140.24 0 00-93.5 35.32c-24.2 21.56-40.91 51.34-48.43 85.83a16.05 16.05 0 01-11.72 12.18c-25 6.3-35.71 12.54-49.21 24.56C34 190.93 24 214.14 24 240.8c0 30.55 11.23 55.64 32.47 72.56C75.08 328.17 100.5 336 130 336h234c33.2 0 64.11-11.46 87-32.28 23.84-21.65 37-51.67 37-84.52 0-31.49-11-59.09-31.74-79.83zM112 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01112 448zM160 496a16 16 0 01-13.29-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01160 496zM272 448a16 16 0 01-13.3-24.88l32-48a16 16 0 0126.62 17.76l-32 48A16 16 0 01272 448zM320 496a16 16 0 01-13.3-24.88l64-96a16 16 0 0126.62 17.76l-64 96A16 16 0 01320 496z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Rainy = props => {
 Rainy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RainyOutline.js b/src/RainyOutline.js
index e8ca81ae0..c300d11d8 100644
--- a/src/RainyOutline.js
+++ b/src/RainyOutline.js
@@ -15,7 +15,7 @@ const RainyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M114.61 162.85A16.07 16.07 0 00128 149.6C140.09 76.17 193.63 32 256 32c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H130c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 384l-32 48M224 384l-64 96M304 384l-32 48M384 384l-64 96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M114.61 162.85A16.07 16.07 0 00128 149.6C140.09 76.17 193.63 32 256 32c57.93 0 96.62 37.75 112.2 77.74a15.84 15.84 0 0012.2 9.87c50 8.15 91.6 41.54 91.6 99.59 0 59.4-48.6 100.8-108 100.8H130c-49.5 0-90-24.7-90-79.2 0-48.47 38.67-72.22 74.61-77.95z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 384l-32 48M224 384l-64 96M304 384l-32 48M384 384l-64 96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RainyOutline = props => {
 RainyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RainySharp.js b/src/RainySharp.js
index 3a536cb3b..32dc98eb4 100644
--- a/src/RainySharp.js
+++ b/src/RainySharp.js
@@ -15,7 +15,7 @@ const RainySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01256 16c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM93.82 430.422l49.75-74.626 26.626 17.75-49.751 74.627zM141.816 478.429L223.568 355.8l26.625 17.75-81.751 122.628zM253.811 430.424l49.751-74.626 26.626 17.75-49.751 74.627zM301.808 478.43l81.752-122.627 26.625 17.75-81.751 122.628z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91 15.24-13.68 36.17-23.21 59-26.84.06 0 .08 0 .09-.05 6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 01256 16c30.23 0 58.48 9.39 81.71 27.17a142.69 142.69 0 0145.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52-22.89 20.82-53.8 32.28-87 32.28zm19-232.18zM93.82 430.422l49.75-74.626 26.626 17.75-49.751 74.627zM141.816 478.429L223.568 355.8l26.625 17.75-81.751 122.628zM253.811 430.424l49.751-74.626 26.626 17.75-49.751 74.627zM301.808 478.43l81.752-122.627 26.625 17.75-81.751 122.628z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RainySharp = props => {
 RainySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Reader.js b/src/Reader.js
index 7be42f7e1..222f920f4 100644
--- a/src/Reader.js
+++ b/src/Reader.js
@@ -15,7 +15,7 @@ const Reader = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM256 304h-80a16 16 0 010-32h80a16 16 0 010 32zm80-80H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 32H144a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM256 304h-80a16 16 0 010-32h80a16 16 0 010 32zm80-80H176a16 16 0 010-32h160a16 16 0 010 32zm0-80H176a16 16 0 010-32h160a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Reader = props => {
 Reader.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReaderOutline.js b/src/ReaderOutline.js
index 45c278c80..d6eeb3da9 100644
--- a/src/ReaderOutline.js
+++ b/src/ReaderOutline.js
@@ -15,7 +15,7 @@ const ReaderOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="48" width="320" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 128h160M176 208h160M176 288h80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="48" width="320" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 128h160M176 208h160M176 288h80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReaderOutline = props => {
 ReaderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReaderSharp.js b/src/ReaderSharp.js
index ac7810586..0816cb61e 100644
--- a/src/ReaderSharp.js
+++ b/src/ReaderSharp.js
@@ -15,7 +15,7 @@ const ReaderSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 44v424a12 12 0 0012 12h328a12 12 0 0012-12V44a12 12 0 00-12-12H92a12 12 0 00-12 12zm192 260H160v-32h112zm80-80H160v-32h192zm0-80H160v-32h192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 44v424a12 12 0 0012 12h328a12 12 0 0012-12V44a12 12 0 00-12-12H92a12 12 0 00-12 12zm192 260H160v-32h112zm80-80H160v-32h192zm0-80H160v-32h192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReaderSharp = props => {
 ReaderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Receipt.js b/src/Receipt.js
index a9713c67e..585ae5d72 100644
--- a/src/Receipt.js
+++ b/src/Receipt.js
@@ -15,7 +15,7 @@ const Receipt = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.82 32.45a16.28 16.28 0 00-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 00-14.31 0l-25.11 12.41L359 33.7a16 16 0 00-14.36 0L320 46.07l-24.45-12.34a16 16 0 00-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 00-14.33 0L192 46.1l-24.84-12.41a16 16 0 00-19.36 3.94 16.25 16.25 0 00-3.8 10.65V288l.05.05H336a32 32 0 0132 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0052-52V48a16 16 0 00-12.18-15.55zM416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 240zm0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 160z"/><path d="M336 424v-88a16 16 0 00-16-16H48a32.1 32.1 0 00-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 002.85-6.81C351.07 463.7 336 451 336 424z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M483.82 32.45a16.28 16.28 0 00-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 00-14.31 0l-25.11 12.41L359 33.7a16 16 0 00-14.36 0L320 46.07l-24.45-12.34a16 16 0 00-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 00-14.33 0L192 46.1l-24.84-12.41a16 16 0 00-19.36 3.94 16.25 16.25 0 00-3.8 10.65V288l.05.05H336a32 32 0 0132 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0052-52V48a16 16 0 00-12.18-15.55zM416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 240zm0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 01224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 01416 160z" /><path d="M336 424v-88a16 16 0 00-16-16H48a32.1 32.1 0 00-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 002.85-6.81C351.07 463.7 336 451 336 424z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Receipt = props => {
 Receipt.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReceiptOutline.js b/src/ReceiptOutline.js
index 510335923..fb9326a21 100644
--- a/src/ReceiptOutline.js
+++ b/src/ReceiptOutline.js
@@ -15,7 +15,7 @@ const ReceiptOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M160 336V48l32 16 32-16 31.94 16 32.37-16L320 64l31.79-16 31.93 16L416 48l32.01 16L480 48v224"/><path d="M480 272v112a80 80 0 01-80 80h0a80 80 0 01-80-80v-48H48a15.86 15.86 0 00-16 16c0 64 6.74 112 80 112h288" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 144h192M288 224h128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M160 336V48l32 16 32-16 31.94 16 32.37-16L320 64l31.79-16 31.93 16L416 48l32.01 16L480 48v224" /><path d="M480 272v112a80 80 0 01-80 80h0a80 80 0 01-80-80v-48H48a15.86 15.86 0 00-16 16c0 64 6.74 112 80 112h288" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M224 144h192M288 224h128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReceiptOutline = props => {
 ReceiptOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReceiptSharp.js b/src/ReceiptSharp.js
index 42e1ba603..06ff5aa8d 100644
--- a/src/ReceiptSharp.js
+++ b/src/ReceiptSharp.js
@@ -15,7 +15,7 @@ const ReceiptSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 48l-32-16-32 16-32-16-32 16-32-16-32 16-32-16-32 16-48-16v256.05h224V424c0 30.93 33.07 56 64 56h12c30.93 0 52-25.07 52-56V32zM272.5 240l-.5-32h159.5l.5 32zm-64-80l-.5-32h223.5l.5 32z"/><path d="M336 424V320H16v32c0 50.55 5.78 71.62 14.46 87.63C45.19 466.8 71.86 480 112 480h256s-32-20-32-56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 48l-32-16-32 16-32-16-32 16-32-16-32 16-32-16-32 16-48-16v256.05h224V424c0 30.93 33.07 56 64 56h12c30.93 0 52-25.07 52-56V32zM272.5 240l-.5-32h159.5l.5 32zm-64-80l-.5-32h223.5l.5 32z" /><path d="M336 424V320H16v32c0 50.55 5.78 71.62 14.46 87.63C45.19 466.8 71.86 480 112 480h256s-32-20-32-56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReceiptSharp = props => {
 ReceiptSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Recording.js b/src/Recording.js
index bd93a1ba5..d9a1ff6f5 100644
--- a/src/Recording.js
+++ b/src/Recording.js
@@ -15,7 +15,7 @@ const Recording = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.79 144.05c-59.1 1.65-107.12 49.71-108.79 108.81a111.64 111.64 0 0030.36 79.77A2 2 0 01301 336h-90a2 2 0 01-1.44-3.37A111.64 111.64 0 00240 252.86c-1.63-59.1-49.65-107.16-108.75-108.81A112.12 112.12 0 0016 255.53C15.75 317.77 67 368 129.24 368h253.52C445 368 496.25 317.77 496 255.53a112.12 112.12 0 00-115.21-111.48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.79 144.05c-59.1 1.65-107.12 49.71-108.79 108.81a111.64 111.64 0 0030.36 79.77A2 2 0 01301 336h-90a2 2 0 01-1.44-3.37A111.64 111.64 0 00240 252.86c-1.63-59.1-49.65-107.16-108.75-108.81A112.12 112.12 0 0016 255.53C15.75 317.77 67 368 129.24 368h253.52C445 368 496.25 317.77 496 255.53a112.12 112.12 0 00-115.21-111.48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Recording = props => {
 Recording.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RecordingOutline.js b/src/RecordingOutline.js
index ad38d8103..0f943fb46 100644
--- a/src/RecordingOutline.js
+++ b/src/RecordingOutline.js
@@ -15,7 +15,7 @@ const RecordingOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="384" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M128 352h256"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="384" cy="256" r="96" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M128 352h256" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RecordingOutline = props => {
 RecordingOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RecordingSharp.js b/src/RecordingSharp.js
index 8be73d556..a1e27e486 100644
--- a/src/RecordingSharp.js
+++ b/src/RecordingSharp.js
@@ -15,7 +15,7 @@ const RecordingSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 138a117.93 117.93 0 00-91.84 192h-72.32A118 118 0 10128 374h256a118 118 0 000-236zM54 256a74 74 0 1174 74 74.09 74.09 0 01-74-74zm330 74a74 74 0 1174-74 74.09 74.09 0 01-74 74z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 138a117.93 117.93 0 00-91.84 192h-72.32A118 118 0 10128 374h256a118 118 0 000-236zM54 256a74 74 0 1174 74 74.09 74.09 0 01-74-74zm330 74a74 74 0 1174-74 74.09 74.09 0 01-74 74z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RecordingSharp = props => {
 RecordingSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Refresh.js b/src/Refresh.js
index c3eb6ef82..41faa34d0 100644
--- a/src/Refresh.js
+++ b/src/Refresh.js
@@ -15,7 +15,7 @@ const Refresh = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 58l80 80-80 80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 58l80 80-80 80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Refresh = props => {
 Refresh.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RefreshCircle.js b/src/RefreshCircle.js
index 49815f477..8da531d3b 100644
--- a/src/RefreshCircle.js
+++ b/src/RefreshCircle.js
@@ -15,7 +15,7 @@ const RefreshCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm0 313a94 94 0 010-188h4.21l-14.11-14.1a14 14 0 0119.8-19.8l40 40a14 14 0 010 19.8l-40 40a14 14 0 01-19.8-19.8l18-18c-2.38-.1-5.1-.1-8.1-.1a66 66 0 1066 66 14 14 0 0128 0 94.11 94.11 0 01-94 94z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm0 313a94 94 0 010-188h4.21l-14.11-14.1a14 14 0 0119.8-19.8l40 40a14 14 0 010 19.8l-40 40a14 14 0 01-19.8-19.8l18-18c-2.38-.1-5.1-.1-8.1-.1a66 66 0 1066 66 14 14 0 0128 0 94.11 94.11 0 01-94 94z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RefreshCircle = props => {
 RefreshCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RefreshCircleOutline.js b/src/RefreshCircleOutline.js
index ac9b1dadb..2edc96c8f 100644
--- a/src/RefreshCircleOutline.js
+++ b/src/RefreshCircleOutline.js
@@ -15,7 +15,7 @@ const RefreshCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 193s12.18-6-32-6a80 80 0 1080 80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="28" d="M256 149l40 40-40 40"/><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M288 193s12.18-6-32-6a80 80 0 1080 80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="28" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="28" d="M256 149l40 40-40 40" /><path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RefreshCircleOutline = props => {
 RefreshCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RefreshCircleSharp.js b/src/RefreshCircleSharp.js
index 30ea0ac9f..84f739daa 100644
--- a/src/RefreshCircleSharp.js
+++ b/src/RefreshCircleSharp.js
@@ -15,7 +15,7 @@ const RefreshCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm94 219a94 94 0 11-94-94h4.21l-24-24L256 129.2l59.8 59.8-59.8 59.8-19.8-19.8 27.92-27.92c-2.4-.08-5.12-.08-8.12-.08a66 66 0 1066 66v-14h28z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.32 48 256c0 114.86 93.14 208 208 208 114.69 0 208-93.31 208-208 0-114.87-93.13-208-208-208zm94 219a94 94 0 11-94-94h4.21l-24-24L256 129.2l59.8 59.8-59.8 59.8-19.8-19.8 27.92-27.92c-2.4-.08-5.12-.08-8.12-.08a66 66 0 1066 66v-14h28z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RefreshCircleSharp = props => {
 RefreshCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RefreshOutline.js b/src/RefreshOutline.js
index a438bb3c6..4f39d0756 100644
--- a/src/RefreshOutline.js
+++ b/src/RefreshOutline.js
@@ -15,7 +15,7 @@ const RefreshOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 58l80 80-80 80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 58l80 80-80 80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RefreshOutline = props => {
 RefreshOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RefreshSharp.js b/src/RefreshSharp.js
index 209d3f749..e46c10bfd 100644
--- a/src/RefreshSharp.js
+++ b/src/RefreshSharp.js
@@ -15,7 +15,7 @@ const RefreshSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M256 58l80 80-80 80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 146s24.36-12-64-12a160 160 0 10160 160" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M256 58l80 80-80 80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RefreshSharp = props => {
 RefreshSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Reload.js b/src/Reload.js
index d7ae49c11..33a07dd79 100644
--- a/src/Reload.js
+++ b/src/Reload.js
@@ -15,7 +15,7 @@ const Reload = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Reload = props => {
 Reload.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReloadCircle.js b/src/ReloadCircle.js
index 1ce87afc5..6c0b9d41e 100644
--- a/src/ReloadCircle.js
+++ b/src/ReloadCircle.js
@@ -15,7 +15,7 @@ const ReloadCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 182.15a8.62 8.62 0 01-8.62 8.62h-59.54a8.61 8.61 0 01-6.09-14.71l22.17-22.17-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25A16 16 0 11368 295.8a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5 14.68-14.68a8.44 8.44 0 016-2.54 8.61 8.61 0 018.68 8.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 182.15a8.62 8.62 0 01-8.62 8.62h-59.54a8.61 8.61 0 01-6.09-14.71l22.17-22.17-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25A16 16 0 11368 295.8a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5 14.68-14.68a8.44 8.44 0 016-2.54 8.61 8.61 0 018.68 8.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReloadCircle = props => {
 ReloadCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReloadCircleOutline.js b/src/ReloadCircleOutline.js
index 4755cbfde..d69d0b0e4 100644
--- a/src/ReloadCircleOutline.js
+++ b/src/ReloadCircleOutline.js
@@ -15,7 +15,7 @@ const ReloadCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M341.54 197.85l-11.37-13.23a103.37 103.37 0 1022.71 105.84" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M367.32 162a8.44 8.44 0 00-6 2.54l-59.54 59.54a8.61 8.61 0 006.09 14.71h59.54a8.62 8.62 0 008.62-8.62v-59.56a8.61 8.61 0 00-8.68-8.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M341.54 197.85l-11.37-13.23a103.37 103.37 0 1022.71 105.84" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M367.32 162a8.44 8.44 0 00-6 2.54l-59.54 59.54a8.61 8.61 0 006.09 14.71h59.54a8.62 8.62 0 008.62-8.62v-59.56a8.61 8.61 0 00-8.68-8.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReloadCircleOutline = props => {
 ReloadCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReloadCircleSharp.js b/src/ReloadCircleSharp.js
index 6e29ea0fb..954e5410c 100644
--- a/src/ReloadCircleSharp.js
+++ b/src/ReloadCircleSharp.js
@@ -15,7 +15,7 @@ const ReloadCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 190.77h-89l36.88-36.88-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25l5.37-15.13 30.17 10.67-5.3 15.13a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5L376 149.81z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm120 190.77h-89l36.88-36.88-5.6-6.51a87.38 87.38 0 10-62.94 148 87.55 87.55 0 0082.42-58.25l5.37-15.13 30.17 10.67-5.3 15.13a119.4 119.4 0 11-112.62-159.18 118.34 118.34 0 0186.36 36.95l.56.62 4.31 5L376 149.81z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReloadCircleSharp = props => {
 ReloadCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReloadOutline.js b/src/ReloadOutline.js
index 1646d3b1d..4fb244b30 100644
--- a/src/ReloadOutline.js
+++ b/src/ReloadOutline.js
@@ -15,7 +15,7 @@ const ReloadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReloadOutline = props => {
 ReloadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReloadSharp.js b/src/ReloadSharp.js
index f6066ab4a..fdfb50374 100644
--- a/src/ReloadSharp.js
+++ b/src/ReloadSharp.js
@@ -15,7 +15,7 @@ const ReloadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path d="M464 68.45V220a4 4 0 01-4 4H308.45a4 4 0 01-2.83-6.83L457.17 65.62a4 4 0 016.83 2.83z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path d="M464 68.45V220a4 4 0 01-4 4H308.45a4 4 0 01-2.83-6.83L457.17 65.62a4 4 0 016.83 2.83z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReloadSharp = props => {
 ReloadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Remove.js b/src/Remove.js
index 4fd9b96db..2b08023de 100644
--- a/src/Remove.js
+++ b/src/Remove.js
@@ -15,7 +15,7 @@ const Remove = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Remove = props => {
 Remove.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RemoveCircle.js b/src/RemoveCircle.js
index 8e26d0e49..17e289087 100644
--- a/src/RemoveCircle.js
+++ b/src/RemoveCircle.js
@@ -15,7 +15,7 @@ const RemoveCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224H176a16 16 0 010-32h160a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 224H176a16 16 0 010-32h160a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RemoveCircle = props => {
 RemoveCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RemoveCircleOutline.js b/src/RemoveCircleOutline.js
index fbf29572b..d1324ab68 100644
--- a/src/RemoveCircleOutline.js
+++ b/src/RemoveCircleOutline.js
@@ -15,7 +15,7 @@ const RemoveCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336 256H176"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336 256H176" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RemoveCircleOutline = props => {
 RemoveCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RemoveCircleSharp.js b/src/RemoveCircleSharp.js
index 7ccee0724..ae780ddcf 100644
--- a/src/RemoveCircleSharp.js
+++ b/src/RemoveCircleSharp.js
@@ -15,7 +15,7 @@ const RemoveCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224H160v-32h192z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm96 224H160v-32h192z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RemoveCircleSharp = props => {
 RemoveCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RemoveOutline.js b/src/RemoveOutline.js
index 89ffa7f74..9e4313098 100644
--- a/src/RemoveOutline.js
+++ b/src/RemoveOutline.js
@@ -15,7 +15,7 @@ const RemoveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RemoveOutline = props => {
 RemoveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RemoveSharp.js b/src/RemoveSharp.js
index d4ca54c30..ed609b35a 100644
--- a/src/RemoveSharp.js
+++ b/src/RemoveSharp.js
@@ -15,7 +15,7 @@ const RemoveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M400 256H112"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M400 256H112" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RemoveSharp = props => {
 RemoveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderFour.js b/src/ReorderFour.js
index 55d13bf4f..849f4f178 100644
--- a/src/ReorderFour.js
+++ b/src/ReorderFour.js
@@ -15,7 +15,7 @@ const ReorderFour = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M102 304h308M102 208h308M102 112h308M102 400h308"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M102 304h308M102 208h308M102 112h308M102 400h308" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderFour = props => {
 ReorderFour.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderFourOutline.js b/src/ReorderFourOutline.js
index 2631d2c09..dec76afab 100644
--- a/src/ReorderFourOutline.js
+++ b/src/ReorderFourOutline.js
@@ -15,7 +15,7 @@ const ReorderFourOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 304h320M96 208h320M96 112h320M96 400h320"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 304h320M96 208h320M96 112h320M96 400h320" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderFourOutline = props => {
 ReorderFourOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderFourSharp.js b/src/ReorderFourSharp.js
index 3cc39541d..3f09e9dde 100644
--- a/src/ReorderFourSharp.js
+++ b/src/ReorderFourSharp.js
@@ -15,7 +15,7 @@ const ReorderFourSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M102 304h308M102 208h308M102 112h308M102 400h308"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M102 304h308M102 208h308M102 112h308M102 400h308" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderFourSharp = props => {
 ReorderFourSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderThree.js b/src/ReorderThree.js
index c6472a632..8503b14ba 100644
--- a/src/ReorderThree.js
+++ b/src/ReorderThree.js
@@ -15,7 +15,7 @@ const ReorderThree = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M102 256h308M102 176h308M102 336h308"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M102 256h308M102 176h308M102 336h308" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderThree = props => {
 ReorderThree.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderThreeOutline.js b/src/ReorderThreeOutline.js
index cfd7c232a..8e73abd08 100644
--- a/src/ReorderThreeOutline.js
+++ b/src/ReorderThreeOutline.js
@@ -15,7 +15,7 @@ const ReorderThreeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 256h320M96 176h320M96 336h320"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 256h320M96 176h320M96 336h320" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderThreeOutline = props => {
 ReorderThreeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderThreeSharp.js b/src/ReorderThreeSharp.js
index 9b474435a..2f2f7b6cd 100644
--- a/src/ReorderThreeSharp.js
+++ b/src/ReorderThreeSharp.js
@@ -15,7 +15,7 @@ const ReorderThreeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M102 256h308M102 176h308M102 336h308"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M102 256h308M102 176h308M102 336h308" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderThreeSharp = props => {
 ReorderThreeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderTwo.js b/src/ReorderTwo.js
index 1ae2496e4..42f4d3c41 100644
--- a/src/ReorderTwo.js
+++ b/src/ReorderTwo.js
@@ -15,7 +15,7 @@ const ReorderTwo = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M118 304h276M118 208h276"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" d="M118 304h276M118 208h276" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderTwo = props => {
 ReorderTwo.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderTwoOutline.js b/src/ReorderTwoOutline.js
index 8020c66f6..d030b52fd 100644
--- a/src/ReorderTwoOutline.js
+++ b/src/ReorderTwoOutline.js
@@ -15,7 +15,7 @@ const ReorderTwoOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 304h288M112 208h288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 304h288M112 208h288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderTwoOutline = props => {
 ReorderTwoOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReorderTwoSharp.js b/src/ReorderTwoSharp.js
index 08332039f..2deef10f2 100644
--- a/src/ReorderTwoSharp.js
+++ b/src/ReorderTwoSharp.js
@@ -15,7 +15,7 @@ const ReorderTwoSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M118 304h276M118 208h276"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="44" d="M118 304h276M118 208h276" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReorderTwoSharp = props => {
 ReorderTwoSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Repeat.js b/src/Repeat.js
index f135b0848..993bb6b87 100644
--- a/src/Repeat.js
+++ b/src/Repeat.js
@@ -15,7 +15,7 @@ const Repeat = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 120l48 48-48 48"/><path d="M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 344h208a80.24 80.24 0 0080-80v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 120l48 48-48 48" /><path d="M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 344h208a80.24 80.24 0 0080-80v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Repeat = props => {
 Repeat.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RepeatOutline.js b/src/RepeatOutline.js
index 6ee47162b..883d310a0 100644
--- a/src/RepeatOutline.js
+++ b/src/RepeatOutline.js
@@ -15,7 +15,7 @@ const RepeatOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 120l48 48-48 48"/><path d="M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M160 344h208a80.24 80.24 0 0080-80v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 120l48 48-48 48" /><path d="M352 168H144a80.24 80.24 0 00-80 80v16M192 392l-48-48 48-48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M160 344h208a80.24 80.24 0 0080-80v-16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RepeatOutline = props => {
 RepeatOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RepeatSharp.js b/src/RepeatSharp.js
index e18fa4f04..2397f0957 100644
--- a/src/RepeatSharp.js
+++ b/src/RepeatSharp.js
@@ -15,7 +15,7 @@ const RepeatSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M320 120l48 48-48 48"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 168H64v96M192 392l-48-48 48-48"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M160 344h288v-96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M320 120l48 48-48 48" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 168H64v96M192 392l-48-48 48-48" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M160 344h288v-96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RepeatSharp = props => {
 RepeatSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Resize.js b/src/Resize.js
index d51647799..930aa0a2f 100644
--- a/src/Resize.js
+++ b/src/Resize.js
@@ -15,7 +15,7 @@ const Resize = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Resize = props => {
 Resize.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ResizeOutline.js b/src/ResizeOutline.js
index 83ae8ee53..773730926 100644
--- a/src/ResizeOutline.js
+++ b/src/ResizeOutline.js
@@ -15,7 +15,7 @@ const ResizeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ResizeOutline = props => {
 ResizeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ResizeSharp.js b/src/ResizeSharp.js
index ef2037b03..4745ecf30 100644
--- a/src/ResizeSharp.js
+++ b/src/ResizeSharp.js
@@ -15,7 +15,7 @@ const ResizeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 96h112v112M405.77 106.2L111.98 400.02M208 416H96V304" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ResizeSharp = props => {
 ResizeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Restaurant.js b/src/Restaurant.js
index 73bf8f410..63b557dcb 100644
--- a/src/Restaurant.js
+++ b/src/Restaurant.js
@@ -15,7 +15,7 @@ const Restaurant = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M357.57 223.94a79.48 79.48 0 0056.58-23.44l77-76.95c6.09-6.09 6.65-16 .85-22.39a16 16 0 00-23.17-.56l-68.63 68.58a12.29 12.29 0 01-17.37 0c-4.79-4.78-4.53-12.86.25-17.64l68.33-68.33a16 16 0 00-.56-23.16A15.62 15.62 0 00440.27 56a16.71 16.71 0 00-11.81 4.9l-68.27 68.26a12.29 12.29 0 01-17.37 0c-4.78-4.78-4.53-12.86.25-17.64l68.33-68.31a16 16 0 00-.56-23.16A15.62 15.62 0 00400.26 16a16.73 16.73 0 00-11.81 4.9L311.5 97.85a79.49 79.49 0 00-23.44 56.59v8.23a16 16 0 01-4.69 11.33l-35.61 35.62a4 4 0 01-5.66 0L68.82 36.33a16 16 0 00-22.58-.06C31.09 51.28 23 72.47 23 97.54c-.1 41.4 21.66 89 56.79 124.08l85.45 85.45A64.79 64.79 0 00211 326a64 64 0 0016.21-2.08 16.24 16.24 0 014.07-.53 15.93 15.93 0 0110.83 4.25l11.39 10.52a16.12 16.12 0 014.6 11.23v5.54a47.73 47.73 0 0013.77 33.65l90.05 91.57.09.1a53.29 53.29 0 0075.36-75.37L302.39 269.9a4 4 0 010-5.66L338 228.63a16 16 0 0111.32-4.69z"/><path d="M211 358a97.32 97.32 0 01-68.36-28.25l-13.86-13.86a8 8 0 00-11.3 0l-85 84.56c-15.15 15.15-20.56 37.45-13.06 59.29a30.63 30.63 0 001.49 3.6C31 484 50.58 496 72 496a55.68 55.68 0 0039.64-16.44L225 365.66a4.69 4.69 0 001.32-3.72v-.26a4.63 4.63 0 00-5.15-4.27A97.09 97.09 0 01211 358z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M357.57 223.94a79.48 79.48 0 0056.58-23.44l77-76.95c6.09-6.09 6.65-16 .85-22.39a16 16 0 00-23.17-.56l-68.63 68.58a12.29 12.29 0 01-17.37 0c-4.79-4.78-4.53-12.86.25-17.64l68.33-68.33a16 16 0 00-.56-23.16A15.62 15.62 0 00440.27 56a16.71 16.71 0 00-11.81 4.9l-68.27 68.26a12.29 12.29 0 01-17.37 0c-4.78-4.78-4.53-12.86.25-17.64l68.33-68.31a16 16 0 00-.56-23.16A15.62 15.62 0 00400.26 16a16.73 16.73 0 00-11.81 4.9L311.5 97.85a79.49 79.49 0 00-23.44 56.59v8.23a16 16 0 01-4.69 11.33l-35.61 35.62a4 4 0 01-5.66 0L68.82 36.33a16 16 0 00-22.58-.06C31.09 51.28 23 72.47 23 97.54c-.1 41.4 21.66 89 56.79 124.08l85.45 85.45A64.79 64.79 0 00211 326a64 64 0 0016.21-2.08 16.24 16.24 0 014.07-.53 15.93 15.93 0 0110.83 4.25l11.39 10.52a16.12 16.12 0 014.6 11.23v5.54a47.73 47.73 0 0013.77 33.65l90.05 91.57.09.1a53.29 53.29 0 0075.36-75.37L302.39 269.9a4 4 0 010-5.66L338 228.63a16 16 0 0111.32-4.69z" /><path d="M211 358a97.32 97.32 0 01-68.36-28.25l-13.86-13.86a8 8 0 00-11.3 0l-85 84.56c-15.15 15.15-20.56 37.45-13.06 59.29a30.63 30.63 0 001.49 3.6C31 484 50.58 496 72 496a55.68 55.68 0 0039.64-16.44L225 365.66a4.69 4.69 0 001.32-3.72v-.26a4.63 4.63 0 00-5.15-4.27A97.09 97.09 0 01211 358z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Restaurant = props => {
 Restaurant.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RestaurantOutline.js b/src/RestaurantOutline.js
index b93a1716a..7d6453b55 100644
--- a/src/RestaurantOutline.js
+++ b/src/RestaurantOutline.js
@@ -15,7 +15,7 @@ const RestaurantOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M57.49 47.74l368.43 368.43a37.28 37.28 0 010 52.72h0a37.29 37.29 0 01-52.72 0l-90-91.55a32 32 0 01-9.2-22.43v-5.53a32 32 0 00-9.52-22.78l-11.62-10.73a32 32 0 00-29.8-7.44h0a48.53 48.53 0 01-46.56-12.63l-85.43-85.44C40.39 159.68 21.74 83.15 57.49 47.74z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M400 32l-77.25 77.25A64 64 0 00304 154.51v14.86a16 16 0 01-4.69 11.32L288 192M320 224l11.31-11.31a16 16 0 0111.32-4.69h14.86a64 64 0 0045.26-18.75L480 112M440 72l-80 80M200 368l-99.72 100.28a40 40 0 01-56.56 0h0a40 40 0 010-56.56L128 328" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M57.49 47.74l368.43 368.43a37.28 37.28 0 010 52.72h0a37.29 37.29 0 01-52.72 0l-90-91.55a32 32 0 01-9.2-22.43v-5.53a32 32 0 00-9.52-22.78l-11.62-10.73a32 32 0 00-29.8-7.44h0a48.53 48.53 0 01-46.56-12.63l-85.43-85.44C40.39 159.68 21.74 83.15 57.49 47.74z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M400 32l-77.25 77.25A64 64 0 00304 154.51v14.86a16 16 0 01-4.69 11.32L288 192M320 224l11.31-11.31a16 16 0 0111.32-4.69h14.86a64 64 0 0045.26-18.75L480 112M440 72l-80 80M200 368l-99.72 100.28a40 40 0 01-56.56 0h0a40 40 0 010-56.56L128 328" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RestaurantOutline = props => {
 RestaurantOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RestaurantSharp.js b/src/RestaurantSharp.js
index fb81b083b..3e5784a53 100644
--- a/src/RestaurantSharp.js
+++ b/src/RestaurantSharp.js
@@ -15,7 +15,7 @@ const RestaurantSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.7 223.94h14.87a79.48 79.48 0 0056.58-23.44L496 118l-22.22-22.4-83.58 83.58-17.37-17.37 83.58-83.59-23-22.31-83.27 83.26-17.32-17.37 83.58-83.59L394 16l-82.5 81.85a79.49 79.49 0 00-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8 6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72-156.43-156.93z"/><path d="M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80 144-144z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342.7 223.94h14.87a79.48 79.48 0 0056.58-23.44L496 118l-22.22-22.4-83.58 83.58-17.37-17.37 83.58-83.59-23-22.31-83.27 83.26-17.32-17.37 83.58-83.59L394 16l-82.5 81.85a79.49 79.49 0 00-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8 6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72-156.43-156.93z" /><path d="M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80 144-144z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RestaurantSharp = props => {
 RestaurantSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownBack.js b/src/ReturnDownBack.js
index 5e0b1ad17..82008d6a0 100644
--- a/src/ReturnDownBack.js
+++ b/src/ReturnDownBack.js
@@ -15,7 +15,7 @@ const ReturnDownBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 352l-64-64 64-64"/><path d="M64 288h294c58.76 0 106-49.33 106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 352l-64-64 64-64" /><path d="M64 288h294c58.76 0 106-49.33 106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownBack = props => {
 ReturnDownBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownBackOutline.js b/src/ReturnDownBackOutline.js
index 0b731e8af..4084be332 100644
--- a/src/ReturnDownBackOutline.js
+++ b/src/ReturnDownBackOutline.js
@@ -15,7 +15,7 @@ const ReturnDownBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 352l-64-64 64-64"/><path d="M64 288h294c58.76 0 106-49.33 106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 352l-64-64 64-64" /><path d="M64 288h294c58.76 0 106-49.33 106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownBackOutline = props => {
 ReturnDownBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownBackSharp.js b/src/ReturnDownBackSharp.js
index 0dc38ec5a..7ccd18cfd 100644
--- a/src/ReturnDownBackSharp.js
+++ b/src/ReturnDownBackSharp.js
@@ -15,7 +15,7 @@ const ReturnDownBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M112 352l-64-64 64-64"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 288h400V160"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M112 352l-64-64 64-64" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 288h400V160" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownBackSharp = props => {
 ReturnDownBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownForward.js b/src/ReturnDownForward.js
index 908468e6d..823740174 100644
--- a/src/ReturnDownForward.js
+++ b/src/ReturnDownForward.js
@@ -15,7 +15,7 @@ const ReturnDownForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 352l64-64-64-64"/><path d="M448 288H154c-58.76 0-106-49.33-106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 352l64-64-64-64" /><path d="M448 288H154c-58.76 0-106-49.33-106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownForward = props => {
 ReturnDownForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownForwardOutline.js b/src/ReturnDownForwardOutline.js
index 4b2a8db67..5759a8b64 100644
--- a/src/ReturnDownForwardOutline.js
+++ b/src/ReturnDownForwardOutline.js
@@ -15,7 +15,7 @@ const ReturnDownForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 352l64-64-64-64"/><path d="M448 288H154c-58.76 0-106-49.33-106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 352l64-64-64-64" /><path d="M448 288H154c-58.76 0-106-49.33-106-108v-20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownForwardOutline = props => {
 ReturnDownForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnDownForwardSharp.js b/src/ReturnDownForwardSharp.js
index 65c51d863..adb7f00bc 100644
--- a/src/ReturnDownForwardSharp.js
+++ b/src/ReturnDownForwardSharp.js
@@ -15,7 +15,7 @@ const ReturnDownForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 352l64-64-64-64"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M448 288H48V160"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 352l64-64-64-64" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M448 288H48V160" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnDownForwardSharp = props => {
 ReturnDownForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpBack.js b/src/ReturnUpBack.js
index ec8bad127..4d469f202 100644
--- a/src/ReturnUpBack.js
+++ b/src/ReturnUpBack.js
@@ -15,7 +15,7 @@ const ReturnUpBack = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l-64 64 64 64"/><path d="M64 224h294c58.76 0 106 49.33 106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l-64 64 64 64" /><path d="M64 224h294c58.76 0 106 49.33 106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpBack = props => {
 ReturnUpBack.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpBackOutline.js b/src/ReturnUpBackOutline.js
index 05f7c61de..e2e348f5f 100644
--- a/src/ReturnUpBackOutline.js
+++ b/src/ReturnUpBackOutline.js
@@ -15,7 +15,7 @@ const ReturnUpBackOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l-64 64 64 64"/><path d="M64 224h294c58.76 0 106 49.33 106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 160l-64 64 64 64" /><path d="M64 224h294c58.76 0 106 49.33 106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpBackOutline = props => {
 ReturnUpBackOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpBackSharp.js b/src/ReturnUpBackSharp.js
index d60ac2ca6..ecd631eb2 100644
--- a/src/ReturnUpBackSharp.js
+++ b/src/ReturnUpBackSharp.js
@@ -15,7 +15,7 @@ const ReturnUpBackSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M112 160l-64 64 64 64"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 224h400v128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M112 160l-64 64 64 64" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 224h400v128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpBackSharp = props => {
 ReturnUpBackSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpForward.js b/src/ReturnUpForward.js
index 672fec020..f50e8c0ed 100644
--- a/src/ReturnUpForward.js
+++ b/src/ReturnUpForward.js
@@ -15,7 +15,7 @@ const ReturnUpForward = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 160l64 64-64 64"/><path d="M448 224H154c-58.76 0-106 49.33-106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 160l64 64-64 64" /><path d="M448 224H154c-58.76 0-106 49.33-106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpForward = props => {
 ReturnUpForward.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpForwardOutline.js b/src/ReturnUpForwardOutline.js
index 204e8527d..955023689 100644
--- a/src/ReturnUpForwardOutline.js
+++ b/src/ReturnUpForwardOutline.js
@@ -15,7 +15,7 @@ const ReturnUpForwardOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 160l64 64-64 64"/><path d="M448 224H154c-58.76 0-106 49.33-106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 160l64 64-64 64" /><path d="M448 224H154c-58.76 0-106 49.33-106 108v20" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpForwardOutline = props => {
 ReturnUpForwardOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ReturnUpForwardSharp.js b/src/ReturnUpForwardSharp.js
index 5fc252a1b..8472a803f 100644
--- a/src/ReturnUpForwardSharp.js
+++ b/src/ReturnUpForwardSharp.js
@@ -15,7 +15,7 @@ const ReturnUpForwardSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 160l64 64-64 64"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M448 224H48v128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 160l64 64-64 64" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M448 224H48v128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ReturnUpForwardSharp = props => {
 ReturnUpForwardSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Ribbon.js b/src/Ribbon.js
index b3694d6cb..547e792e7 100644
--- a/src/Ribbon.js
+++ b/src/Ribbon.js
@@ -15,7 +15,7 @@ const Ribbon = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M269 335.61q-6.33.47-12.78.47c-5.23 0-10.4-.24-15.51-.69a176.11 176.11 0 01-127.67-72.94 4 4 0 00-6.77.35l-72 129.4c-2.74 5-3.17 11-.28 15.88A16.78 16.78 0 0048.22 416h78a15.28 15.28 0 0113.62 7.33L178.5 488a16.26 16.26 0 0013.75 8c5.94-.33 12.09-4.19 14.56-9.6l66.11-145.15a4 4 0 00-3.92-5.64zM477.64 391.88l-71.53-129.17a4 4 0 00-6.74-.36 176.5 176.5 0 01-78.31 61.42 16.09 16.09 0 00-8.72 8.25l-36.86 81.1a7.92 7.92 0 000 6.6l30.27 66.59c2.45 5.41 8.59 9.36 14.52 9.69a16.3 16.3 0 0013.7-8.12l38.53-64.58c2.89-4.85 8.13-7.33 13.78-7.3h78.77c6.67 0 11.72-3.48 14-10a16.92 16.92 0 00-1.41-14.12z"/><ellipse cx="256.26" cy="160" rx="48.01" ry="48"/><path d="M256.26 16c-79.42 0-144 64.59-144 144s64.61 144 144 144 144-64.6 144-144-64.59-144-144-144zm0 224a80 80 0 1180-80 80.1 80.1 0 01-80 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M269 335.61q-6.33.47-12.78.47c-5.23 0-10.4-.24-15.51-.69a176.11 176.11 0 01-127.67-72.94 4 4 0 00-6.77.35l-72 129.4c-2.74 5-3.17 11-.28 15.88A16.78 16.78 0 0048.22 416h78a15.28 15.28 0 0113.62 7.33L178.5 488a16.26 16.26 0 0013.75 8c5.94-.33 12.09-4.19 14.56-9.6l66.11-145.15a4 4 0 00-3.92-5.64zM477.64 391.88l-71.53-129.17a4 4 0 00-6.74-.36 176.5 176.5 0 01-78.31 61.42 16.09 16.09 0 00-8.72 8.25l-36.86 81.1a7.92 7.92 0 000 6.6l30.27 66.59c2.45 5.41 8.59 9.36 14.52 9.69a16.3 16.3 0 0013.7-8.12l38.53-64.58c2.89-4.85 8.13-7.33 13.78-7.3h78.77c6.67 0 11.72-3.48 14-10a16.92 16.92 0 00-1.41-14.12z" /><ellipse cx="256.26" cy="160" rx="48.01" ry="48" /><path d="M256.26 16c-79.42 0-144 64.59-144 144s64.61 144 144 144 144-64.6 144-144-64.59-144-144-144zm0 224a80 80 0 1180-80 80.1 80.1 0 01-80 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Ribbon = props => {
 Ribbon.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RibbonOutline.js b/src/RibbonOutline.js
index 457db82d2..f660dbb91 100644
--- a/src/RibbonOutline.js
+++ b/src/RibbonOutline.js
@@ -15,7 +15,7 @@ const RibbonOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="160" r="128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M143.65 227.82L48 400l86.86-.42a16 16 0 0113.82 7.8L192 480l88.33-194.32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M366.54 224L464 400l-86.86-.42a16 16 0 00-13.82 7.8L320 480l-64-140.8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="256" cy="160" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="160" r="128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M143.65 227.82L48 400l86.86-.42a16 16 0 0113.82 7.8L192 480l88.33-194.32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M366.54 224L464 400l-86.86-.42a16 16 0 00-13.82 7.8L320 480l-64-140.8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="256" cy="160" r="64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RibbonOutline = props => {
 RibbonOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RibbonSharp.js b/src/RibbonSharp.js
index 1d292b35f..b8e97522a 100644
--- a/src/RibbonSharp.js
+++ b/src/RibbonSharp.js
@@ -15,7 +15,7 @@ const RibbonSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 336c-5.22 0-10.4-.24-15.51-.69a176.12 176.12 0 01-131.29-78.37L20 416h115l58 96 82.53-177.09A177.53 177.53 0 01256 336zM403 256.74a176.9 176.9 0 01-88.18 69.14L273.7 415.5 319 512l58-96h115z"/><circle cx="256.02" cy="160" r="48"/><path d="M256 16c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144S335.4 16 256 16zm0 224a80 80 0 1180-80 80.09 80.09 0 01-80 80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 336c-5.22 0-10.4-.24-15.51-.69a176.12 176.12 0 01-131.29-78.37L20 416h115l58 96 82.53-177.09A177.53 177.53 0 01256 336zM403 256.74a176.9 176.9 0 01-88.18 69.14L273.7 415.5 319 512l58-96h115z" /><circle cx="256.02" cy="160" r="48" /><path d="M256 16c-79.4 0-144 64.6-144 144s64.6 144 144 144 144-64.6 144-144S335.4 16 256 16zm0 224a80 80 0 1180-80 80.09 80.09 0 01-80 80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RibbonSharp = props => {
 RibbonSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Rocket.js b/src/Rocket.js
index ca4b33009..804d6e157 100644
--- a/src/Rocket.js
+++ b/src/Rocket.js
@@ -15,7 +15,7 @@ const Rocket = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M328.85 156.79a26.69 26.69 0 1018.88 7.81 26.6 26.6 0 00-18.88-7.81z"/><path d="M477.44 50.06a.29.29 0 010-.09 20.4 20.4 0 00-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28-52.36 21-101.42 52-134.58 85.22A320.7 320.7 0 00169.55 175c-22.33-1-42 2.18-58.57 9.41-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0027.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 009.9 20.72l31.39 31.41a34.27 34.27 0 0020.71 9.91l2.15.23-7 64.24v.13A25 25 0 00206 480a25.25 25.25 0 004.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a314.78 314.78 0 0033.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52 20.69-51.36 28.48-98.59 21.39-129.53zM370.38 224.94a58.77 58.77 0 110-83.07 58.3 58.3 0 010 83.07z"/><path d="M161.93 386.44a16 16 0 00-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 00-15.16-24.91A61.25 61.25 0 0072 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A357.94 357.94 0 0048 447.59 16 16 0 0064 464h.4a359.87 359.87 0 0036.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.49 60.49 0 0017.39-35.74 16 16 0 00-13.93-17.82z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M328.85 156.79a26.69 26.69 0 1018.88 7.81 26.6 26.6 0 00-18.88-7.81z" /><path d="M477.44 50.06a.29.29 0 010-.09 20.4 20.4 0 00-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28-52.36 21-101.42 52-134.58 85.22A320.7 320.7 0 00169.55 175c-22.33-1-42 2.18-58.57 9.41-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0027.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 009.9 20.72l31.39 31.41a34.27 34.27 0 0020.71 9.91l2.15.23-7 64.24v.13A25 25 0 00206 480a25.25 25.25 0 004.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a314.78 314.78 0 0033.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52 20.69-51.36 28.48-98.59 21.39-129.53zM370.38 224.94a58.77 58.77 0 110-83.07 58.3 58.3 0 010 83.07z" /><path d="M161.93 386.44a16 16 0 00-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 00-15.16-24.91A61.25 61.25 0 0072 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A357.94 357.94 0 0048 447.59 16 16 0 0064 464h.4a359.87 359.87 0 0036.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.49 60.49 0 0017.39-35.74 16 16 0 00-13.93-17.82z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Rocket = props => {
 Rocket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RocketOutline.js b/src/RocketOutline.js
index 5d8112491..0d43b7b25 100644
--- a/src/RocketOutline.js
+++ b/src/RocketOutline.js
@@ -15,7 +15,7 @@ const RocketOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RocketOutline = props => {
 RocketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RocketSharp.js b/src/RocketSharp.js
index e9a511fc2..b70940c19 100644
--- a/src/RocketSharp.js
+++ b/src/RocketSharp.js
@@ -15,7 +15,7 @@ const RocketSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.64 38.26a4.75 4.75 0 00-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 00-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0010.55 11.2l87.31-9.63a194.1 194.1 0 001.19 19.7 19.53 19.53 0 005.7 12L170.7 375a19.59 19.59 0 0012 5.7 193.53 193.53 0 0019.59 1.19l-9.58 87.2a9.65 9.65 0 0011.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5 8.4-19.27 10.12-41.77 8.18-64.27a317.66 317.66 0 0042.21-35.64C441 232.05 491.74 99.74 477.64 38.26zM294.07 217.93a48 48 0 1167.86 0 47.95 47.95 0 01-67.86 0z"/><path d="M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46-23.77 4.05-44.76-16.49-40.49-40.52 1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 00-3.65-7.45 60 60 0 00-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.69 59.69 0 00176 403.09c.37-4.18-4.72-6.67-7.6-3.66z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M477.64 38.26a4.75 4.75 0 00-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 00-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0010.55 11.2l87.31-9.63a194.1 194.1 0 001.19 19.7 19.53 19.53 0 005.7 12L170.7 375a19.59 19.59 0 0012 5.7 193.53 193.53 0 0019.59 1.19l-9.58 87.2a9.65 9.65 0 0011.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5 8.4-19.27 10.12-41.77 8.18-64.27a317.66 317.66 0 0042.21-35.64C441 232.05 491.74 99.74 477.64 38.26zM294.07 217.93a48 48 0 1167.86 0 47.95 47.95 0 01-67.86 0z" /><path d="M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46-23.77 4.05-44.76-16.49-40.49-40.52 1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 00-3.65-7.45 60 60 0 00-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.69 59.69 0 00176 403.09c.37-4.18-4.72-6.67-7.6-3.66z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RocketSharp = props => {
 RocketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Rose.js b/src/Rose.js
index 07a3a291b..d280c7505 100644
--- a/src/Rose.js
+++ b/src/Rose.js
@@ -15,7 +15,7 @@ const Rose = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.55 119.49a16 16 0 00-17.06-7.1c-18.64 4.19-37.06 9-54.73 14.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.29C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.33 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13a16 16 0 001.01-18.44zM219 119.55C168.46 92.08 101.46 80.69 98.63 80.22A16 16 0 0081 90.55a16.47 16.47 0 003.79 16.84c31.84 33.78 32.86 68.79 28.65 104.63a4.45 4.45 0 002.5 4.54 4.44 4.44 0 005.08-.9c16.39-16.51 36.37-31.52 60.4-45.39l4.48-2.6C208 154.8 216.23 150 236 140.41l2.69-1.3a4 4 0 00.64-6.83A178.59 178.59 0 00219 119.55zM234.26 91.45c3.44 1.87 7.09 4 10.9 6.29a189.31 189.31 0 0129.57 22.39 4 4 0 004.28.76 672 672 0 0169.65-25q7-2.07 14.08-4a4 4 0 002.53-5.62c-8.27-16.83-14.67-28.9-15.15-29.79A16 16 0 00336 48c-1.91 0-33.28.36-76.87 21.3a279 279 0 00-26.39 14.51 4 4 0 00.22 6.94zM209.33 60.79c7.3-4.77 14.74-9.22 22.25-13.31a2 2 0 00.24-3.36c-26-19.57-49.73-27-51.15-27.42a16 16 0 00-17.56 5.82 217.63 217.63 0 00-19.28 32.38 2 2 0 001.29 2.81c13.61 3.57 29.4 8.29 45.61 14.29a2 2 0 001.79-.2z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M429.55 119.49a16 16 0 00-17.06-7.1c-18.64 4.19-37.06 9-54.73 14.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.29C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.33 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13a16 16 0 001.01-18.44zM219 119.55C168.46 92.08 101.46 80.69 98.63 80.22A16 16 0 0081 90.55a16.47 16.47 0 003.79 16.84c31.84 33.78 32.86 68.79 28.65 104.63a4.45 4.45 0 002.5 4.54 4.44 4.44 0 005.08-.9c16.39-16.51 36.37-31.52 60.4-45.39l4.48-2.6C208 154.8 216.23 150 236 140.41l2.69-1.3a4 4 0 00.64-6.83A178.59 178.59 0 00219 119.55zM234.26 91.45c3.44 1.87 7.09 4 10.9 6.29a189.31 189.31 0 0129.57 22.39 4 4 0 004.28.76 672 672 0 0169.65-25q7-2.07 14.08-4a4 4 0 002.53-5.62c-8.27-16.83-14.67-28.9-15.15-29.79A16 16 0 00336 48c-1.91 0-33.28.36-76.87 21.3a279 279 0 00-26.39 14.51 4 4 0 00.22 6.94zM209.33 60.79c7.3-4.77 14.74-9.22 22.25-13.31a2 2 0 00.24-3.36c-26-19.57-49.73-27-51.15-27.42a16 16 0 00-17.56 5.82 217.63 217.63 0 00-19.28 32.38 2 2 0 001.29 2.81c13.61 3.57 29.4 8.29 45.61 14.29a2 2 0 001.79-.2z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Rose = props => {
 Rose.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RoseOutline.js b/src/RoseOutline.js
index 47f3b220d..10f164fab 100644
--- a/src/RoseOutline.js
+++ b/src/RoseOutline.js
@@ -15,7 +15,7 @@ const RoseOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 128c-18.9 4.25-36.8 8.94-53.7 13.95-40.5 12-75.5 27.15-105.4 41.65-19.3 9.37-26.2 13.51-51.5 28.23-58.4 33.69-93.4 77.4-93.4 142.81C112 428.55 167.6 480 256 480s144-55.81 144-129.72S339 225.24 416 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M264 180.19c-19.69-27-38.2-38.69-52.7-46.59C162.6 107.1 96 96 96 96c41.5 43.7 37.2 90.1 32 128 0 0-3.87 32.88 1.91 58.41" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M372 139.15C356.55 102.6 336 64 336 64s-63.32 0-135.69 64M253.48 87.57C221.25 45.81 176 32 176 32c-15.3 20.8-28.79 51.58-34.87 74.17" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 128c-18.9 4.25-36.8 8.94-53.7 13.95-40.5 12-75.5 27.15-105.4 41.65-19.3 9.37-26.2 13.51-51.5 28.23-58.4 33.69-93.4 77.4-93.4 142.81C112 428.55 167.6 480 256 480s144-55.81 144-129.72S339 225.24 416 128z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M264 180.19c-19.69-27-38.2-38.69-52.7-46.59C162.6 107.1 96 96 96 96c41.5 43.7 37.2 90.1 32 128 0 0-3.87 32.88 1.91 58.41" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M372 139.15C356.55 102.6 336 64 336 64s-63.32 0-135.69 64M253.48 87.57C221.25 45.81 176 32 176 32c-15.3 20.8-28.79 51.58-34.87 74.17" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RoseOutline = props => {
 RoseOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/RoseSharp.js b/src/RoseSharp.js
index 104f4f030..e95bef83c 100644
--- a/src/RoseSharp.js
+++ b/src/RoseSharp.js
@@ -15,7 +15,7 @@ const RoseSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 112s-17.62 0-30.51 1.39c-19 2-42.06 8-59.73 13.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.3C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.32 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13C432.75 132.62 448 112 448 112zM219 119.55C168.47 92.08 104.72 80 80 80c0 0 23.23 28.19 29.15 55.4s6.54 48.61 2.91 88.6c17.94-20.48 40.59-37.15 69.32-53.73l4.48-2.6C208 154.8 216.23 150 236 140.41c2.88-1.4 5.74-2.76 8.58-4.11A170.77 170.77 0 00219 119.55zM345.25 48s-42.53.36-86.12 21.3a280.36 280.36 0 00-32.27 18.27q3.73 1.89 7.4 3.88c3.44 1.87 7.09 4 10.9 6.29a189.7 189.7 0 0131.46 24.16c24.57-10.41 73-26.1 90.77-31.28-8-19.15-22.14-42.62-22.14-42.62zM176 16c-16 10.83-33.24 41.1-33.24 41.1a494.22 494.22 0 0148.92 15.25l17.65-11.56c8.18-5.35 16.55-10.29 25-14.77C234.31 46 202.59 24.17 176 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 112s-17.62 0-30.51 1.39c-19 2-42.06 8-59.73 13.22-35.06 10.39-69.33 23.92-107.85 42.59-18.62 9.05-26 13.35-48 26.13l-4.5 2.67c-32.95 19-57.09 40-73.79 64.3C105.29 288.89 96 320 96 354.64c0 40.74 15.71 77.1 44.24 102.37C169 482.52 209.06 496 256 496c46.76 0 86.89-14.32 116-41.43 28.35-26.35 44-63.39 44-104.29 0-25-6.19-47-12.17-68.22-12.59-44.69-23.46-83.29 24.71-144.13C432.75 132.62 448 112 448 112zM219 119.55C168.47 92.08 104.72 80 80 80c0 0 23.23 28.19 29.15 55.4s6.54 48.61 2.91 88.6c17.94-20.48 40.59-37.15 69.32-53.73l4.48-2.6C208 154.8 216.23 150 236 140.41c2.88-1.4 5.74-2.76 8.58-4.11A170.77 170.77 0 00219 119.55zM345.25 48s-42.53.36-86.12 21.3a280.36 280.36 0 00-32.27 18.27q3.73 1.89 7.4 3.88c3.44 1.87 7.09 4 10.9 6.29a189.7 189.7 0 0131.46 24.16c24.57-10.41 73-26.1 90.77-31.28-8-19.15-22.14-42.62-22.14-42.62zM176 16c-16 10.83-33.24 41.1-33.24 41.1a494.22 494.22 0 0148.92 15.25l17.65-11.56c8.18-5.35 16.55-10.29 25-14.77C234.31 46 202.59 24.17 176 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const RoseSharp = props => {
 RoseSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Sad.js b/src/Sad.js
index 799d0e1c2..ebe99d0a6 100644
--- a/src/Sad.js
+++ b/src/Sad.js
@@ -15,7 +15,7 @@ const Sad = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-23.67 149.83c12-40.3 50.2-69.83 95.62-69.83s83.62 29.53 95.71 69.83a8 8 0 01-7.82 10.17H168.15a8 8 0 01-7.82-10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM184 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-23.67 149.83c12-40.3 50.2-69.83 95.62-69.83s83.62 29.53 95.71 69.83a8 8 0 01-7.82 10.17H168.15a8 8 0 01-7.82-10.17zM328 256a24 24 0 1124-24 23.94 23.94 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Sad = props => {
 Sad.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SadOutline.js b/src/SadOutline.js
index 47f8d8703..61e29b055 100644
--- a/src/SadOutline.js
+++ b/src/SadOutline.js
@@ -15,7 +15,7 @@ const SadOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="184" cy="232" r="24"/><path d="M256 288c45.42 0 83.62 29.53 95.71 69.83a8 8 0 01-7.87 10.17H168.15a8 8 0 01-7.82-10.17C172.32 317.53 210.53 288 256 288z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="184" cy="232" r="24" /><path d="M256 288c45.42 0 83.62 29.53 95.71 69.83a8 8 0 01-7.87 10.17H168.15a8 8 0 01-7.82-10.17C172.32 317.53 210.53 288 256 288z" /><circle cx="328" cy="232" r="24" /><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SadOutline = props => {
 SadOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SadSharp.js b/src/SadSharp.js
index 9ce9fcb5f..3a43137e9 100644
--- a/src/SadSharp.js
+++ b/src/SadSharp.js
@@ -15,7 +15,7 @@ const SadSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72 80c45.42 0 83.75 29.49 95.72 69.83 1 3.52 2.33 10.17 2.33 10.17H158s1.31-6.69 2.33-10.17C172.11 317.47 210.53 288 256 288z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM328 208a24 24 0 11-24 24 23.94 23.94 0 0124-24zm-144 0a24 24 0 11-24 24 23.94 23.94 0 0124-24zm72 80c45.42 0 83.75 29.49 95.72 69.83 1 3.52 2.33 10.17 2.33 10.17H158s1.31-6.69 2.33-10.17C172.11 317.47 210.53 288 256 288z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SadSharp = props => {
 SadSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Save.js b/src/Save.js
index 1b1349a87..b4e11faf6 100644
--- a/src/Save.js
+++ b/src/Save.js
@@ -15,7 +15,7 @@ const Save = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M465.94 119.76l-73.7-73.7A47.68 47.68 0 00358.3 32H96a64 64 0 00-64 64v320a64 64 0 0064 64h320a64 64 0 0064-64V153.7a47.68 47.68 0 00-14.06-33.94zM120 112h176a8 8 0 018 8v48a8 8 0 01-8 8H120a8 8 0 01-8-8v-48a8 8 0 018-8zm139.75 319.91a80 80 0 1176.16-76.16 80.06 80.06 0 01-76.16 76.16z"/><circle cx="256" cy="352" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M465.94 119.76l-73.7-73.7A47.68 47.68 0 00358.3 32H96a64 64 0 00-64 64v320a64 64 0 0064 64h320a64 64 0 0064-64V153.7a47.68 47.68 0 00-14.06-33.94zM120 112h176a8 8 0 018 8v48a8 8 0 01-8 8H120a8 8 0 01-8-8v-48a8 8 0 018-8zm139.75 319.91a80 80 0 1176.16-76.16 80.06 80.06 0 01-76.16 76.16z" /><circle cx="256" cy="352" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Save = props => {
 Save.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SaveOutline.js b/src/SaveOutline.js
index 4029a946f..09fe624de 100644
--- a/src/SaveOutline.js
+++ b/src/SaveOutline.js
@@ -15,7 +15,7 @@ const SaveOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.93 57.37A32 32 0 00358.3 48H94.22A46.21 46.21 0 0048 94.22v323.56A46.21 46.21 0 0094.22 464h323.56A46.36 46.36 0 00464 417.78V153.7a32 32 0 00-9.37-22.63zM256 416a64 64 0 1164-64 63.92 63.92 0 01-64 64zm48-224H112a16 16 0 01-16-16v-64a16 16 0 0116-16h192a16 16 0 0116 16v64a16 16 0 01-16 16z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SaveOutline = props => {
 SaveOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SaveSharp.js b/src/SaveSharp.js
index 7c36de0de..e845fb578 100644
--- a/src/SaveSharp.js
+++ b/src/SaveSharp.js
@@ -15,7 +15,7 @@ const SaveSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.44 32H64a32 32 0 00-32 32v384a32 32 0 0032 32h384a32.09 32.09 0 0032-32V131.56zM112 176v-64h192v64zm223.91 179.76a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M380.44 32H64a32 32 0 00-32 32v384a32 32 0 0032 32h384a32.09 32.09 0 0032-32V131.56zM112 176v-64h192v64zm223.91 179.76a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SaveSharp = props => {
 SaveSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Scan.js b/src/Scan.js
index c8bf83a36..3d57789cb 100644
--- a/src/Scan.js
+++ b/src/Scan.js
@@ -15,7 +15,7 @@ const Scan = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342 444h46a56 56 0 0056-56v-46M444 170v-46a56 56 0 00-56-56h-46M170 444h-46a56 56 0 01-56-56v-46M68 170v-46a56 56 0 0156-56h46" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M342 444h46a56 56 0 0056-56v-46M444 170v-46a56 56 0 00-56-56h-46M170 444h-46a56 56 0 01-56-56v-46M68 170v-46a56 56 0 0156-56h46" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Scan = props => {
 Scan.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ScanCircle.js b/src/ScanCircle.js
index d86f117a4..b9ff2fa39 100644
--- a/src/ScanCircle.js
+++ b/src/ScanCircle.js
@@ -15,7 +15,7 @@ const ScanCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-40 320h-28a44.05 44.05 0 01-44-44v-28a16 16 0 0132 0v28a12 12 0 0012 12h28a16 16 0 010 32zm0-192h-28a12 12 0 00-12 12v28a16 16 0 01-32 0v-28a44.05 44.05 0 0144-44h28a16 16 0 010 32zm152 148a44.05 44.05 0 01-44 44h-28a16 16 0 010-32h28a12 12 0 0012-12v-28a16 16 0 0132 0zm0-108a16 16 0 01-32 0v-28a12 12 0 00-12-12h-28a16 16 0 010-32h28a44.05 44.05 0 0144 44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-40 320h-28a44.05 44.05 0 01-44-44v-28a16 16 0 0132 0v28a12 12 0 0012 12h28a16 16 0 010 32zm0-192h-28a12 12 0 00-12 12v28a16 16 0 01-32 0v-28a44.05 44.05 0 0144-44h28a16 16 0 010 32zm152 148a44.05 44.05 0 01-44 44h-28a16 16 0 010-32h28a12 12 0 0012-12v-28a16 16 0 0132 0zm0-108a16 16 0 01-32 0v-28a12 12 0 00-12-12h-28a16 16 0 010-32h28a44.05 44.05 0 0144 44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ScanCircle = props => {
 ScanCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ScanCircleOutline.js b/src/ScanCircleOutline.js
index 253141c4f..5f5da5559 100644
--- a/src/ScanCircleOutline.js
+++ b/src/ScanCircleOutline.js
@@ -15,7 +15,7 @@ const ScanCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M296 352h28a28 28 0 0028-28v-28M352 216v-28a28 28 0 00-28-28h-28M216 352h-28a28 28 0 01-28-28v-28M160 216v-28a28 28 0 0128-28h28" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M296 352h28a28 28 0 0028-28v-28M352 216v-28a28 28 0 00-28-28h-28M216 352h-28a28 28 0 01-28-28v-28M160 216v-28a28 28 0 0128-28h28" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ScanCircleOutline = props => {
 ScanCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ScanCircleSharp.js b/src/ScanCircleSharp.js
index 1767ca8f7..0484df6e2 100644
--- a/src/ScanCircleSharp.js
+++ b/src/ScanCircleSharp.js
@@ -15,7 +15,7 @@ const ScanCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-24 320h-44a44.05 44.05 0 01-44-44v-44h32v44a12 12 0 0012 12h44zm0-192h-44a12 12 0 00-12 12v44h-32v-44a44.05 44.05 0 0144-44h44zm136 148a44.05 44.05 0 01-44 44h-44v-32h44a12 12 0 0012-12v-44h32zm0-92h-32v-44a12 12 0 00-12-12h-44v-32h44a44.05 44.05 0 0144 44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-24 320h-44a44.05 44.05 0 01-44-44v-44h32v44a12 12 0 0012 12h44zm0-192h-44a12 12 0 00-12 12v44h-32v-44a44.05 44.05 0 0144-44h44zm136 148a44.05 44.05 0 01-44 44h-44v-32h44a12 12 0 0012-12v-44h32zm0-92h-32v-44a12 12 0 00-12-12h-44v-32h44a44.05 44.05 0 0144 44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ScanCircleSharp = props => {
 ScanCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ScanOutline.js b/src/ScanOutline.js
index 39b9e78be..253afb4e0 100644
--- a/src/ScanOutline.js
+++ b/src/ScanOutline.js
@@ -15,7 +15,7 @@ const ScanOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 448h56a56 56 0 0056-56v-56M448 176v-56a56 56 0 00-56-56h-56M176 448h-56a56 56 0 01-56-56v-56M64 176v-56a56 56 0 0156-56h56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 448h56a56 56 0 0056-56v-56M448 176v-56a56 56 0 00-56-56h-56M176 448h-56a56 56 0 01-56-56v-56M64 176v-56a56 56 0 0156-56h56" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ScanOutline = props => {
 ScanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ScanSharp.js b/src/ScanSharp.js
index 030bffc93..b2a8c1373 100644
--- a/src/ScanSharp.js
+++ b/src/ScanSharp.js
@@ -15,7 +15,7 @@ const ScanSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 466h-68v-44h68a34 34 0 0034-34v-68h44v68a78.09 78.09 0 01-78 78zM466 192h-44v-68a34 34 0 00-34-34h-68V46h68a78.09 78.09 0 0178 78zM192 466h-68a78.09 78.09 0 01-78-78v-68h44v68a34 34 0 0034 34h68zM90 192H46v-68a78.09 78.09 0 0178-78h68v44h-68a34 34 0 00-34 34z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M388 466h-68v-44h68a34 34 0 0034-34v-68h44v68a78.09 78.09 0 01-78 78zM466 192h-44v-68a34 34 0 00-34-34h-68V46h68a78.09 78.09 0 0178 78zM192 466h-68a78.09 78.09 0 01-78-78v-68h44v68a34 34 0 0034 34h68zM90 192H46v-68a78.09 78.09 0 0178-78h68v44h-68a34 34 0 00-34 34z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ScanSharp = props => {
 ScanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/School.js b/src/School.js
index 8a3ed536c..f47108a62 100644
--- a/src/School.js
+++ b/src/School.js
@@ -15,7 +15,7 @@ const School = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 368a16 16 0 01-7.94-2.11L108 285.84a8 8 0 00-12 6.94V368a16 16 0 008.23 14l144 80a16 16 0 0015.54 0l144-80a16 16 0 008.23-14v-75.22a8 8 0 00-12-6.94l-140.06 80.05A16 16 0 01256 368z"/><path d="M495.92 190.5v-.11a16 16 0 00-8-12.28l-224-128a16 16 0 00-15.88 0l-224 128a16 16 0 000 27.78l224 128a16 16 0 0015.88 0L461 221.28a2 2 0 013 1.74v144.53c0 8.61 6.62 16 15.23 16.43A16 16 0 00496 368V192a14.76 14.76 0 00-.08-1.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 368a16 16 0 01-7.94-2.11L108 285.84a8 8 0 00-12 6.94V368a16 16 0 008.23 14l144 80a16 16 0 0015.54 0l144-80a16 16 0 008.23-14v-75.22a8 8 0 00-12-6.94l-140.06 80.05A16 16 0 01256 368z" /><path d="M495.92 190.5v-.11a16 16 0 00-8-12.28l-224-128a16 16 0 00-15.88 0l-224 128a16 16 0 000 27.78l224 128a16 16 0 0015.88 0L461 221.28a2 2 0 013 1.74v144.53c0 8.61 6.62 16 15.23 16.43A16 16 0 00496 368V192a14.76 14.76 0 00-.08-1.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const School = props => {
 School.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SchoolOutline.js b/src/SchoolOutline.js
index 3fec022ef..4af66db8f 100644
--- a/src/SchoolOutline.js
+++ b/src/SchoolOutline.js
@@ -15,7 +15,7 @@ const SchoolOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 192L256 64l224 128-224 128L32 192z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 240v128l144 80 144-80V240M480 368V192M256 320v128"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 192L256 64l224 128-224 128L32 192z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M112 240v128l144 80 144-80V240M480 368V192M256 320v128" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SchoolOutline = props => {
 SchoolOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SchoolSharp.js b/src/SchoolSharp.js
index a98fd5780..529070852 100644
--- a/src/SchoolSharp.js
+++ b/src/SchoolSharp.js
@@ -15,7 +15,7 @@ const SchoolSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 370.43L96 279v98.42l160 88.88 160-88.88V279l-160 91.43z"/><path d="M512.25 192L256 45.57-.25 192 256 338.43l208-118.86V384h48V192.14l.25-.14z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 370.43L96 279v98.42l160 88.88 160-88.88V279l-160 91.43z" /><path d="M512.25 192L256 45.57-.25 192 256 338.43l208-118.86V384h48V192.14l.25-.14z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SchoolSharp = props => {
 SchoolSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Search.js b/src/Search.js
index 7ee95b61f..c1332612a 100644
--- a/src/Search.js
+++ b/src/Search.js
@@ -15,7 +15,7 @@ const Search = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Search = props => {
 Search.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SearchCircle.js b/src/SearchCircle.js
index a0ee01a1b..6b89ccfc3 100644
--- a/src/SearchCircle.js
+++ b/src/SearchCircle.js
@@ -15,7 +15,7 @@ const SearchCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm91.31 283.31a16 16 0 01-22.62 0l-42.84-42.83a88.08 88.08 0 1122.63-22.63l42.83 42.84a16 16 0 010 22.62z"/><circle cx="232" cy="232" r="56"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm91.31 283.31a16 16 0 01-22.62 0l-42.84-42.83a88.08 88.08 0 1122.63-22.63l42.83 42.84a16 16 0 010 22.62z" /><circle cx="232" cy="232" r="56" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SearchCircle = props => {
 SearchCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SearchCircleOutline.js b/src/SearchCircleOutline.js
index b639d8cbc..8b2fc0c1d 100644
--- a/src/SearchCircleOutline.js
+++ b/src/SearchCircleOutline.js
@@ -15,7 +15,7 @@ const SearchCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M232 160a72 72 0 1072 72 72 72 0 00-72-72z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M283.64 283.64L336 336"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M232 160a72 72 0 1072 72 72 72 0 00-72-72z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M283.64 283.64L336 336" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SearchCircleOutline = props => {
 SearchCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SearchCircleSharp.js b/src/SearchCircleSharp.js
index 2629aeb93..1e5c3855d 100644
--- a/src/SearchCircleSharp.js
+++ b/src/SearchCircleSharp.js
@@ -15,7 +15,7 @@ const SearchCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm80 294.63l-54.15-54.15a88.08 88.08 0 1122.63-22.63L358.63 336z"/><circle cx="232" cy="232" r="56"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64zm80 294.63l-54.15-54.15a88.08 88.08 0 1122.63-22.63L358.63 336z" /><circle cx="232" cy="232" r="56" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SearchCircleSharp = props => {
 SearchCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SearchOutline.js b/src/SearchOutline.js
index 3ee4b0e1b..45f6f6706 100644
--- a/src/SearchOutline.js
+++ b/src/SearchOutline.js
@@ -15,7 +15,7 @@ const SearchOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M338.29 338.29L448 448"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M338.29 338.29L448 448" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SearchOutline = props => {
 SearchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SearchSharp.js b/src/SearchSharp.js
index 8b3e5c40e..56382b759 100644
--- a/src/SearchSharp.js
+++ b/src/SearchSharp.js
@@ -15,7 +15,7 @@ const SearchSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SearchSharp = props => {
 SearchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Send.js b/src/Send.js
index b1e79f938..67ea3222e 100644
--- a/src/Send.js
+++ b/src/Send.js
@@ -15,7 +15,7 @@ const Send = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Send = props => {
 Send.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SendOutline.js b/src/SendOutline.js
index ced793bfc..eb9f6bfa8 100644
--- a/src/SendOutline.js
+++ b/src/SendOutline.js
@@ -15,7 +15,7 @@ const SendOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M470.3 271.15L43.16 447.31a7.83 7.83 0 01-11.16-7V327a8 8 0 016.51-7.86l247.62-47c17.36-3.29 17.36-28.15 0-31.44l-247.63-47a8 8 0 01-6.5-7.85V72.59c0-5.74 5.88-10.26 11.16-8L470.3 241.76a16 16 0 010 29.39z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M470.3 271.15L43.16 447.31a7.83 7.83 0 01-11.16-7V327a8 8 0 016.51-7.86l247.62-47c17.36-3.29 17.36-28.15 0-31.44l-247.63-47a8 8 0 01-6.5-7.85V72.59c0-5.74 5.88-10.26 11.16-8L470.3 241.76a16 16 0 010 29.39z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SendOutline = props => {
 SendOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SendSharp.js b/src/SendSharp.js
index b2ac7ccad..981855ba0 100644
--- a/src/SendSharp.js
+++ b/src/SendSharp.js
@@ -15,7 +15,7 @@ const SendSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 464l480-208L16 48v160l320 48-320 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 464l480-208L16 48v160l320 48-320 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SendSharp = props => {
 SendSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Server.js b/src/Server.js
index 06fc56688..1697aa99a 100644
--- a/src/Server.js
+++ b/src/Server.js
@@ -15,7 +15,7 @@ const Server = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 428c-52.35 0-111.39-11.61-157.93-31-17.07-7.19-31.69-18.82-43.64-28a4 4 0 00-6.43 3.18v12.58c0 28.07 23.49 53.22 66.14 70.82C152.29 471.33 202.67 480 256 480s103.7-8.67 141.86-24.42C440.51 438 464 412.83 464 384.76v-12.58a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 28-46.54 19.39-105.57 31-157.92 31zM464 126.51c-.81-27.65-24.18-52.4-66-69.85C359.74 40.76 309.34 32 256 32s-103.74 8.76-141.91 24.66c-41.78 17.41-65.15 42.11-66 69.69L48 144c0 6.41 5.2 16.48 14.63 24.73 11.13 9.73 27.65 19.33 47.78 27.73C153.24 214.36 207.67 225 256 225s102.76-10.68 145.59-28.58c20.13-8.4 36.65-18 47.78-27.73C458.8 160.49 464 150.42 464 144z"/><path d="M413.92 226c-46.53 19.43-105.57 31-157.92 31s-111.39-11.57-157.93-31c-17.07-7.15-31.69-18.79-43.64-28a4 4 0 00-6.43 3.22V232c0 6.41 5.2 14.48 14.63 22.73 11.13 9.74 27.65 19.33 47.78 27.74C153.24 300.34 207.67 311 256 311s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 246.47 464 238.41 464 232v-30.78a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.96z"/><path d="M413.92 312c-46.54 19.41-105.57 31-157.92 31s-111.39-11.59-157.93-31c-17.07-7.17-31.69-18.81-43.64-28a4 4 0 00-6.43 3.2V317c0 6.41 5.2 14.47 14.62 22.71 11.13 9.74 27.66 19.33 47.79 27.74C153.24 385.32 207.66 396 256 396s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 331.44 464 323.37 464 317v-29.8a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.98z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 428c-52.35 0-111.39-11.61-157.93-31-17.07-7.19-31.69-18.82-43.64-28a4 4 0 00-6.43 3.18v12.58c0 28.07 23.49 53.22 66.14 70.82C152.29 471.33 202.67 480 256 480s103.7-8.67 141.86-24.42C440.51 438 464 412.83 464 384.76v-12.58a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 28-46.54 19.39-105.57 31-157.92 31zM464 126.51c-.81-27.65-24.18-52.4-66-69.85C359.74 40.76 309.34 32 256 32s-103.74 8.76-141.91 24.66c-41.78 17.41-65.15 42.11-66 69.69L48 144c0 6.41 5.2 16.48 14.63 24.73 11.13 9.73 27.65 19.33 47.78 27.73C153.24 214.36 207.67 225 256 225s102.76-10.68 145.59-28.58c20.13-8.4 36.65-18 47.78-27.73C458.8 160.49 464 150.42 464 144z" /><path d="M413.92 226c-46.53 19.43-105.57 31-157.92 31s-111.39-11.57-157.93-31c-17.07-7.15-31.69-18.79-43.64-28a4 4 0 00-6.43 3.22V232c0 6.41 5.2 14.48 14.63 22.73 11.13 9.74 27.65 19.33 47.78 27.74C153.24 300.34 207.67 311 256 311s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 246.47 464 238.41 464 232v-30.78a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.96z" /><path d="M413.92 312c-46.54 19.41-105.57 31-157.92 31s-111.39-11.59-157.93-31c-17.07-7.17-31.69-18.81-43.64-28a4 4 0 00-6.43 3.2V317c0 6.41 5.2 14.47 14.62 22.71 11.13 9.74 27.66 19.33 47.79 27.74C153.24 385.32 207.66 396 256 396s102.76-10.68 145.59-28.57c20.13-8.41 36.65-18 47.78-27.74C458.8 331.44 464 323.37 464 317v-29.8a4 4 0 00-6.43-3.18c-11.95 9.17-26.57 20.81-43.65 27.98z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Server = props => {
 Server.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ServerOutline.js b/src/ServerOutline.js
index 07ffda195..50043e5f5 100644
--- a/src/ServerOutline.js
+++ b/src/ServerOutline.js
@@ -15,7 +15,7 @@ const ServerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="128" rx="192" ry="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M448 214c0 44.18-86 80-192 80S64 258.18 64 214M448 300c0 44.18-86 80-192 80S64 344.18 64 300" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M64 127.24v257.52C64 428.52 150 464 256 464s192-35.48 192-79.24V127.24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="128" rx="192" ry="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M448 214c0 44.18-86 80-192 80S64 258.18 64 214M448 300c0 44.18-86 80-192 80S64 344.18 64 300" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M64 127.24v257.52C64 428.52 150 464 256 464s192-35.48 192-79.24V127.24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ServerOutline = props => {
 ServerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ServerSharp.js b/src/ServerSharp.js
index 9dd3a093c..4505b6941 100644
--- a/src/ServerSharp.js
+++ b/src/ServerSharp.js
@@ -15,7 +15,7 @@ const ServerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M409.43 389.87C362 410 305.4 421.05 256 421.05s-105.87-11.3-153.44-31.18S48 353.16 48 353.16v38.2c0 31.15 18 43.64 67.32 64.35C153.13 471.59 203.18 480 256 480s102.87-8.41 140.68-24.29C446 435 464 422.51 464 391.36v-38.2s-7.14 16.59-54.57 36.71zM63.69 173.22c11.23 9.84 27.82 19.49 48 27.92 42.48 17.76 96.45 28.37 144.36 28.37s101.88-10.61 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 6.06-5.31 10.85-10.12 13.47-12.85a8 8 0 002.22-5.54v-26.16c-.84-28.79-24.71-54.41-67.21-72.14C358.83 40.71 308.84 32 256 32s-102.83 8.71-140.74 24.53C72.85 74.22 49 99.78 48.05 128.5v26.33a8 8 0 002.21 5.54c2.58 2.73 7.36 7.54 13.43 12.85z"/><path d="M409.43 221.91C365 241 305.4 253.09 256 253.09s-108.87-12.27-153.43-31.18S48 185.2 48 185.2v47.36c.08 7.52 5.5 16.2 15.69 25.13 11.24 9.84 27.82 19.5 48 27.92C154.12 303.38 208.09 314 256 314s101.88-10.6 144.36-28.37c20.13-8.42 36.72-18.08 47.95-27.92 10.25-9 15.68-17.71 15.69-25.27V185.2s-10.13 17.62-54.57 36.71z"/><path d="M409.43 306.38C362 326 305.4 337.56 256 337.56s-109.87-12.8-153.43-31.18S48 269.67 48 269.67v46.25c0 7.55 5.44 16.28 15.69 25.26 11.23 9.84 27.81 19.5 48 27.92 42.48 17.77 96.44 28.37 144.36 28.37s101.88-10.6 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 10.19-8.93 15.61-17.61 15.69-25.13v-46.38s-7.18 17.09-54.62 36.71z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M409.43 389.87C362 410 305.4 421.05 256 421.05s-105.87-11.3-153.44-31.18S48 353.16 48 353.16v38.2c0 31.15 18 43.64 67.32 64.35C153.13 471.59 203.18 480 256 480s102.87-8.41 140.68-24.29C446 435 464 422.51 464 391.36v-38.2s-7.14 16.59-54.57 36.71zM63.69 173.22c11.23 9.84 27.82 19.49 48 27.92 42.48 17.76 96.45 28.37 144.36 28.37s101.88-10.61 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 6.06-5.31 10.85-10.12 13.47-12.85a8 8 0 002.22-5.54v-26.16c-.84-28.79-24.71-54.41-67.21-72.14C358.83 40.71 308.84 32 256 32s-102.83 8.71-140.74 24.53C72.85 74.22 49 99.78 48.05 128.5v26.33a8 8 0 002.21 5.54c2.58 2.73 7.36 7.54 13.43 12.85z" /><path d="M409.43 221.91C365 241 305.4 253.09 256 253.09s-108.87-12.27-153.43-31.18S48 185.2 48 185.2v47.36c.08 7.52 5.5 16.2 15.69 25.13 11.24 9.84 27.82 19.5 48 27.92C154.12 303.38 208.09 314 256 314s101.88-10.6 144.36-28.37c20.13-8.42 36.72-18.08 47.95-27.92 10.25-9 15.68-17.71 15.69-25.27V185.2s-10.13 17.62-54.57 36.71z" /><path d="M409.43 306.38C362 326 305.4 337.56 256 337.56s-109.87-12.8-153.43-31.18S48 269.67 48 269.67v46.25c0 7.55 5.44 16.28 15.69 25.26 11.23 9.84 27.81 19.5 48 27.92 42.48 17.77 96.44 28.37 144.36 28.37s101.88-10.6 144.36-28.37c20.13-8.43 36.72-18.08 47.95-27.92 10.19-8.93 15.61-17.61 15.69-25.13v-46.38s-7.18 17.09-54.62 36.71z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ServerSharp = props => {
 ServerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Settings.js b/src/Settings.js
index 88c92693d..836520646 100644
--- a/src/Settings.js
+++ b/src/Settings.js
@@ -15,7 +15,7 @@ const Settings = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48"/><path d="M470.39 300l-.47-.38-31.56-24.75a16.11 16.11 0 01-6.1-13.33v-11.56a16 16 0 016.11-13.22L469.92 212l.47-.38a26.68 26.68 0 005.9-34.06l-42.71-73.9a1.59 1.59 0 01-.13-.22A26.86 26.86 0 00401 92.14l-.35.13-37.1 14.93a15.94 15.94 0 01-14.47-1.29q-4.92-3.1-10-5.86a15.94 15.94 0 01-8.19-11.82l-5.59-39.59-.12-.72A27.22 27.22 0 00298.76 26h-85.52a26.92 26.92 0 00-26.45 22.39l-.09.56-5.57 39.67a16 16 0 01-8.13 11.82 175.21 175.21 0 00-10 5.82 15.92 15.92 0 01-14.43 1.27l-37.13-15-.35-.14a26.87 26.87 0 00-32.48 11.34l-.13.22-42.77 73.95a26.71 26.71 0 005.9 34.1l.47.38 31.56 24.75a16.11 16.11 0 016.1 13.33v11.56a16 16 0 01-6.11 13.22L42.08 300l-.47.38a26.68 26.68 0 00-5.9 34.06l42.71 73.9a1.59 1.59 0 01.13.22 26.86 26.86 0 0032.45 11.3l.35-.13 37.07-14.93a15.94 15.94 0 0114.47 1.29q4.92 3.11 10 5.86a15.94 15.94 0 018.19 11.82l5.56 39.59.12.72A27.22 27.22 0 00213.24 486h85.52a26.92 26.92 0 0026.45-22.39l.09-.56 5.57-39.67a16 16 0 018.18-11.82c3.42-1.84 6.76-3.79 10-5.82a15.92 15.92 0 0114.43-1.27l37.13 14.95.35.14a26.85 26.85 0 0032.48-11.34 2.53 2.53 0 01.13-.22l42.71-73.89a26.7 26.7 0 00-5.89-34.11zm-134.48-40.24a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="48" /><path d="M470.39 300l-.47-.38-31.56-24.75a16.11 16.11 0 01-6.1-13.33v-11.56a16 16 0 016.11-13.22L469.92 212l.47-.38a26.68 26.68 0 005.9-34.06l-42.71-73.9a1.59 1.59 0 01-.13-.22A26.86 26.86 0 00401 92.14l-.35.13-37.1 14.93a15.94 15.94 0 01-14.47-1.29q-4.92-3.1-10-5.86a15.94 15.94 0 01-8.19-11.82l-5.59-39.59-.12-.72A27.22 27.22 0 00298.76 26h-85.52a26.92 26.92 0 00-26.45 22.39l-.09.56-5.57 39.67a16 16 0 01-8.13 11.82 175.21 175.21 0 00-10 5.82 15.92 15.92 0 01-14.43 1.27l-37.13-15-.35-.14a26.87 26.87 0 00-32.48 11.34l-.13.22-42.77 73.95a26.71 26.71 0 005.9 34.1l.47.38 31.56 24.75a16.11 16.11 0 016.1 13.33v11.56a16 16 0 01-6.11 13.22L42.08 300l-.47.38a26.68 26.68 0 00-5.9 34.06l42.71 73.9a1.59 1.59 0 01.13.22 26.86 26.86 0 0032.45 11.3l.35-.13 37.07-14.93a15.94 15.94 0 0114.47 1.29q4.92 3.11 10 5.86a15.94 15.94 0 018.19 11.82l5.56 39.59.12.72A27.22 27.22 0 00213.24 486h85.52a26.92 26.92 0 0026.45-22.39l.09-.56 5.57-39.67a16 16 0 018.18-11.82c3.42-1.84 6.76-3.79 10-5.82a15.92 15.92 0 0114.43-1.27l37.13 14.95.35.14a26.85 26.85 0 0032.48-11.34 2.53 2.53 0 01.13-.22l42.71-73.89a26.7 26.7 0 00-5.89-34.11zm-134.48-40.24a80 80 0 11-83.66-83.67 80.21 80.21 0 0183.66 83.67z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Settings = props => {
 Settings.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SettingsOutline.js b/src/SettingsOutline.js
index 730cfc854..94bb4f51b 100644
--- a/src/SettingsOutline.js
+++ b/src/SettingsOutline.js
@@ -15,7 +15,7 @@ const SettingsOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SettingsOutline = props => {
 SettingsOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SettingsSharp.js b/src/SettingsSharp.js
index dbdad6a43..9e20969cb 100644
--- a/src/SettingsSharp.js
+++ b/src/SettingsSharp.js
@@ -15,7 +15,7 @@ const SettingsSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 176a80 80 0 1080 80 80.24 80.24 0 00-80-80zm172.72 80a165.53 165.53 0 01-1.64 22.34l48.69 38.12a11.59 11.59 0 012.63 14.78l-46.06 79.52a11.64 11.64 0 01-14.14 4.93l-57.25-23a176.56 176.56 0 01-38.82 22.67l-8.56 60.78a11.93 11.93 0 01-11.51 9.86h-92.12a12 12 0 01-11.51-9.53l-8.56-60.78A169.3 169.3 0 01151.05 393L93.8 416a11.64 11.64 0 01-14.14-4.92L33.6 331.57a11.59 11.59 0 012.63-14.78l48.69-38.12A174.58 174.58 0 0183.28 256a165.53 165.53 0 011.64-22.34l-48.69-38.12a11.59 11.59 0 01-2.63-14.78l46.06-79.52a11.64 11.64 0 0114.14-4.93l57.25 23a176.56 176.56 0 0138.82-22.67l8.56-60.78A11.93 11.93 0 01209.94 26h92.12a12 12 0 0111.51 9.53l8.56 60.78A169.3 169.3 0 01361 119l57.2-23a11.64 11.64 0 0114.14 4.92l46.06 79.52a11.59 11.59 0 01-2.63 14.78l-48.69 38.12a174.58 174.58 0 011.64 22.66z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 176a80 80 0 1080 80 80.24 80.24 0 00-80-80zm172.72 80a165.53 165.53 0 01-1.64 22.34l48.69 38.12a11.59 11.59 0 012.63 14.78l-46.06 79.52a11.64 11.64 0 01-14.14 4.93l-57.25-23a176.56 176.56 0 01-38.82 22.67l-8.56 60.78a11.93 11.93 0 01-11.51 9.86h-92.12a12 12 0 01-11.51-9.53l-8.56-60.78A169.3 169.3 0 01151.05 393L93.8 416a11.64 11.64 0 01-14.14-4.92L33.6 331.57a11.59 11.59 0 012.63-14.78l48.69-38.12A174.58 174.58 0 0183.28 256a165.53 165.53 0 011.64-22.34l-48.69-38.12a11.59 11.59 0 01-2.63-14.78l46.06-79.52a11.64 11.64 0 0114.14-4.93l57.25 23a176.56 176.56 0 0138.82-22.67l8.56-60.78A11.93 11.93 0 01209.94 26h92.12a12 12 0 0111.51 9.53l8.56 60.78A169.3 169.3 0 01361 119l57.2-23a11.64 11.64 0 0114.14 4.92l46.06 79.52a11.59 11.59 0 01-2.63 14.78l-48.69 38.12a174.58 174.58 0 011.64 22.66z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SettingsSharp = props => {
 SettingsSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Shapes.js b/src/Shapes.js
index 813dac4ba..4edf65a1f 100644
--- a/src/Shapes.js
+++ b/src/Shapes.js
@@ -15,7 +15,7 @@ const Shapes = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336H32a16 16 0 01-14-23.81l152-272a16 16 0 0127.94 0l152 272A16 16 0 01336 336z"/><path d="M336 160a161.07 161.07 0 00-32.57 3.32l74.47 133.27A48 48 0 01336 368H183.33A160 160 0 10336 160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 336H32a16 16 0 01-14-23.81l152-272a16 16 0 0127.94 0l152 272A16 16 0 01336 336z" /><path d="M336 160a161.07 161.07 0 00-32.57 3.32l74.47 133.27A48 48 0 01336 368H183.33A160 160 0 10336 160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Shapes = props => {
 Shapes.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShapesOutline.js b/src/ShapesOutline.js
index 1195a9a1a..25cd9c03e 100644
--- a/src/ShapesOutline.js
+++ b/src/ShapesOutline.js
@@ -15,7 +15,7 @@ const ShapesOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M336 320H32L184 48l152 272zM265.32 194.51A144 144 0 11192 320"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M336 320H32L184 48l152 272zM265.32 194.51A144 144 0 11192 320" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShapesOutline = props => {
 ShapesOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShapesSharp.js b/src/ShapesSharp.js
index d6d606699..8bacadac6 100644
--- a/src/ShapesSharp.js
+++ b/src/ShapesSharp.js
@@ -15,7 +15,7 @@ const ShapesSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M363.27 336H4.73L184 16z"/><path d="M336 160a160.54 160.54 0 00-32.55 3.36l87.75 157L417.81 368H183.36C203.8 432.85 264.49 480 336 480c88.22 0 160-71.78 160-160s-71.78-160-160-160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M363.27 336H4.73L184 16z" /><path d="M336 160a160.54 160.54 0 00-32.55 3.36l87.75 157L417.81 368H183.36C203.8 432.85 264.49 480 336 480c88.22 0 160-71.78 160-160s-71.78-160-160-160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShapesSharp = props => {
 ShapesSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Share.js b/src/Share.js
index 19791ab1f..b519a8214 100644
--- a/src/Share.js
+++ b/src/Share.js
@@ -15,7 +15,7 @@ const Share = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 176H272v145a16 16 0 01-32 0V176H136a56.06 56.06 0 00-56 56v192a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V232a56.06 56.06 0 00-56-56zM272 86.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 86.63V176h32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M376 176H272v145a16 16 0 01-32 0V176H136a56.06 56.06 0 00-56 56v192a56.06 56.06 0 0056 56h240a56.06 56.06 0 0056-56V232a56.06 56.06 0 00-56-56zM272 86.63l52.69 52.68a16 16 0 0022.62-22.62l-80-80a16 16 0 00-22.62 0l-80 80a16 16 0 0022.62 22.62L240 86.63V176h32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Share = props => {
 Share.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShareOutline.js b/src/ShareOutline.js
index ec92eec24..eafb7237c 100644
--- a/src/ShareOutline.js
+++ b/src/ShareOutline.js
@@ -15,7 +15,7 @@ const ShareOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 192h40a40 40 0 0140 40v192a40 40 0 01-40 40H136a40 40 0 01-40-40V232a40 40 0 0140-40h40M336 128l-80-80-80 80M256 321V48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 192h40a40 40 0 0140 40v192a40 40 0 01-40 40H136a40 40 0 01-40-40V232a40 40 0 0140-40h40M336 128l-80-80-80 80M256 321V48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShareOutline = props => {
 ShareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShareSharp.js b/src/ShareSharp.js
index 4f883e1d5..f5fe5d4ff 100644
--- a/src/ShareSharp.js
+++ b/src/ShareSharp.js
@@ -15,7 +15,7 @@ const ShareSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 176v161h-32V176H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V188a12 12 0 00-12-12zM272 92.63l64 64L358.63 134 256 31.37 153.37 134 176 156.63l64-64V176h32V92.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M272 176v161h-32V176H92a12 12 0 00-12 12v280a12 12 0 0012 12h328a12 12 0 0012-12V188a12 12 0 00-12-12zM272 92.63l64 64L358.63 134 256 31.37 153.37 134 176 156.63l64-64V176h32V92.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShareSharp = props => {
 ShareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShareSocial.js b/src/ShareSocial.js
index eb996f6c1..38268bceb 100644
--- a/src/ShareSocial.js
+++ b/src/ShareSocial.js
@@ -15,7 +15,7 @@ const ShareSocial = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 336a63.78 63.78 0 00-46.12 19.7l-148-83.27a63.85 63.85 0 000-32.86l148-83.27a63.8 63.8 0 10-15.73-27.87l-148 83.27a64 64 0 100 88.6l148 83.27A64 64 0 10384 336z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 336a63.78 63.78 0 00-46.12 19.7l-148-83.27a63.85 63.85 0 000-32.86l148-83.27a63.8 63.8 0 10-15.73-27.87l-148 83.27a64 64 0 100 88.6l148 83.27A64 64 0 10384 336z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShareSocial = props => {
 ShareSocial.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShareSocialOutline.js b/src/ShareSocialOutline.js
index dce68aaf8..66e268e0e 100644
--- a/src/ShareSocialOutline.js
+++ b/src/ShareSocialOutline.js
@@ -15,7 +15,7 @@ const ShareSocialOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="256" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="384" cy="112" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="384" cy="400" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M169.83 279.53l172.34 96.94M342.17 135.53l-172.34 96.94"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="128" cy="256" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="384" cy="112" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="384" cy="400" r="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M169.83 279.53l172.34 96.94M342.17 135.53l-172.34 96.94" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShareSocialOutline = props => {
 ShareSocialOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShareSocialSharp.js b/src/ShareSocialSharp.js
index 280bf0cee..2872a1188 100644
--- a/src/ShareSocialSharp.js
+++ b/src/ShareSocialSharp.js
@@ -15,7 +15,7 @@ const ShareSocialSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M378 324a69.78 69.78 0 00-48.83 19.91L202 272.41a69.68 69.68 0 000-32.82l127.13-71.5A69.76 69.76 0 10308.87 129l-130.13 73.2a70 70 0 100 107.56L308.87 383A70 70 0 10378 324z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M378 324a69.78 69.78 0 00-48.83 19.91L202 272.41a69.68 69.68 0 000-32.82l127.13-71.5A69.76 69.76 0 10308.87 129l-130.13 73.2a70 70 0 100 107.56L308.87 383A70 70 0 10378 324z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShareSocialSharp = props => {
 ShareSocialSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Shield.js b/src/Shield.js
index a1b12c805..1611eb500 100644
--- a/src/Shield.js
+++ b/src/Shield.js
@@ -15,7 +15,7 @@ const Shield = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.35a16 16 0 00-13.15-14.75C379.89 81.18 343.69 69.12 266 34.16c-7.76-2.89-12.57-2.84-20 0-77.69 35-113.89 47-199.92 62.44a16 16 0 00-13.15 14.75c-3.85 61.1 4.34 118 24.36 169.15a348.86 348.86 0 0071.43 112.41c44.67 47.43 94.2 75.12 119.74 85.6a20 20 0 0015.11 0c27-10.92 74.69-37.82 119.71-85.62a348.86 348.86 0 0071.43-112.39c20.02-51.14 28.21-108.05 24.36-169.15z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.35a16 16 0 00-13.15-14.75C379.89 81.18 343.69 69.12 266 34.16c-7.76-2.89-12.57-2.84-20 0-77.69 35-113.89 47-199.92 62.44a16 16 0 00-13.15 14.75c-3.85 61.1 4.34 118 24.36 169.15a348.86 348.86 0 0071.43 112.41c44.67 47.43 94.2 75.12 119.74 85.6a20 20 0 0015.11 0c27-10.92 74.69-37.82 119.71-85.62a348.86 348.86 0 0071.43-112.39c20.02-51.14 28.21-108.05 24.36-169.15z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Shield = props => {
 Shield.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShieldCheckmark.js b/src/ShieldCheckmark.js
index fd4fbf980..21a597663 100644
--- a/src/ShieldCheckmark.js
+++ b/src/ShieldCheckmark.js
@@ -15,7 +15,7 @@ const ShieldCheckmark = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.36a16 16 0 00-13.15-14.74c-86.5-15.52-122.61-26.74-203.33-63.2a16 16 0 00-13.18 0C168.69 69.88 132.58 81.1 46.08 96.62a16 16 0 00-13.15 14.74c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73a16 16 0 0012 0c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-131 75.11l-110.8 128a16 16 0 01-11.41 5.53h-.66a16 16 0 01-11.2-4.57l-49.2-48.2a16 16 0 1122.4-22.86l37 36.29 99.7-115.13a16 16 0 0124.2 20.94z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.36a16 16 0 00-13.15-14.74c-86.5-15.52-122.61-26.74-203.33-63.2a16 16 0 00-13.18 0C168.69 69.88 132.58 81.1 46.08 96.62a16 16 0 00-13.15 14.74c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73a16 16 0 0012 0c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-131 75.11l-110.8 128a16 16 0 01-11.41 5.53h-.66a16 16 0 01-11.2-4.57l-49.2-48.2a16 16 0 1122.4-22.86l37 36.29 99.7-115.13a16 16 0 0124.2 20.94z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShieldCheckmark = props => {
 ShieldCheckmark.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShieldCheckmarkOutline.js b/src/ShieldCheckmarkOutline.js
index aaa1ed904..d588608c1 100644
--- a/src/ShieldCheckmarkOutline.js
+++ b/src/ShieldCheckmarkOutline.js
@@ -15,7 +15,7 @@ const ShieldCheckmarkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336 176L225.2 304 176 255.8"/><path d="M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M336 176L225.2 304 176 255.8" /><path d="M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShieldCheckmarkOutline = props => {
 ShieldCheckmarkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShieldCheckmarkSharp.js b/src/ShieldCheckmarkSharp.js
index 61835ee69..a525efbf8 100644
--- a/src/ShieldCheckmarkSharp.js
+++ b/src/ShieldCheckmarkSharp.js
@@ -15,7 +15,7 @@ const ShieldCheckmarkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.36l-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479.07 111.36l-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 00129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0071.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShieldCheckmarkSharp = props => {
 ShieldCheckmarkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShieldOutline.js b/src/ShieldOutline.js
index 882f3218a..c4dfc1c61 100644
--- a/src/ShieldOutline.js
+++ b/src/ShieldOutline.js
@@ -15,7 +15,7 @@ const ShieldOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShieldOutline = props => {
 ShieldOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShieldSharp.js b/src/ShieldSharp.js
index 8efb7ebfa..759326bd5 100644
--- a/src/ShieldSharp.js
+++ b/src/ShieldSharp.js
@@ -15,7 +15,7 @@ const ShieldSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C174 69.06 121.38 86.46 32 96c0 77.59 5.27 133.36 25.29 184.51a348.86 348.86 0 0071.43 112.41c49.6 52.66 104.17 80.4 127.28 87.08 23.11-6.68 77.68-34.42 127.28-87.08a348.86 348.86 0 0071.43-112.41C474.73 229.36 480 173.59 480 96c-89.38-9.54-142-26.94-224-64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32C174 69.06 121.38 86.46 32 96c0 77.59 5.27 133.36 25.29 184.51a348.86 348.86 0 0071.43 112.41c49.6 52.66 104.17 80.4 127.28 87.08 23.11-6.68 77.68-34.42 127.28-87.08a348.86 348.86 0 0071.43-112.41C474.73 229.36 480 173.59 480 96c-89.38-9.54-142-26.94-224-64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShieldSharp = props => {
 ShieldSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Shirt.js b/src/Shirt.js
index d87982a92..1a66d3c14 100644
--- a/src/Shirt.js
+++ b/src/Shirt.js
@@ -15,7 +15,7 @@ const Shirt = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 96c33.08 0 60.71-25.78 64-58 .3-3-3-6-6-6a13 13 0 00-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.21 16.21 0 00-5.3-.9h-.06a5.69 5.69 0 00-5.38 6c3.35 32.16 31 58 64 58z"/><path d="M485.29 89.9L356 44.64a4 4 0 00-5.27 3.16 96 96 0 01-189.38 0 4 4 0 00-5.35-3.16L26.71 89.9A16 16 0 0016.28 108l16.63 88a16 16 0 0013.92 12.9l48.88 5.52a8 8 0 017.1 8.19l-7.33 240.9a16 16 0 009.1 14.94A17.49 17.49 0 00112 480h288a17.49 17.49 0 007.42-1.55 16 16 0 009.1-14.94l-7.33-240.9a8 8 0 017.1-8.19l48.88-5.52a16 16 0 0013.92-12.9l16.63-88a16 16 0 00-10.43-18.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 96c33.08 0 60.71-25.78 64-58 .3-3-3-6-6-6a13 13 0 00-4.74.9c-.2.08-21.1 8.1-53.26 8.1s-53.1-8-53.26-8.1a16.21 16.21 0 00-5.3-.9h-.06a5.69 5.69 0 00-5.38 6c3.35 32.16 31 58 64 58z" /><path d="M485.29 89.9L356 44.64a4 4 0 00-5.27 3.16 96 96 0 01-189.38 0 4 4 0 00-5.35-3.16L26.71 89.9A16 16 0 0016.28 108l16.63 88a16 16 0 0013.92 12.9l48.88 5.52a8 8 0 017.1 8.19l-7.33 240.9a16 16 0 009.1 14.94A17.49 17.49 0 00112 480h288a17.49 17.49 0 007.42-1.55 16 16 0 009.1-14.94l-7.33-240.9a8 8 0 017.1-8.19l48.88-5.52a16 16 0 0013.92-12.9l16.63-88a16 16 0 00-10.43-18.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Shirt = props => {
 Shirt.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShirtOutline.js b/src/ShirtOutline.js
index c996636bc..2f4c10ee9 100644
--- a/src/ShirtOutline.js
+++ b/src/ShirtOutline.js
@@ -15,7 +15,7 @@ const ShirtOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314.56 48s-22.78 8-58.56 8-58.56-8-58.56-8a31.94 31.94 0 00-10.57 1.8L32 104l16.63 88 48.88 5.52a24 24 0 0121.29 24.58L112 464h288l-6.8-241.9a24 24 0 0121.29-24.58l48.88-5.52L480 104 325.13 49.8a31.94 31.94 0 00-10.57-1.8zM333.31 52.66a80 80 0 01-154.62 0" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314.56 48s-22.78 8-58.56 8-58.56-8-58.56-8a31.94 31.94 0 00-10.57 1.8L32 104l16.63 88 48.88 5.52a24 24 0 0121.29 24.58L112 464h288l-6.8-241.9a24 24 0 0121.29-24.58l48.88-5.52L480 104 325.13 49.8a31.94 31.94 0 00-10.57-1.8zM333.31 52.66a80 80 0 01-154.62 0" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShirtOutline = props => {
 ShirtOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShirtSharp.js b/src/ShirtSharp.js
index ee6603add..05cb40ce1 100644
--- a/src/ShirtSharp.js
+++ b/src/ShirtSharp.js
@@ -15,7 +15,7 @@ const ShirtSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 42c-33.88 0-64-10-64-10v2a64 64 0 00128 0v-2s-30.12 10-64 10z"/><path d="M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114 61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 42c-33.88 0-64-10-64-10v2a64 64 0 00128 0v-2s-30.12 10-64 10z" /><path d="M352 44c-5.49 47.76-46.79 85-96 85s-90.51-37.24-96-85L16 94l18 114 61.71 7.42c7.08.9 7.1.9 7.1 8.19L96 480h320l-6.81-256.39c-.21-7-.21-7 7.1-8.19L478 208l18-114z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShirtSharp = props => {
 ShirtSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Shuffle.js b/src/Shuffle.js
index e0b8dd42d..7cdea9789 100644
--- a/src/Shuffle.js
+++ b/src/Shuffle.js
@@ -15,7 +15,7 @@ const Shuffle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256"/><path d="M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256" /><path d="M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Shuffle = props => {
 Shuffle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShuffleOutline.js b/src/ShuffleOutline.js
index 3bf209ef6..e26cee522 100644
--- a/src/ShuffleOutline.js
+++ b/src/ShuffleOutline.js
@@ -15,7 +15,7 @@ const ShuffleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256"/><path d="M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256" /><path d="M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShuffleOutline = props => {
 ShuffleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ShuffleSharp.js b/src/ShuffleSharp.js
index a3c4c53a8..a1ba4ea9e 100644
--- a/src/ShuffleSharp.js
+++ b/src/ShuffleSharp.js
@@ -15,7 +15,7 @@ const ShuffleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h128l60-92"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 160h128l128 192h96M416 160h-96l-32 48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M400 304l48 48-48 48M400 112l48 48-48 48M64 352h128l60-92" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M64 160h128l128 192h96M416 160h-96l-32 48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ShuffleSharp = props => {
 ShuffleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Skull.js b/src/Skull.js
index 291313589..d0b057897 100644
--- a/src/Skull.js
+++ b/src/Skull.js
@@ -15,7 +15,7 @@ const Skull = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M402 76.94C362.61 37.63 310.78 16 256 16h-.37A208 208 0 0048 224v100.67A79.62 79.62 0 0098.29 399l23.71 9.42a15.92 15.92 0 019.75 11.72l10 50.13A32.09 32.09 0 00173.12 496H184a8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01224 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01320 448v40a8 8 0 008 8h10.88a32.09 32.09 0 0031.38-25.72l10-50.14a16 16 0 019.74-11.72l23.71-9.42A79.62 79.62 0 00464 324.67v-99c0-56-22-108.81-62-148.73zM171.66 335.88a56 56 0 1152.22-52.22 56 56 0 01-52.22 52.22zM281 397.25a16.37 16.37 0 01-9.3 2.75h-31.4a16.37 16.37 0 01-9.28-2.75 16 16 0 01-6.6-16.9l15.91-47.6C243 326 247.25 321 254 320.13c8.26-1 14 2.87 17.61 12.22l16 48a16 16 0 01-6.61 16.9zm66.68-61.37a56 56 0 1152.22-52.22 56 56 0 01-52.24 52.22z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M402 76.94C362.61 37.63 310.78 16 256 16h-.37A208 208 0 0048 224v100.67A79.62 79.62 0 0098.29 399l23.71 9.42a15.92 15.92 0 019.75 11.72l10 50.13A32.09 32.09 0 00173.12 496H184a8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01224 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 448v40a8 8 0 008 8 8 8 0 008-8v-39.55c0-8.61 6.62-16 15.23-16.43A16 16 0 01320 448v40a8 8 0 008 8h10.88a32.09 32.09 0 0031.38-25.72l10-50.14a16 16 0 019.74-11.72l23.71-9.42A79.62 79.62 0 00464 324.67v-99c0-56-22-108.81-62-148.73zM171.66 335.88a56 56 0 1152.22-52.22 56 56 0 01-52.22 52.22zM281 397.25a16.37 16.37 0 01-9.3 2.75h-31.4a16.37 16.37 0 01-9.28-2.75 16 16 0 01-6.6-16.9l15.91-47.6C243 326 247.25 321 254 320.13c8.26-1 14 2.87 17.61 12.22l16 48a16 16 0 01-6.61 16.9zm66.68-61.37a56 56 0 1152.22-52.22 56 56 0 01-52.24 52.22z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Skull = props => {
 Skull.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SkullOutline.js b/src/SkullOutline.js
index 917b959e9..8d36b5d2f 100644
--- a/src/SkullOutline.js
+++ b/src/SkullOutline.js
@@ -15,7 +15,7 @@ const SkullOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 225.64v99a64 64 0 01-40.23 59.42l-23.68 9.47A32 32 0 00364.6 417l-10 50.14A16 16 0 01338.88 480H173.12a16 16 0 01-15.69-12.86L147.4 417a32 32 0 00-19.49-23.44l-23.68-9.47A64 64 0 0164 324.67V224c0-105.92 85.77-191.81 191.65-192S448 119.85 448 225.64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="168" cy="280" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="344" cy="280" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 336l-16 48h32l-16-48zM256 448v32M208 448v32M304 448v32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 225.64v99a64 64 0 01-40.23 59.42l-23.68 9.47A32 32 0 00364.6 417l-10 50.14A16 16 0 01338.88 480H173.12a16 16 0 01-15.69-12.86L147.4 417a32 32 0 00-19.49-23.44l-23.68-9.47A64 64 0 0164 324.67V224c0-105.92 85.77-191.81 191.65-192S448 119.85 448 225.64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="168" cy="280" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="344" cy="280" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 336l-16 48h32l-16-48zM256 448v32M208 448v32M304 448v32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SkullOutline = props => {
 SkullOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SkullSharp.js b/src/SkullSharp.js
index ff38dfea4..93fb949b5 100644
--- a/src/SkullSharp.js
+++ b/src/SkullSharp.js
@@ -15,7 +15,7 @@ const SkullSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 16C141.31 16 48 109.31 48 224v154.83l82 32.81L146.88 496H192v-64h32v64h16v-64h32v64h16v-64h32v64h45.12L382 411.64l82-32.81V224c0-114.69-93.31-208-208-208zm-88 320a56 56 0 1156-56 56.06 56.06 0 01-56 56zm51.51 64L244 320h24l24.49 80zM344 336a56 56 0 1156-56 56.06 56.06 0 01-56 56zm104 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 16C141.31 16 48 109.31 48 224v154.83l82 32.81L146.88 496H192v-64h32v64h16v-64h32v64h16v-64h32v64h45.12L382 411.64l82-32.81V224c0-114.69-93.31-208-208-208zm-88 320a56 56 0 1156-56 56.06 56.06 0 01-56 56zm51.51 64L244 320h24l24.49 80zM344 336a56 56 0 1156-56 56.06 56.06 0 01-56 56zm104 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SkullSharp = props => {
 SkullSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Snow.js b/src/Snow.js
index ec2c3aeca..c6f0e3904 100644
--- a/src/Snow.js
+++ b/src/Snow.js
@@ -15,7 +15,7 @@ const Snow = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461 349l-34-19.64a89.53 89.53 0 0120.94-16 22 22 0 00-21.28-38.51 133.62 133.62 0 00-38.55 32.1L300 256l88.09-50.86a133.46 133.46 0 0038.55 32.1 22 22 0 1021.28-38.51 89.74 89.74 0 01-20.94-16l34-19.64A22 22 0 10439 125l-34 19.63a89.74 89.74 0 01-3.42-26.15A22 22 0 00380 96h-.41a22 22 0 00-22 21.59 133.61 133.61 0 008.5 49.41L278 217.89V116.18a133.5 133.5 0 0047.07-17.33 22 22 0 00-22.71-37.69A89.56 89.56 0 01278 71.27V38a22 22 0 00-44 0v33.27a89.56 89.56 0 01-24.36-10.11 22 22 0 10-22.71 37.69A133.5 133.5 0 00234 116.18v101.71L145.91 167a133.61 133.61 0 008.52-49.43 22 22 0 00-22-21.59H132a22 22 0 00-21.59 22.41 89.74 89.74 0 01-3.41 26.19L73 125a22 22 0 10-22 38.1l34 19.64a89.74 89.74 0 01-20.94 16 22 22 0 1021.28 38.51 133.62 133.62 0 0038.55-32.1L212 256l-88.09 50.86a133.62 133.62 0 00-38.55-32.1 22 22 0 10-21.28 38.51 89.74 89.74 0 0120.94 16L51 349a22 22 0 1022 38.1l34-19.63a89.74 89.74 0 013.42 26.15A22 22 0 00132 416h.41a22 22 0 0022-21.59 133.61 133.61 0 00-8.5-49.41L234 294.11v101.71a133.5 133.5 0 00-47.07 17.33 22 22 0 1022.71 37.69A89.56 89.56 0 01234 440.73V474a22 22 0 0044 0v-33.27a89.56 89.56 0 0124.36 10.11 22 22 0 0022.71-37.69A133.5 133.5 0 00278 395.82V294.11L366.09 345a133.61 133.61 0 00-8.52 49.43 22 22 0 0022 21.59h.43a22 22 0 0021.59-22.41 89.74 89.74 0 013.41-26.19l34 19.63A22 22 0 10461 349z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M461 349l-34-19.64a89.53 89.53 0 0120.94-16 22 22 0 00-21.28-38.51 133.62 133.62 0 00-38.55 32.1L300 256l88.09-50.86a133.46 133.46 0 0038.55 32.1 22 22 0 1021.28-38.51 89.74 89.74 0 01-20.94-16l34-19.64A22 22 0 10439 125l-34 19.63a89.74 89.74 0 01-3.42-26.15A22 22 0 00380 96h-.41a22 22 0 00-22 21.59 133.61 133.61 0 008.5 49.41L278 217.89V116.18a133.5 133.5 0 0047.07-17.33 22 22 0 00-22.71-37.69A89.56 89.56 0 01278 71.27V38a22 22 0 00-44 0v33.27a89.56 89.56 0 01-24.36-10.11 22 22 0 10-22.71 37.69A133.5 133.5 0 00234 116.18v101.71L145.91 167a133.61 133.61 0 008.52-49.43 22 22 0 00-22-21.59H132a22 22 0 00-21.59 22.41 89.74 89.74 0 01-3.41 26.19L73 125a22 22 0 10-22 38.1l34 19.64a89.74 89.74 0 01-20.94 16 22 22 0 1021.28 38.51 133.62 133.62 0 0038.55-32.1L212 256l-88.09 50.86a133.62 133.62 0 00-38.55-32.1 22 22 0 10-21.28 38.51 89.74 89.74 0 0120.94 16L51 349a22 22 0 1022 38.1l34-19.63a89.74 89.74 0 013.42 26.15A22 22 0 00132 416h.41a22 22 0 0022-21.59 133.61 133.61 0 00-8.5-49.41L234 294.11v101.71a133.5 133.5 0 00-47.07 17.33 22 22 0 1022.71 37.69A89.56 89.56 0 01234 440.73V474a22 22 0 0044 0v-33.27a89.56 89.56 0 0124.36 10.11 22 22 0 0022.71-37.69A133.5 133.5 0 00278 395.82V294.11L366.09 345a133.61 133.61 0 00-8.52 49.43 22 22 0 0022 21.59h.43a22 22 0 0021.59-22.41 89.74 89.74 0 013.41-26.19l34 19.63A22 22 0 10461 349z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Snow = props => {
 Snow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SnowOutline.js b/src/SnowOutline.js
index e81b5db6a..4a8508989 100644
--- a/src/SnowOutline.js
+++ b/src/SnowOutline.js
@@ -15,7 +15,7 @@ const SnowOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 32v448M313.72 80A111.47 111.47 0 01256 96a111.47 111.47 0 01-57.72-16M198.28 432a112.11 112.11 0 01115.44 0M449.99 144L62.01 368M437.27 218a112.09 112.09 0 01-57.71-100M74.73 294a112.09 112.09 0 0157.71 100M62.01 144l387.98 224M74.73 218a112.09 112.09 0 0057.71-100M437.27 294a112.09 112.09 0 00-57.71 100"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 32v448M313.72 80A111.47 111.47 0 01256 96a111.47 111.47 0 01-57.72-16M198.28 432a112.11 112.11 0 01115.44 0M449.99 144L62.01 368M437.27 218a112.09 112.09 0 01-57.71-100M74.73 294a112.09 112.09 0 0157.71 100M62.01 144l387.98 224M74.73 218a112.09 112.09 0 0057.71-100M437.27 294a112.09 112.09 0 00-57.71 100" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SnowOutline = props => {
 SnowOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SnowSharp.js b/src/SnowSharp.js
index 26bd6c2c2..2324d8556 100644
--- a/src/SnowSharp.js
+++ b/src/SnowSharp.js
@@ -15,7 +15,7 @@ const SnowSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.88 313.27l19.25-10.64-21.28-38.51-19.25 10.64a133.42 133.42 0 00-38.54 32.1L300 256l88.07-50.86a133.42 133.42 0 0038.54 32.1l19.25 10.64 21.28-38.51-19.25-10.64a89.27 89.27 0 01-20.93-16L480 152.05 458 114l-53 30.58a89.07 89.07 0 01-3.42-26.15l.41-22-44-.82-.41 22a133.62 133.62 0 008.49 49.39L278 217.89V116.18a133.52 133.52 0 0047.06-17.33L343.9 87.5l-22.71-37.69-18.84 11.35A89.5 89.5 0 01278 71.27V16h-44v55.27a89.5 89.5 0 01-24.35-10.11l-18.84-11.35L168.1 87.5l18.84 11.35A133.52 133.52 0 00234 116.18v101.71L145.93 167a133.62 133.62 0 008.53-49.43l-.41-22-44 .82.41 22a89.07 89.07 0 01-3.42 26.15L54 114l-22 38.1 53.05 30.64a89.27 89.27 0 01-20.93 16l-19.25 10.63 21.28 38.51 19.25-10.64a133.42 133.42 0 0038.54-32.1L212 256l-88.07 50.86a133.42 133.42 0 00-38.54-32.1l-19.24-10.64-21.28 38.51 19.25 10.64a89.27 89.27 0 0120.93 16L32 360l22 38.1 53.05-30.63a89.07 89.07 0 013.42 26.15l-.41 22 44 .82.41-22a133.62 133.62 0 00-8.54-49.44L234 294.11v101.71a133.52 133.52 0 00-47.06 17.33L168.1 424.5l22.71 37.69 18.84-11.35A89.5 89.5 0 01234 440.73V496h44v-55.27a89.5 89.5 0 0124.35 10.11l18.84 11.35 22.71-37.69-18.84-11.35A133.52 133.52 0 00278 395.82V294.11L366.07 345a133.62 133.62 0 00-8.53 49.43l.41 22 44-.82-.41-22a89.07 89.07 0 013.46-26.19l53 30.63L480 360l-53-30.69a89.27 89.27 0 0120.88-16.04z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.88 313.27l19.25-10.64-21.28-38.51-19.25 10.64a133.42 133.42 0 00-38.54 32.1L300 256l88.07-50.86a133.42 133.42 0 0038.54 32.1l19.25 10.64 21.28-38.51-19.25-10.64a89.27 89.27 0 01-20.93-16L480 152.05 458 114l-53 30.58a89.07 89.07 0 01-3.42-26.15l.41-22-44-.82-.41 22a133.62 133.62 0 008.49 49.39L278 217.89V116.18a133.52 133.52 0 0047.06-17.33L343.9 87.5l-22.71-37.69-18.84 11.35A89.5 89.5 0 01278 71.27V16h-44v55.27a89.5 89.5 0 01-24.35-10.11l-18.84-11.35L168.1 87.5l18.84 11.35A133.52 133.52 0 00234 116.18v101.71L145.93 167a133.62 133.62 0 008.53-49.43l-.41-22-44 .82.41 22a89.07 89.07 0 01-3.42 26.15L54 114l-22 38.1 53.05 30.64a89.27 89.27 0 01-20.93 16l-19.25 10.63 21.28 38.51 19.25-10.64a133.42 133.42 0 0038.54-32.1L212 256l-88.07 50.86a133.42 133.42 0 00-38.54-32.1l-19.24-10.64-21.28 38.51 19.25 10.64a89.27 89.27 0 0120.93 16L32 360l22 38.1 53.05-30.63a89.07 89.07 0 013.42 26.15l-.41 22 44 .82.41-22a133.62 133.62 0 00-8.54-49.44L234 294.11v101.71a133.52 133.52 0 00-47.06 17.33L168.1 424.5l22.71 37.69 18.84-11.35A89.5 89.5 0 01234 440.73V496h44v-55.27a89.5 89.5 0 0124.35 10.11l18.84 11.35 22.71-37.69-18.84-11.35A133.52 133.52 0 00278 395.82V294.11L366.07 345a133.62 133.62 0 00-8.53 49.43l.41 22 44-.82-.41-22a89.07 89.07 0 013.46-26.19l53 30.63L480 360l-53-30.69a89.27 89.27 0 0120.88-16.04z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SnowSharp = props => {
 SnowSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Speedometer.js b/src/Speedometer.js
index b0d8b56a2..7c068132f 100644
--- a/src/Speedometer.js
+++ b/src/Speedometer.js
@@ -15,7 +15,7 @@ const Speedometer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M425.7 118.25A240 240 0 0076.32 447l.18.2c.33.35.64.71 1 1.05.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0060.36-.42 157.13 157.13 0 01231.26 0 41.18 41.18 0 0060.65.06l3.21-3.5.18-.2a239.93 239.93 0 00-10-328.76zM240 128a16 16 0 0132 0v32a16 16 0 01-32 0zM128 304H96a16 16 0 010-32h32a16 16 0 010 32zm48.8-95.2a16 16 0 01-22.62 0l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 010 22.62zm149.3 23.1l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14zm31.72-23.1a16 16 0 01-22.62-22.62l22.62-22.63a16 16 0 0122.63 22.63zm65.88 227.6zM416 304h-32a16 16 0 010-32h32a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M425.7 118.25A240 240 0 0076.32 447l.18.2c.33.35.64.71 1 1.05.74.84 1.58 1.79 2.57 2.78a41.17 41.17 0 0060.36-.42 157.13 157.13 0 01231.26 0 41.18 41.18 0 0060.65.06l3.21-3.5.18-.2a239.93 239.93 0 00-10-328.76zM240 128a16 16 0 0132 0v32a16 16 0 01-32 0zM128 304H96a16 16 0 010-32h32a16 16 0 010 32zm48.8-95.2a16 16 0 01-22.62 0l-22.63-22.62a16 16 0 0122.63-22.63l22.62 22.63a16 16 0 010 22.62zm149.3 23.1l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14zm31.72-23.1a16 16 0 01-22.62-22.62l22.62-22.63a16 16 0 0122.63 22.63zm65.88 227.6zM416 304h-32a16 16 0 010-32h32a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Speedometer = props => {
 Speedometer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SpeedometerOutline.js b/src/SpeedometerOutline.js
index 00a849395..0c232297e 100644
--- a/src/SpeedometerOutline.js
+++ b/src/SpeedometerOutline.js
@@ -15,7 +15,7 @@ const SpeedometerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M326.1 231.9l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14z"/><path d="M256 64C132.3 64 32 164.2 32 287.9a223.18 223.18 0 0056.3 148.5c1.1 1.2 2.1 2.4 3.2 3.5a25.19 25.19 0 0037.1-.1 173.13 173.13 0 01254.8 0 25.19 25.19 0 0037.1.1l3.2-3.5A223.18 223.18 0 00480 287.9C480 164.2 379.7 64 256 64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M256 128v32M416 288h-32M128 288H96M165.49 197.49l-22.63-22.63M346.51 197.49l22.63-22.63"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M326.1 231.9l-47.5 75.5a31 31 0 01-7 7 30.11 30.11 0 01-35-49l75.5-47.5a10.23 10.23 0 0111.7 0 10.06 10.06 0 012.3 14z" /><path d="M256 64C132.3 64 32 164.2 32 287.9a223.18 223.18 0 0056.3 148.5c1.1 1.2 2.1 2.4 3.2 3.5a25.19 25.19 0 0037.1-.1 173.13 173.13 0 01254.8 0 25.19 25.19 0 0037.1.1l3.2-3.5A223.18 223.18 0 00480 287.9C480 164.2 379.7 64 256 64z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M256 128v32M416 288h-32M128 288H96M165.49 197.49l-22.63-22.63M346.51 197.49l22.63-22.63" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SpeedometerOutline = props => {
 SpeedometerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SpeedometerSharp.js b/src/SpeedometerSharp.js
index c3aacad3b..9ab22843b 100644
--- a/src/SpeedometerSharp.js
+++ b/src/SpeedometerSharp.js
@@ -15,7 +15,7 @@ const SpeedometerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0060.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 00496 290.56C496 156.55 388.54 48 256 48zm-16 64h32v64h-32zm-96 192H80v-32h64zm21.49-83.88l-45.25-45.26 22.62-22.62 45.26 45.25zM278.6 307.4a31 31 0 01-7 7 30.11 30.11 0 01-35-49L320 224zm45.28-109.91l45.26-45.25 22.62 22.62-45.25 45.26zM432 304h-64v-32h64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C123.46 48 16 156.55 16 290.56a243.3 243.3 0 0060.32 160.87c1.18 1.3 2.25 2.6 3.43 3.79C89.2 464 92.07 464 99.57 464s12.43 0 19.93-8.88C152 416.64 202 400 256 400s104.07 16.71 136.5 55.12C400 464 404.82 464 412.43 464s11.3 0 19.82-8.78c1.22-1.25 2.25-2.49 3.43-3.79A243.3 243.3 0 00496 290.56C496 156.55 388.54 48 256 48zm-16 64h32v64h-32zm-96 192H80v-32h64zm21.49-83.88l-45.25-45.26 22.62-22.62 45.26 45.25zM278.6 307.4a31 31 0 01-7 7 30.11 30.11 0 01-35-49L320 224zm45.28-109.91l45.26-45.25 22.62 22.62-45.25 45.26zM432 304h-64v-32h64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SpeedometerSharp = props => {
 SpeedometerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Square.js b/src/Square.js
index 0871bd66a..ec1715bc4 100644
--- a/src/Square.js
+++ b/src/Square.js
@@ -15,7 +15,7 @@ const Square = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Square = props => {
 Square.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SquareOutline.js b/src/SquareOutline.js
index 4f68441bb..b07d9fef4 100644
--- a/src/SquareOutline.js
+++ b/src/SquareOutline.js
@@ -15,7 +15,7 @@ const SquareOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 448H96a32.09 32.09 0 01-32-32V96a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v320a32.09 32.09 0 01-32 32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 448H96a32.09 32.09 0 01-32-32V96a32.09 32.09 0 0132-32h320a32.09 32.09 0 0132 32v320a32.09 32.09 0 01-32 32z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SquareOutline = props => {
 SquareOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SquareSharp.js b/src/SquareSharp.js
index c8e86af80..42a056e00 100644
--- a/src/SquareSharp.js
+++ b/src/SquareSharp.js
@@ -15,7 +15,7 @@ const SquareSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 48h416v416H48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M48 48h416v416H48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SquareSharp = props => {
 SquareSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Star.js b/src/Star.js
index d139fdacb..f180517f0 100644
--- a/src/Star.js
+++ b/src/Star.js
@@ -15,7 +15,7 @@ const Star = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Star = props => {
 Star.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StarHalf.js b/src/StarHalf.js
index 535a2ae30..463407588 100644
--- a/src/StarHalf.js
+++ b/src/StarHalf.js
@@ -15,7 +15,7 @@ const StarHalf = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 48v316L118 464l54-160-140-96h172l52-160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 48v316L118 464l54-160-140-96h172l52-160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StarHalf = props => {
 StarHalf.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StarHalfOutline.js b/src/StarHalfOutline.js
index 70b1a82e2..7e246fc6f 100644
--- a/src/StarHalfOutline.js
+++ b/src/StarHalfOutline.js
@@ -15,7 +15,7 @@ const StarHalfOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M256 48v316L118 464l54-160-140-96h172l52-160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M256 48v316L118 464l54-160-140-96h172l52-160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StarHalfOutline = props => {
 StarHalfOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StarHalfSharp.js b/src/StarHalfSharp.js
index b7dbe8fea..d03afe19d 100644
--- a/src/StarHalfSharp.js
+++ b/src/StarHalfSharp.js
@@ -15,7 +15,7 @@ const StarHalfSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3zM274.63 347.82L256 334.49v-200.1l26 78.91 7.24 22h105.39l-67.32 47.2-19.69 13.81 7.78 22.75 26.26 76.75z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3zM274.63 347.82L256 334.49v-200.1l26 78.91 7.24 22h105.39l-67.32 47.2-19.69 13.81 7.78 22.75 26.26 76.75z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StarHalfSharp = props => {
 StarHalfSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StarOutline.js b/src/StarOutline.js
index 9c13375e6..b15b8ff75 100644
--- a/src/StarOutline.js
+++ b/src/StarOutline.js
@@ -15,7 +15,7 @@ const StarOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StarOutline = props => {
 StarOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StarSharp.js b/src/StarSharp.js
index 5a4343a44..87e296818 100644
--- a/src/StarSharp.js
+++ b/src/StarSharp.js
@@ -15,7 +15,7 @@ const StarSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4-58.5 171.3L256 373.84 404.29 480l-58.61-171.3z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StarSharp = props => {
 StarSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StatsChart.js b/src/StatsChart.js
index 2ad95220b..790e7dc1a 100644
--- a/src/StatsChart.js
+++ b/src/StatsChart.js
@@ -15,7 +15,7 @@ const StatsChart = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M104 496H72a24 24 0 01-24-24V328a24 24 0 0124-24h32a24 24 0 0124 24v144a24 24 0 01-24 24zM328 496h-32a24 24 0 01-24-24V232a24 24 0 0124-24h32a24 24 0 0124 24v240a24 24 0 01-24 24zM440 496h-32a24 24 0 01-24-24V120a24 24 0 0124-24h32a24 24 0 0124 24v352a24 24 0 01-24 24zM216 496h-32a24 24 0 01-24-24V40a24 24 0 0124-24h32a24 24 0 0124 24v432a24 24 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M104 496H72a24 24 0 01-24-24V328a24 24 0 0124-24h32a24 24 0 0124 24v144a24 24 0 01-24 24zM328 496h-32a24 24 0 01-24-24V232a24 24 0 0124-24h32a24 24 0 0124 24v240a24 24 0 01-24 24zM440 496h-32a24 24 0 01-24-24V120a24 24 0 0124-24h32a24 24 0 0124 24v352a24 24 0 01-24 24zM216 496h-32a24 24 0 01-24-24V40a24 24 0 0124-24h32a24 24 0 0124 24v432a24 24 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StatsChart = props => {
 StatsChart.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StatsChartOutline.js b/src/StatsChartOutline.js
index 4216bf146..f6d904b77 100644
--- a/src/StatsChartOutline.js
+++ b/src/StatsChartOutline.js
@@ -15,7 +15,7 @@ const StatsChartOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="320" width="48" height="160" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="288" y="224" width="48" height="256" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="400" y="112" width="48" height="368" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="176" y="32" width="48" height="448" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="64" y="320" width="48" height="160" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="288" y="224" width="48" height="256" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="400" y="112" width="48" height="368" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="176" y="32" width="48" height="448" rx="8" ry="8" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StatsChartOutline = props => {
 StatsChartOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StatsChartSharp.js b/src/StatsChartSharp.js
index 94b3cfd91..8e4735234 100644
--- a/src/StatsChartSharp.js
+++ b/src/StatsChartSharp.js
@@ -15,7 +15,7 @@ const StatsChartSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 496H48V304h80zM352 496h-80V208h80zM464 496h-80V96h80zM240 496h-80V16h80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128 496H48V304h80zM352 496h-80V208h80zM464 496h-80V96h80zM240 496h-80V16h80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StatsChartSharp = props => {
 StatsChartSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Stop.js b/src/Stop.js
index 3351f346f..d4be27739 100644
--- a/src/Stop.js
+++ b/src/Stop.js
@@ -15,7 +15,7 @@ const Stop = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 432H120a40 40 0 01-40-40V120a40 40 0 0140-40h272a40 40 0 0140 40v272a40 40 0 01-40 40z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 432H120a40 40 0 01-40-40V120a40 40 0 0140-40h272a40 40 0 0140 40v272a40 40 0 01-40 40z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Stop = props => {
 Stop.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopCircle.js b/src/StopCircle.js
index 7db2c3e79..ade9998be 100644
--- a/src/StopCircle.js
+++ b/src/StopCircle.js
@@ -15,7 +15,7 @@ const StopCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 262.4a25.62 25.62 0 01-25.6 25.6H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 262.4a25.62 25.62 0 01-25.6 25.6H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopCircle = props => {
 StopCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopCircleOutline.js b/src/StopCircleOutline.js
index a170fe974..a6bdb4238 100644
--- a/src/StopCircleOutline.js
+++ b/src/StopCircleOutline.js
@@ -15,7 +15,7 @@ const StopCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M310.4 336H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6v108.8a25.62 25.62 0 01-25.6 25.6z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M310.4 336H201.6a25.62 25.62 0 01-25.6-25.6V201.6a25.62 25.62 0 0125.6-25.6h108.8a25.62 25.62 0 0125.6 25.6v108.8a25.62 25.62 0 01-25.6 25.6z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopCircleOutline = props => {
 StopCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopCircleSharp.js b/src/StopCircleSharp.js
index 83f5f9df7..0e7f39091 100644
--- a/src/StopCircleSharp.js
+++ b/src/StopCircleSharp.js
@@ -15,7 +15,7 @@ const StopCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288H176V176h160z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm80 288H176V176h160z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopCircleSharp = props => {
 StopCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopOutline.js b/src/StopOutline.js
index 2eb81065d..9a44981b6 100644
--- a/src/StopOutline.js
+++ b/src/StopOutline.js
@@ -15,7 +15,7 @@ const StopOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="96" width="320" height="320" rx="24" ry="24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="96" y="96" width="320" height="320" rx="24" ry="24" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopOutline = props => {
 StopOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopSharp.js b/src/StopSharp.js
index 20b9fc01d..97e1498e8 100644
--- a/src/StopSharp.js
+++ b/src/StopSharp.js
@@ -15,7 +15,7 @@ const StopSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 80h352v352H80z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M80 80h352v352H80z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopSharp = props => {
 StopSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Stopwatch.js b/src/Stopwatch.js
index 208c23164..9a6bedac1 100644
--- a/src/Stopwatch.js
+++ b/src/Stopwatch.js
@@ -15,7 +15,7 @@ const Stopwatch = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="16"/><path d="M280 81.5V72a24 24 0 00-48 0v9.5a191 191 0 00-84.43 32.13L137 103a24 24 0 00-34 34l8.6 8.6A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V152a16 16 0 0132 0v74.75A48 48 0 01256 320z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="272" r="16" /><path d="M280 81.5V72a24 24 0 00-48 0v9.5a191 191 0 00-84.43 32.13L137 103a24 24 0 00-34 34l8.6 8.6A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V152a16 16 0 0132 0v74.75A48 48 0 01256 320z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Stopwatch = props => {
 Stopwatch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopwatchOutline.js b/src/StopwatchOutline.js
index 9b2c265a7..89d255d69 100644
--- a/src/StopwatchOutline.js
+++ b/src/StopwatchOutline.js
@@ -15,7 +15,7 @@ const StopwatchOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 232v-80"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 88V72M132 132l-12-12"/><circle cx="256" cy="272" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 96a176 176 0 10176 176A176 176 0 00256 96z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 232v-80" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" d="M256 88V72M132 132l-12-12" /><circle cx="256" cy="272" r="32" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 96a176 176 0 10176 176A176 176 0 00256 96z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopwatchOutline = props => {
 StopwatchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StopwatchSharp.js b/src/StopwatchSharp.js
index 1a8e526ab..c9d84d30e 100644
--- a/src/StopwatchSharp.js
+++ b/src/StopwatchSharp.js
@@ -15,7 +15,7 @@ const StopwatchSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280 81.5V48h-48v33.5a191 191 0 00-84.43 32.13L120 86l-34 34 25.59 25.59A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V136h32v90.75A48 48 0 01256 320z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M280 81.5V48h-48v33.5a191 191 0 00-84.43 32.13L120 86l-34 34 25.59 25.59A191.17 191.17 0 0064 272c0 105.87 86.13 192 192 192s192-86.13 192-192c0-97.74-73.42-178.66-168-190.5zM256 320a48 48 0 01-16-93.25V136h32v90.75A48 48 0 01256 320z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StopwatchSharp = props => {
 StopwatchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Storefront.js b/src/Storefront.js
index 79df5a7b7..4955b4ae7 100644
--- a/src/Storefront.js
+++ b/src/Storefront.js
@@ -15,7 +15,7 @@ const Storefront = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 448h-12a4 4 0 01-4-4V273.51a4 4 0 00-5.24-3.86 104.92 104.92 0 01-28.32 4.78c-1.18 0-2.3.05-3.4.05a108.22 108.22 0 01-52.85-13.64 8.23 8.23 0 00-8 0 108.18 108.18 0 01-52.84 13.64 106.11 106.11 0 01-52.46-13.79 8.21 8.21 0 00-8.09 0 108.14 108.14 0 01-53.16 13.8 106.19 106.19 0 01-52.77-14 8.25 8.25 0 00-8.16 0 106.19 106.19 0 01-52.77 14c-1.09 0-2.19 0-3.37-.05h-.06a104.91 104.91 0 01-29.28-5.09 4 4 0 00-5.23 3.8V444a4 4 0 01-4 4H32.5c-8.64 0-16.1 6.64-16.48 15.28A16 16 0 0032 480h447.5c8.64 0 16.1-6.64 16.48-15.28A16 16 0 00480 448zm-256-68a4 4 0 01-4 4h-88a4 4 0 01-4-4v-64a12 12 0 0112-12h72a12 12 0 0112 12zm156 68h-72a4 4 0 01-4-4V316a12 12 0 0112-12h56a12 12 0 0112 12v128a4 4 0 01-4 4zM492.57 170.28l-42.92-98.49C438.41 47.62 412.74 32 384.25 32H127.7c-28.49 0-54.16 15.62-65.4 39.79l-42.92 98.49c-9 19.41 2.89 39.34 2.9 39.35l.28.45c.49.78 1.36 2 1.89 2.78.05.06.09.13.14.2l5 6.05a7.45 7.45 0 00.6.65l5 4.83.42.36a69.65 69.65 0 009.39 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31l.33-.31a7.94 7.94 0 0110.89 0l.33.31a77.3 77.3 0 00104.46 0 8 8 0 0110.87 0 77.31 77.31 0 00104.21.23 7.88 7.88 0 0110.71 0 76.81 76.81 0 0052.31 20.08h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l1.74-2.63q.26-.4.48-.84c1.66-3.38 10.56-20.76 2.35-38.42z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 448h-12a4 4 0 01-4-4V273.51a4 4 0 00-5.24-3.86 104.92 104.92 0 01-28.32 4.78c-1.18 0-2.3.05-3.4.05a108.22 108.22 0 01-52.85-13.64 8.23 8.23 0 00-8 0 108.18 108.18 0 01-52.84 13.64 106.11 106.11 0 01-52.46-13.79 8.21 8.21 0 00-8.09 0 108.14 108.14 0 01-53.16 13.8 106.19 106.19 0 01-52.77-14 8.25 8.25 0 00-8.16 0 106.19 106.19 0 01-52.77 14c-1.09 0-2.19 0-3.37-.05h-.06a104.91 104.91 0 01-29.28-5.09 4 4 0 00-5.23 3.8V444a4 4 0 01-4 4H32.5c-8.64 0-16.1 6.64-16.48 15.28A16 16 0 0032 480h447.5c8.64 0 16.1-6.64 16.48-15.28A16 16 0 00480 448zm-256-68a4 4 0 01-4 4h-88a4 4 0 01-4-4v-64a12 12 0 0112-12h72a12 12 0 0112 12zm156 68h-72a4 4 0 01-4-4V316a12 12 0 0112-12h56a12 12 0 0112 12v128a4 4 0 01-4 4zM492.57 170.28l-42.92-98.49C438.41 47.62 412.74 32 384.25 32H127.7c-28.49 0-54.16 15.62-65.4 39.79l-42.92 98.49c-9 19.41 2.89 39.34 2.9 39.35l.28.45c.49.78 1.36 2 1.89 2.78.05.06.09.13.14.2l5 6.05a7.45 7.45 0 00.6.65l5 4.83.42.36a69.65 69.65 0 009.39 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31l.33-.31a7.94 7.94 0 0110.89 0l.33.31a77.3 77.3 0 00104.46 0 8 8 0 0110.87 0 77.31 77.31 0 00104.21.23 7.88 7.88 0 0110.71 0 76.81 76.81 0 0052.31 20.08h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l1.74-2.63q.26-.4.48-.84c1.66-3.38 10.56-20.76 2.35-38.42z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Storefront = props => {
 Storefront.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StorefrontOutline.js b/src/StorefrontOutline.js
index 6b9aa23bc..83e387965 100644
--- a/src/StorefrontOutline.js
+++ b/src/StorefrontOutline.js
@@ -15,7 +15,7 @@ const StorefrontOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 448V240M64 240v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23 0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48zM32 464h448M136 288h80a24 24 0 0124 24v88h0-128 0v-88a24 24 0 0124-24zM288 464V312a24 24 0 0124-24h64a24 24 0 0124 24v152"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 448V240M64 240v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23 0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48zM32 464h448M136 288h80a24 24 0 0124 24v88h0-128 0v-88a24 24 0 0124-24zM288 464V312a24 24 0 0124-24h64a24 24 0 0124 24v152" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StorefrontOutline = props => {
 StorefrontOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/StorefrontSharp.js b/src/StorefrontSharp.js
index 243285b69..2ab5aa9e9 100644
--- a/src/StorefrontSharp.js
+++ b/src/StorefrontSharp.js
@@ -15,7 +15,7 @@ const StorefrontSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 448V267.85a104.76 104.76 0 01-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 01-56.86-16 108 108 0 01-56.85 16 106.16 106.16 0 01-56.51-16.2 107.84 107.84 0 01-57.2 16.2 106.14 106.14 0 01-56.85-16.42 106.14 106.14 0 01-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.66 104.66 0 0148 267.49V448H16v32h480v-32zm-240-64h-96v-76a4 4 0 014-4h88a4 4 0 014 4zm160 64h-80V308a4 4 0 014-4h72a4 4 0 014 4zM492.57 170.28L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37.1.13.19.27.28.4l5.24 6.39 5.31 5.14.42.36a69.65 69.65 0 009.44 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31 72.38 72.38 0 005.77-6 74.18 74.18 0 005.78 6 76.08 76.08 0 0051.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 01.15 0l5.66 5.26a76.09 76.09 0 0051.9 20.31c23.29 0 44.11-10 57.66-25.61 13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 448V267.85a104.76 104.76 0 01-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 01-56.86-16 108 108 0 01-56.85 16 106.16 106.16 0 01-56.51-16.2 107.84 107.84 0 01-57.2 16.2 106.14 106.14 0 01-56.85-16.42 106.14 106.14 0 01-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.66 104.66 0 0148 267.49V448H16v32h480v-32zm-240-64h-96v-76a4 4 0 014-4h88a4 4 0 014 4zm160 64h-80V308a4 4 0 014-4h72a4 4 0 014 4zM492.57 170.28L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37.1.13.19.27.28.4l5.24 6.39 5.31 5.14.42.36a69.65 69.65 0 009.44 6.78v.05a74 74 0 0036 10.67h2.47a76.08 76.08 0 0051.89-20.31 72.38 72.38 0 005.77-6 74.18 74.18 0 005.78 6 76.08 76.08 0 0051.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 01.15 0l5.66 5.26a76.09 76.09 0 0051.9 20.31c23.29 0 44.11-10 57.66-25.61 13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0035-10.7c.95-.57 1.86-1.17 2.78-1.77A71.33 71.33 0 00488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const StorefrontSharp = props => {
 StorefrontSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Subway.js b/src/Subway.js
index a04d4119e..a2f1b19b8 100644
--- a/src/Subway.js
+++ b/src/Subway.js
@@ -15,7 +15,7 @@ const Subway = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 16H160a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h192a64.07 64.07 0 0064-64V80a64.07 64.07 0 00-64-64zM208 64h96a16 16 0 010 32h-96a16 16 0 010-32zm-32 288a32 32 0 1132-32 32 32 0 01-32 32zm160 0a32 32 0 1132-32 32 32 0 01-32 32zm48-160a16 16 0 01-16 16H144a16 16 0 01-16-16v-32a16 16 0 0116-16h224a16 16 0 0116 16zM347.31 420.69a16 16 0 00-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 00-22.62-22.62l-48 48a16 16 0 1022.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0022.62-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M352 16H160a64.07 64.07 0 00-64 64v256a64.07 64.07 0 0064 64h192a64.07 64.07 0 0064-64V80a64.07 64.07 0 00-64-64zM208 64h96a16 16 0 010 32h-96a16 16 0 010-32zm-32 288a32 32 0 1132-32 32 32 0 01-32 32zm160 0a32 32 0 1132-32 32 32 0 01-32 32zm48-160a16 16 0 01-16 16H144a16 16 0 01-16-16v-32a16 16 0 0116-16h224a16 16 0 0116 16zM347.31 420.69a16 16 0 00-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 00-22.62-22.62l-48 48a16 16 0 1022.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0022.62-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Subway = props => {
 Subway.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SubwayOutline.js b/src/SubwayOutline.js
index 7290d5c2a..0a31bec5f 100644
--- a/src/SubwayOutline.js
+++ b/src/SubwayOutline.js
@@ -15,7 +15,7 @@ const SubwayOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="32" width="288" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 80h96"/><rect x="112" y="128" width="288" height="96" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="176" cy="320" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><circle cx="336" cy="320" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 464h224M336 432l48 48M176 432l-48 48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="32" width="288" height="352" rx="48" ry="48" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 80h96" /><rect x="112" y="128" width="288" height="96" rx="32" ry="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="176" cy="320" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><circle cx="336" cy="320" r="16" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M144 464h224M336 432l48 48M176 432l-48 48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SubwayOutline = props => {
 SubwayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SubwaySharp.js b/src/SubwaySharp.js
index b51808da6..f277edb48 100644
--- a/src/SubwaySharp.js
+++ b/src/SubwaySharp.js
@@ -15,7 +15,7 @@ const SubwaySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 16H120a24 24 0 00-24 24v336a24 24 0 0024 24h272a24 24 0 0024-24V40a24 24 0 00-24-24zM208 64h95.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 96h-95.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01208 64zm-28.53 287.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zm160 0a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM384 144v64H128v-64zM298 416l31.37 32H182.63L214 416h-44l-80.57 80h45.2l16-16h210.74l16 16h45.3L343 416h-45z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M392 16H120a24 24 0 00-24 24v336a24 24 0 0024 24h272a24 24 0 0024-24V40a24 24 0 00-24-24zM208 64h95.55c8.61 0 16 6.62 16.43 15.23A16 16 0 01304 96h-95.55c-8.61 0-16-6.62-16.43-15.23A16 16 0 01208 64zm-28.53 287.82a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zm160 0a32 32 0 1128.35-28.35 32 32 0 01-28.35 28.35zM384 144v64H128v-64zM298 416l31.37 32H182.63L214 416h-44l-80.57 80h45.2l16-16h210.74l16 16h45.3L343 416h-45z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SubwaySharp = props => {
 SubwaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Sunny.js b/src/Sunny.js
index b51ccd281..6f14aae08 100644
--- a/src/Sunny.js
+++ b/src/Sunny.js
@@ -15,7 +15,7 @@ const Sunny = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 118a22 22 0 01-22-22V48a22 22 0 0144 0v48a22 22 0 01-22 22zM256 486a22 22 0 01-22-22v-48a22 22 0 0144 0v48a22 22 0 01-22 22zM369.14 164.86a22 22 0 01-15.56-37.55l33.94-33.94a22 22 0 0131.11 31.11l-33.94 33.94a21.93 21.93 0 01-15.55 6.44zM108.92 425.08a22 22 0 01-15.55-37.56l33.94-33.94a22 22 0 1131.11 31.11l-33.94 33.94a21.94 21.94 0 01-15.56 6.45zM464 278h-48a22 22 0 010-44h48a22 22 0 010 44zM96 278H48a22 22 0 010-44h48a22 22 0 010 44zM403.08 425.08a21.94 21.94 0 01-15.56-6.45l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.55 37.56zM142.86 164.86a21.89 21.89 0 01-15.55-6.44l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.56 37.55zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 118a22 22 0 01-22-22V48a22 22 0 0144 0v48a22 22 0 01-22 22zM256 486a22 22 0 01-22-22v-48a22 22 0 0144 0v48a22 22 0 01-22 22zM369.14 164.86a22 22 0 01-15.56-37.55l33.94-33.94a22 22 0 0131.11 31.11l-33.94 33.94a21.93 21.93 0 01-15.55 6.44zM108.92 425.08a22 22 0 01-15.55-37.56l33.94-33.94a22 22 0 1131.11 31.11l-33.94 33.94a21.94 21.94 0 01-15.56 6.45zM464 278h-48a22 22 0 010-44h48a22 22 0 010 44zM96 278H48a22 22 0 010-44h48a22 22 0 010 44zM403.08 425.08a21.94 21.94 0 01-15.56-6.45l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.55 37.56zM142.86 164.86a21.89 21.89 0 01-15.55-6.44l-33.94-33.94a22 22 0 0131.11-31.11l33.94 33.94a22 22 0 01-15.56 37.55zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Sunny = props => {
 Sunny.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SunnyOutline.js b/src/SunnyOutline.js
index a7174aa94..eece6af76 100644
--- a/src/SunnyOutline.js
+++ b/src/SunnyOutline.js
@@ -15,7 +15,7 @@ const SunnyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M256 48v48M256 416v48M403.08 108.92l-33.94 33.94M142.86 369.14l-33.94 33.94M464 256h-48M96 256H48M403.08 403.08l-33.94-33.94M142.86 142.86l-33.94-33.94" /><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SunnyOutline = props => {
 SunnyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SunnySharp.js b/src/SunnySharp.js
index acc5386ba..9861d33eb 100644
--- a/src/SunnySharp.js
+++ b/src/SunnySharp.js
@@ -15,7 +15,7 @@ const SunnySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M234 26h44v92h-44zM234 394h44v92h-44zM338.025 142.857l65.054-65.054 31.113 31.113-65.054 65.054zM77.815 403.074l65.054-65.054 31.113 31.113-65.054 65.054zM394 234h92v44h-92zM26 234h92v44H26zM338.029 369.14l31.112-31.113 65.054 65.054-31.112 31.112zM77.802 108.92l31.113-31.113 65.054 65.054-31.113 31.112zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M234 26h44v92h-44zM234 394h44v92h-44zM338.025 142.857l65.054-65.054 31.113 31.113-65.054 65.054zM77.815 403.074l65.054-65.054 31.113 31.113-65.054 65.054zM394 234h92v44h-92zM26 234h92v44H26zM338.029 369.14l31.112-31.113 65.054 65.054-31.112 31.112zM77.802 108.92l31.113-31.113 65.054 65.054-31.113 31.112zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SunnySharp = props => {
 SunnySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapHorizontal.js b/src/SwapHorizontal.js
index e4076b0b2..0a7fcd59e 100644
--- a/src/SwapHorizontal.js
+++ b/src/SwapHorizontal.js
@@ -15,7 +15,7 @@ const SwapHorizontal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapHorizontal = props => {
 SwapHorizontal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapHorizontalOutline.js b/src/SwapHorizontalOutline.js
index b590147aa..ecb6803a6 100644
--- a/src/SwapHorizontalOutline.js
+++ b/src/SwapHorizontalOutline.js
@@ -15,7 +15,7 @@ const SwapHorizontalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapHorizontalOutline = props => {
 SwapHorizontalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapHorizontalSharp.js b/src/SwapHorizontalSharp.js
index 81f46d392..17493ab9b 100644
--- a/src/SwapHorizontalSharp.js
+++ b/src/SwapHorizontalSharp.js
@@ -15,7 +15,7 @@ const SwapHorizontalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M304 48l112 112-112 112M398.87 160H96M208 464L96 352l112-112M114 352h302" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapHorizontalSharp = props => {
 SwapHorizontalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapVertical.js b/src/SwapVertical.js
index bce127a52..6931b658a 100644
--- a/src/SwapVertical.js
+++ b/src/SwapVertical.js
@@ -15,7 +15,7 @@ const SwapVertical = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapVertical = props => {
 SwapVertical.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapVerticalOutline.js b/src/SwapVerticalOutline.js
index 795e98cf0..446315ecb 100644
--- a/src/SwapVerticalOutline.js
+++ b/src/SwapVerticalOutline.js
@@ -15,7 +15,7 @@ const SwapVerticalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapVerticalOutline = props => {
 SwapVerticalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SwapVerticalSharp.js b/src/SwapVerticalSharp.js
index cccb59653..971dfdacb 100644
--- a/src/SwapVerticalSharp.js
+++ b/src/SwapVerticalSharp.js
@@ -15,7 +15,7 @@ const SwapVerticalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M464 208L352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SwapVerticalSharp = props => {
 SwapVerticalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Sync.js b/src/Sync.js
index af32ae777..9dd4ce11e 100644
--- a/src/Sync.js
+++ b/src/Sync.js
@@ -15,7 +15,7 @@ const Sync = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Sync = props => {
 Sync.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SyncCircle.js b/src/SyncCircle.js
index 8f3d4174d..95b0afb87 100644
--- a/src/SyncCircle.js
+++ b/src/SyncCircle.js
@@ -15,7 +15,7 @@ const SyncCircle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm83.69 282.65a112.24 112.24 0 01-195-61.29 16 16 0 01-20.13-24.67l23.6-23.6a16 16 0 0122.37-.25l24.67 23.6a16 16 0 01-18 26 80.25 80.25 0 00138.72 38.83 16 16 0 0123.77 21.41zm47.76-63.34l-23.6 23.6a16 16 0 01-22.37.25l-24.67-23.6a16 16 0 0117.68-26.11A80.17 80.17 0 00196 202.64a16 16 0 11-23.82-21.37 112.17 112.17 0 01194.88 61.57 16 16 0 0120.39 24.47z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm83.69 282.65a112.24 112.24 0 01-195-61.29 16 16 0 01-20.13-24.67l23.6-23.6a16 16 0 0122.37-.25l24.67 23.6a16 16 0 01-18 26 80.25 80.25 0 00138.72 38.83 16 16 0 0123.77 21.41zm47.76-63.34l-23.6 23.6a16 16 0 01-22.37.25l-24.67-23.6a16 16 0 0117.68-26.11A80.17 80.17 0 00196 202.64a16 16 0 11-23.82-21.37 112.17 112.17 0 01194.88 61.57 16 16 0 0120.39 24.47z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SyncCircle = props => {
 SyncCircle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SyncCircleOutline.js b/src/SyncCircleOutline.js
index a13263fa7..7c9368793 100644
--- a/src/SyncCircleOutline.js
+++ b/src/SyncCircleOutline.js
@@ -15,7 +15,7 @@ const SyncCircleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M351.82 271.87v-16A96.15 96.15 0 00184.09 192m-24.2 48.17v16A96.22 96.22 0 00327.81 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M135.87 256l23.59-23.6 24.67 23.6M376.13 256l-23.59 23.6-24.67-23.6"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M351.82 271.87v-16A96.15 96.15 0 00184.09 192m-24.2 48.17v16A96.22 96.22 0 00327.81 320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M135.87 256l23.59-23.6 24.67 23.6M376.13 256l-23.59 23.6-24.67-23.6" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SyncCircleOutline = props => {
 SyncCircleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SyncCircleSharp.js b/src/SyncCircleSharp.js
index 7ba2d12b0..af6e0e492 100644
--- a/src/SyncCircleSharp.js
+++ b/src/SyncCircleSharp.js
@@ -15,7 +15,7 @@ const SyncCircleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm0 320a112.19 112.19 0 01-111.27-98.23l-8.86 8.86L113.24 256l46-46 47.55 45.48-22.12 23.12-7.2-6.88a80.26 80.26 0 00138.48 37.5l23.77 21.41A112.82 112.82 0 01256 368zm96.79-66l-47.55-45.5 22.12-23.12 6.86 6.55A80.2 80.2 0 00196 202.64l-23.82-21.37A112.18 112.18 0 01367 242.49l9.11-9.12L398.76 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm0 320a112.19 112.19 0 01-111.27-98.23l-8.86 8.86L113.24 256l46-46 47.55 45.48-22.12 23.12-7.2-6.88a80.26 80.26 0 00138.48 37.5l23.77 21.41A112.82 112.82 0 01256 368zm96.79-66l-47.55-45.5 22.12-23.12 6.86 6.55A80.2 80.2 0 00196 202.64l-23.82-21.37A112.18 112.18 0 01367 242.49l9.11-9.12L398.76 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SyncCircleSharp = props => {
 SyncCircleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SyncOutline.js b/src/SyncOutline.js
index 9b9d49008..28af44ed3 100644
--- a/src/SyncOutline.js
+++ b/src/SyncOutline.js
@@ -15,7 +15,7 @@ const SyncOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SyncOutline = props => {
 SyncOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/SyncSharp.js b/src/SyncSharp.js
index 6061061ed..73ee9e946 100644
--- a/src/SyncSharp.js
+++ b/src/SyncSharp.js
@@ -15,7 +15,7 @@ const SyncSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const SyncSharp = props => {
 SyncSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletLandscape.js b/src/TabletLandscape.js
index a16de3cfe..c71b2f8bb 100644
--- a/src/TabletLandscape.js
+++ b/src/TabletLandscape.js
@@ -15,7 +15,7 @@ const TabletLandscape = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M512 128v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64zM32 384a32 32 0 0032 32h384a32 32 0 0032-32V128a32 32 0 00-32-32H64a32 32 0 00-32 32z"/><path d="M0 128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128m480 256V128a32 32 0 00-32-32H64a32 32 0 00-32 32v256a32 32 0 0032 32h384a32 32 0 0032-32m-16 0a16 16 0 01-16 16H64a16 16 0 01-16-16V128a16 16 0 0116-16h384a16 16 0 0116 16v256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M512 128v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64zM32 384a32 32 0 0032 32h384a32 32 0 0032-32V128a32 32 0 00-32-32H64a32 32 0 00-32 32z" /><path d="M0 128a64.07 64.07 0 0164-64h384a64.07 64.07 0 0164 64v256a64.07 64.07 0 01-64 64H64a64.07 64.07 0 01-64-64V128m480 256V128a32 32 0 00-32-32H64a32 32 0 00-32 32v256a32 32 0 0032 32h384a32 32 0 0032-32m-16 0a16 16 0 01-16 16H64a16 16 0 01-16-16V128a16 16 0 0116-16h384a16 16 0 0116 16v256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletLandscape = props => {
 TabletLandscape.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletLandscapeOutline.js b/src/TabletLandscapeOutline.js
index 6cc6fa5f5..afa701896 100644
--- a/src/TabletLandscapeOutline.js
+++ b/src/TabletLandscapeOutline.js
@@ -15,7 +15,7 @@ const TabletLandscapeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="352" height="480" rx="48" ry="48" transform="rotate(-90 256 256)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="352" height="480" rx="48" ry="48" transform="rotate(-90 256 256)" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletLandscapeOutline = props => {
 TabletLandscapeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletLandscapeSharp.js b/src/TabletLandscapeSharp.js
index 1c38f964d..2d9df2fcb 100644
--- a/src/TabletLandscapeSharp.js
+++ b/src/TabletLandscapeSharp.js
@@ -15,7 +15,7 @@ const TabletLandscapeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 82v348a18 18 0 0018 18h476a18 18 0 0018-18V82a18 18 0 00-18-18H18A18 18 0 000 82zm448 330H64V100h384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M0 82v348a18 18 0 0018 18h476a18 18 0 0018-18V82a18 18 0 00-18-18H18A18 18 0 000 82zm448 330H64V100h384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletLandscapeSharp = props => {
 TabletLandscapeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletPortrait.js b/src/TabletPortrait.js
index 2ec034482..2c8717737 100644
--- a/src/TabletPortrait.js
+++ b/src/TabletPortrait.js
@@ -15,7 +15,7 @@ const TabletPortrait = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 512H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64zM128 32a32 32 0 00-32 32v384a32 32 0 0032 32h256a32 32 0 0032-32V64a32 32 0 00-32-32z"/><path d="M384 0a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256M128 480h256a32 32 0 0032-32V64a32 32 0 00-32-32H128a32 32 0 00-32 32v384a32 32 0 0032 32m0-16a16 16 0 01-16-16V64a16 16 0 0116-16h256a16 16 0 0116 16v384a16 16 0 01-16 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 512H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64zM128 32a32 32 0 00-32 32v384a32 32 0 0032 32h256a32 32 0 0032-32V64a32 32 0 00-32-32z" /><path d="M384 0a64.07 64.07 0 0164 64v384a64.07 64.07 0 01-64 64H128a64.07 64.07 0 01-64-64V64a64.07 64.07 0 0164-64h256M128 480h256a32 32 0 0032-32V64a32 32 0 00-32-32H128a32 32 0 00-32 32v384a32 32 0 0032 32m0-16a16 16 0 01-16-16V64a16 16 0 0116-16h256a16 16 0 0116 16v384a16 16 0 01-16 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletPortrait = props => {
 TabletPortrait.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletPortraitOutline.js b/src/TabletPortraitOutline.js
index 7bee916cd..4449bb1d8 100644
--- a/src/TabletPortraitOutline.js
+++ b/src/TabletPortraitOutline.js
@@ -15,7 +15,7 @@ const TabletPortraitOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="352" height="480" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="80" y="16" width="352" height="480" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletPortraitOutline = props => {
 TabletPortraitOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TabletPortraitSharp.js b/src/TabletPortraitSharp.js
index 8c7920b2d..3131ff61e 100644
--- a/src/TabletPortraitSharp.js
+++ b/src/TabletPortraitSharp.js
@@ -15,7 +15,7 @@ const TabletPortraitSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 0H82a18 18 0 00-18 18v476a18 18 0 0018 18h348a18 18 0 0018-18V18a18 18 0 00-18-18zM100 448V64h312v384z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M430 0H82a18 18 0 00-18 18v476a18 18 0 0018 18h348a18 18 0 0018-18V18a18 18 0 00-18-18zM100 448V64h312v384z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TabletPortraitSharp = props => {
 TabletPortraitSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Telescope.js b/src/Telescope.js
index c114ed79b..7e26265fb 100644
--- a/src/Telescope.js
+++ b/src/Telescope.js
@@ -15,7 +15,7 @@ const Telescope = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M107.56 250a16 16 0 00-21.85-5.86L36 272.81a39.71 39.71 0 00-18.8 24.91 40.9 40.9 0 004.55 30.35l4.36 7.54a40 40 0 0054.62 14.62l49.67-28.63a16 16 0 005.87-21.86z"/><path d="M382.84 440.8L288.72 254a2 2 0 01.79-2.63l8.3-4.79a16 16 0 005.86-21.86l-47.53-82.33a16 16 0 00-21.86-5.87l-86.38 49.8a39.73 39.73 0 00-18.65 24.28 34.82 34.82 0 00-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28 9.59 16.75 19.24 33.88 26.34 38.15 4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1029.05 13.42l93.68-202.65a7.94 7.94 0 013.26-3.57l19.21-11.08a2 2 0 012.78.84l93.21 185a16 16 0 0028.58-14.4zM490.21 115.74L444.09 36a40.08 40.08 0 00-54.63-14.62l-93.34 53.78a39.69 39.69 0 00-18.65 24.28 32.76 32.76 0 00-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89 13.58 23.73 28.91 50.48 36.93 56.27a40.18 40.18 0 0023.18 7.37 39.77 39.77 0 0019.92-5.34L476 171.07a39.72 39.72 0 0018.79-24.84 41 41 0 00-4.58-30.49z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M107.56 250a16 16 0 00-21.85-5.86L36 272.81a39.71 39.71 0 00-18.8 24.91 40.9 40.9 0 004.55 30.35l4.36 7.54a40 40 0 0054.62 14.62l49.67-28.63a16 16 0 005.87-21.86z" /><path d="M382.84 440.8L288.72 254a2 2 0 01.79-2.63l8.3-4.79a16 16 0 005.86-21.86l-47.53-82.33a16 16 0 00-21.86-5.87l-86.38 49.8a39.73 39.73 0 00-18.65 24.28 34.82 34.82 0 00-1.37 9.76c.06 7.6 9.2 22.7 18.12 38.28 9.59 16.75 19.24 33.88 26.34 38.15 4.52 2.72 12.5 4.9 19.21 4.9h.84l-79.32 171.6a16 16 0 1029.05 13.42l93.68-202.65a7.94 7.94 0 013.26-3.57l19.21-11.08a2 2 0 012.78.84l93.21 185a16 16 0 0028.58-14.4zM490.21 115.74L444.09 36a40.08 40.08 0 00-54.63-14.62l-93.34 53.78a39.69 39.69 0 00-18.65 24.28 32.76 32.76 0 00-1.27 13.25c1.74 12.62 13 30.4 26.41 53.89 13.58 23.73 28.91 50.48 36.93 56.27a40.18 40.18 0 0023.18 7.37 39.77 39.77 0 0019.92-5.34L476 171.07a39.72 39.72 0 0018.79-24.84 41 41 0 00-4.58-30.49z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Telescope = props => {
 Telescope.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TelescopeOutline.js b/src/TelescopeOutline.js
index f1a50470c..1b2fd4f24 100644
--- a/src/TelescopeOutline.js
+++ b/src/TelescopeOutline.js
@@ -15,7 +15,7 @@ const TelescopeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M39.93 327.56l-4.71-8.13A24 24 0 0144 286.64l86.87-50.07a16 16 0 0121.89 5.86l12.71 22a16 16 0 01-5.86 21.85l-86.85 50.07a24.06 24.06 0 01-32.83-8.79z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M170.68 273.72L147.12 233a24 24 0 018.8-32.78l124.46-71.75a16 16 0 0121.89 5.86l31.57 54.59a16 16 0 01-5.84 21.84L203.51 282.5a24 24 0 01-32.83-8.78zM341.85 202.21l-46.51-80.43a24 24 0 018.8-32.78l93.29-53.78A24.07 24.07 0 01430.27 44l46.51 80.43a24 24 0 01-8.8 32.79L374.69 211a24.06 24.06 0 01-32.84-8.79zM127.59 480l96.14-207.99M271.8 256.02L368.55 448"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M39.93 327.56l-4.71-8.13A24 24 0 0144 286.64l86.87-50.07a16 16 0 0121.89 5.86l12.71 22a16 16 0 01-5.86 21.85l-86.85 50.07a24.06 24.06 0 01-32.83-8.79z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M170.68 273.72L147.12 233a24 24 0 018.8-32.78l124.46-71.75a16 16 0 0121.89 5.86l31.57 54.59a16 16 0 01-5.84 21.84L203.51 282.5a24 24 0 01-32.83-8.78zM341.85 202.21l-46.51-80.43a24 24 0 018.8-32.78l93.29-53.78A24.07 24.07 0 01430.27 44l46.51 80.43a24 24 0 01-8.8 32.79L374.69 211a24.06 24.06 0 01-32.84-8.79zM127.59 480l96.14-207.99M271.8 256.02L368.55 448" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TelescopeOutline = props => {
 TelescopeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TelescopeSharp.js b/src/TelescopeSharp.js
index 689172094..83e70fdbc 100644
--- a/src/TelescopeSharp.js
+++ b/src/TelescopeSharp.js
@@ -15,7 +15,7 @@ const TelescopeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M1.41 292.9l44.82 76.97 98.14-56.38-44.73-77.37L1.41 292.9z"/><path d="M287.87 252.34l23.67-13.81-63.42-110-132.92 77C133.75 237.51 176 310 176 310l15.53-8.32c.24-.13.55 0 .83 0L102.65 496h35.16l99.05-214.25 23.24-13.4L358 464h36zM262.08 96c24.81 42.23 60.25 104.25 86.4 148.76L510.79 151 424.07 1.41z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M1.41 292.9l44.82 76.97 98.14-56.38-44.73-77.37L1.41 292.9z" /><path d="M287.87 252.34l23.67-13.81-63.42-110-132.92 77C133.75 237.51 176 310 176 310l15.53-8.32c.24-.13.55 0 .83 0L102.65 496h35.16l99.05-214.25 23.24-13.4L358 464h36zM262.08 96c24.81 42.23 60.25 104.25 86.4 148.76L510.79 151 424.07 1.41z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TelescopeSharp = props => {
 TelescopeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Tennisball.js b/src/Tennisball.js
index 0780682f5..866e734f6 100644
--- a/src/Tennisball.js
+++ b/src/Tennisball.js
@@ -15,7 +15,7 @@ const Tennisball = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256a192.55 192.55 0 0032-2.68A224 224 0 00258.68 32 192.55 192.55 0 00256 64c0 105.87 86.13 192 192 192zM253.35 480c.94-5.67 1.65-11.4 2.09-17.18.37-4.88.56-9.86.56-14.79 0-105.87-86.13-192-192-192a192.55 192.55 0 00-32 2.68A224 224 0 00253.35 480z"/><path d="M289.61 222.39A222.53 222.53 0 01224 64a226.07 226.07 0 012-30A224.1 224.1 0 0034 226a226.07 226.07 0 0130-2 222.53 222.53 0 01158.39 65.61A222.53 222.53 0 01288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 00478 286a226.07 226.07 0 01-30 2 222.53 222.53 0 01-158.39-65.61z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M448 256a192.55 192.55 0 0032-2.68A224 224 0 00258.68 32 192.55 192.55 0 00256 64c0 105.87 86.13 192 192 192zM253.35 480c.94-5.67 1.65-11.4 2.09-17.18.37-4.88.56-9.86.56-14.79 0-105.87-86.13-192-192-192a192.55 192.55 0 00-32 2.68A224 224 0 00253.35 480z" /><path d="M289.61 222.39A222.53 222.53 0 01224 64a226.07 226.07 0 012-30A224.1 224.1 0 0034 226a226.07 226.07 0 0130-2 222.53 222.53 0 01158.39 65.61A222.53 222.53 0 01288 448c0 5.74-.22 11.53-.65 17.22q-.5 6.42-1.36 12.79A224.12 224.12 0 00478 286a226.07 226.07 0 01-30 2 222.53 222.53 0 01-158.39-65.61z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Tennisball = props => {
 Tennisball.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TennisballOutline.js b/src/TennisballOutline.js
index f59e6c5df..5300c75f7 100644
--- a/src/TennisballOutline.js
+++ b/src/TennisballOutline.js
@@ -15,7 +15,7 @@ const TennisballOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M461.43 271.44c-5.09.37-8.24.56-13.43.56-114.88 0-208-93.12-208-208 0-5.37.2-8.69.6-14M49.65 240.56S58.84 240 64 240c114.88 0 208 93.12 208 208 0 5.38-.61 14-.61 14" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M461.43 271.44c-5.09.37-8.24.56-13.43.56-114.88 0-208-93.12-208-208 0-5.37.2-8.69.6-14M49.65 240.56S58.84 240 64 240c114.88 0 208 93.12 208 208 0 5.38-.61 14-.61 14" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TennisballOutline = props => {
 TennisballOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TennisballSharp.js b/src/TennisballSharp.js
index e0ae0be4e..90284aaf4 100644
--- a/src/TennisballSharp.js
+++ b/src/TennisballSharp.js
@@ -15,7 +15,7 @@ const TennisballSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M246.4 480a181 181 0 003.22-22.86c.35-4.61.53-9.31.53-14 0-100-81.34-181.32-181.32-181.32A181.72 181.72 0 0032 265.61 224.2 224.2 0 00246.4 480z"/><path d="M284.63 227.37A222.73 222.73 0 01219 68.83a227.09 227.09 0 012.62-34.42A224.41 224.41 0 0034.41 221.58 227.09 227.09 0 0168.83 219a222.73 222.73 0 01158.54 65.67A222.73 222.73 0 01293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 00187.24-187.18 227.09 227.09 0 01-34.42 2.58 222.73 222.73 0 01-158.54-65.63z"/><path d="M443.17 250.15a181.72 181.72 0 0036.83-3.76A224.2 224.2 0 00265.61 32a181.72 181.72 0 00-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M246.4 480a181 181 0 003.22-22.86c.35-4.61.53-9.31.53-14 0-100-81.34-181.32-181.32-181.32A181.72 181.72 0 0032 265.61 224.2 224.2 0 00246.4 480z" /><path d="M284.63 227.37A222.73 222.73 0 01219 68.83a227.09 227.09 0 012.62-34.42A224.41 224.41 0 0034.41 221.58 227.09 227.09 0 0168.83 219a222.73 222.73 0 01158.54 65.67A222.73 222.73 0 01293 443.17c0 5.74-.22 11.54-.65 17.23s-1.11 11.51-2 17.2a224.42 224.42 0 00187.24-187.18 227.09 227.09 0 01-34.42 2.58 222.73 222.73 0 01-158.54-65.63z" /><path d="M443.17 250.15a181.72 181.72 0 0036.83-3.76A224.2 224.2 0 00265.61 32a181.72 181.72 0 00-3.76 36.83c0 99.98 81.34 181.32 181.32 181.32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TennisballSharp = props => {
 TennisballSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Terminal.js b/src/Terminal.js
index 2bbfb2595..2815fa649 100644
--- a/src/Terminal.js
+++ b/src/Terminal.js
@@ -15,7 +15,7 @@ const Terminal = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 32H80a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h352a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM96 256a16 16 0 01-10-28.49L150.39 176 86 124.49a16 16 0 1120-25l80 64a16 16 0 010 25l-80 64A16 16 0 0196 256zm160 0h-64a16 16 0 010-32h64a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 32H80a64.07 64.07 0 00-64 64v320a64.07 64.07 0 0064 64h352a64.07 64.07 0 0064-64V96a64.07 64.07 0 00-64-64zM96 256a16 16 0 01-10-28.49L150.39 176 86 124.49a16 16 0 1120-25l80 64a16 16 0 010 25l-80 64A16 16 0 0196 256zm160 0h-64a16 16 0 010-32h64a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Terminal = props => {
 Terminal.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TerminalOutline.js b/src/TerminalOutline.js
index cb57bc833..d26538feb 100644
--- a/src/TerminalOutline.js
+++ b/src/TerminalOutline.js
@@ -15,7 +15,7 @@ const TerminalOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 112l80 64-80 64M192 240h64"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="416" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M96 112l80 64-80 64M192 240h64" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TerminalOutline = props => {
 TerminalOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TerminalSharp.js b/src/TerminalSharp.js
index b012da6ab..ee7a2f28e 100644
--- a/src/TerminalSharp.js
+++ b/src/TerminalSharp.js
@@ -15,7 +15,7 @@ const TerminalSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 44v424a12 12 0 0012 12h456a12 12 0 0012-12V44a12 12 0 00-12-12H28a12 12 0 00-12 12zm57.51 193.5l76.88-61.5-76.88-61.5 20-25 108.1 86.5L93.5 262.49zM272 256h-96v-32h96z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M16 44v424a12 12 0 0012 12h456a12 12 0 0012-12V44a12 12 0 00-12-12H28a12 12 0 00-12 12zm57.51 193.5l76.88-61.5-76.88-61.5 20-25 108.1 86.5L93.5 262.49zM272 256h-96v-32h96z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TerminalSharp = props => {
 TerminalSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Text.js b/src/Text.js
index cb97c039d..0a747de26 100644
--- a/src/Text.js
+++ b/src/Text.js
@@ -15,7 +15,7 @@ const Text = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M292.6 407.78l-120-320a22 22 0 00-41.2 0l-120 320a22 22 0 0041.2 15.44l36.16-96.42a2 2 0 011.87-1.3h122.74a2 2 0 011.87 1.3l36.16 96.42a22 22 0 0041.2-15.44zm-185.84-129l43.37-115.65a2 2 0 013.74 0l43.37 115.67a2 2 0 01-1.87 2.7h-86.74a2 2 0 01-1.87-2.7zM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0040.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6 32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 01-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8-54.75 6.44-87.43 36.29-87.43 79.85 0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1044 .19v-143c0-56.18-45-102.56-101.23-102.97zM380 394.5c-17.53 0-38-9.43-38-36 0-10.67 3.83-18.14 12.43-24.23 8.37-5.93 21.2-10.16 36.14-11.92 21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 012 2.1C455 370.1 429.46 394.5 380 394.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M292.6 407.78l-120-320a22 22 0 00-41.2 0l-120 320a22 22 0 0041.2 15.44l36.16-96.42a2 2 0 011.87-1.3h122.74a2 2 0 011.87 1.3l36.16 96.42a22 22 0 0041.2-15.44zm-185.84-129l43.37-115.65a2 2 0 013.74 0l43.37 115.67a2 2 0 01-1.87 2.7h-86.74a2 2 0 01-1.87-2.7zM400.77 169.5c-41.72-.3-79.08 23.87-95 61.4a22 22 0 0040.5 17.2c8.88-20.89 29.77-34.44 53.32-34.6 32.32-.22 58.41 26.5 58.41 58.85a1.5 1.5 0 01-1.45 1.5c-21.92.61-47.92 2.07-71.12 4.8-54.75 6.44-87.43 36.29-87.43 79.85 0 23.19 8.76 44 24.67 58.68C337.6 430.93 358 438.5 380 438.5c31 0 57.69-8 77.94-23.22h.06a22 22 0 1044 .19v-143c0-56.18-45-102.56-101.23-102.97zM380 394.5c-17.53 0-38-9.43-38-36 0-10.67 3.83-18.14 12.43-24.23 8.37-5.93 21.2-10.16 36.14-11.92 21.12-2.49 44.82-3.86 65.14-4.47a2 2 0 012 2.1C455 370.1 429.46 394.5 380 394.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Text = props => {
 Text.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TextOutline.js b/src/TextOutline.js
index a3fb54c52..71d609e1e 100644
--- a/src/TextOutline.js
+++ b/src/TextOutline.js
@@ -15,7 +15,7 @@ const TextOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 415.5l120-320 120 320M230 303.5H74M326 239.5c12.19-28.69 41-48 74-48h0c46 0 80 32 80 80v144"/><path d="M320 358.5c0 36 26.86 58 60 58 54 0 100-27 100-106v-15c-20 0-58 1-92 5-32.77 3.86-68 19-68 58z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M32 415.5l120-320 120 320M230 303.5H74M326 239.5c12.19-28.69 41-48 74-48h0c46 0 80 32 80 80v144" /><path d="M320 358.5c0 36 26.86 58 60 58 54 0 100-27 100-106v-15c-20 0-58 1-92 5-32.77 3.86-68 19-68 58z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TextOutline = props => {
 TextOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TextSharp.js b/src/TextSharp.js
index fc5034062..a92c8f96a 100644
--- a/src/TextSharp.js
+++ b/src/TextSharp.js
@@ -15,7 +15,7 @@ const TextSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18 6.56-15.22c8.9-21 29.91-34.55 53.53-34.55 34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84-54.52 6.43-87.06 36.23-87.06 79.72 0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170zm-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37 0-10.65 3.82-18.11 12.38-24.19 8.34-5.92 21.12-10.15 36-11.9 21.78-2.57 46.31-3.95 67-4.52-2.16 51.49-27.57 76.98-77.53 76.98zM93.25 325.87h125.5L260.94 438H308L155 48 4 438h47.06zM156 160.71L202.25 282h-92.5z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M404.42 170c-41.23 0-78.07 24.06-93.85 61.3L304 246.52l40.33 17.18 6.56-15.22c8.9-21 29.91-34.55 53.53-34.55 34.55 0 57.76 23.27 57.76 57.91v2.3c-22.12.59-48.65 2.05-72.27 4.84-54.52 6.43-87.06 36.23-87.06 79.72 0 23.16 8.72 44 24.56 58.59C342.28 431 362.55 438 384.51 438c30.86 0 57.5-7.33 77.67-22.64V438H506V271.84C506 212.83 463.28 170 404.42 170zm-19.91 225.07c-17.46 0-37.85-9.84-37.85-36.37 0-10.65 3.82-18.11 12.38-24.19 8.34-5.92 21.12-10.15 36-11.9 21.78-2.57 46.31-3.95 67-4.52-2.16 51.49-27.57 76.98-77.53 76.98zM93.25 325.87h125.5L260.94 438H308L155 48 4 438h47.06zM156 160.71L202.25 282h-92.5z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TextSharp = props => {
 TextSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Thermometer.js b/src/Thermometer.js
index aaa57aea3..5e8a0d7a4 100644
--- a/src/Thermometer.js
+++ b/src/Thermometer.js
@@ -15,7 +15,7 @@ const Thermometer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 287.18V81c0-35.12-27.89-64.42-63-64.95a64.08 64.08 0 00-65 64v207.13a8 8 0 01-3.18 6.37A113.48 113.48 0 00144 384a112 112 0 00224 0 113.48 113.48 0 00-44.82-90.45 8 8 0 01-3.18-6.37zM254.07 432a48 48 0 01-22-89.54 16 16 0 008-13.84V112.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 112v216.58a16.18 16.18 0 008.15 13.94A48 48 0 01254.07 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 287.18V81c0-35.12-27.89-64.42-63-64.95a64.08 64.08 0 00-65 64v207.13a8 8 0 01-3.18 6.37A113.48 113.48 0 00144 384a112 112 0 00224 0 113.48 113.48 0 00-44.82-90.45 8 8 0 01-3.18-6.37zM254.07 432a48 48 0 01-22-89.54 16 16 0 008-13.84V112.45c0-8.61 6.62-16 15.23-16.43A16 16 0 01272 112v216.58a16.18 16.18 0 008.15 13.94A48 48 0 01254.07 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Thermometer = props => {
 Thermometer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThermometerOutline.js b/src/ThermometerOutline.js
index d3664dde4..c317b2d53 100644
--- a/src/ThermometerOutline.js
+++ b/src/ThermometerOutline.js
@@ -15,7 +15,7 @@ const ThermometerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M307.72 302.27a8 8 0 01-3.72-6.75V80a48 48 0 00-48-48h0a48 48 0 00-48 48v215.52a8 8 0 01-3.71 6.74 97.51 97.51 0 00-44.19 86.07A96 96 0 00352 384a97.49 97.49 0 00-44.28-81.73zM256 112v272" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="384" r="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M307.72 302.27a8 8 0 01-3.72-6.75V80a48 48 0 00-48-48h0a48 48 0 00-48 48v215.52a8 8 0 01-3.71 6.74 97.51 97.51 0 00-44.19 86.07A96 96 0 00352 384a97.49 97.49 0 00-44.28-81.73zM256 112v272" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="384" r="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThermometerOutline = props => {
 ThermometerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThermometerSharp.js b/src/ThermometerSharp.js
index f7a41f00e..a7ff6f432 100644
--- a/src/ThermometerSharp.js
+++ b/src/ThermometerSharp.js
@@ -15,7 +15,7 @@ const ThermometerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 291.24V80a64 64 0 10-128 0v211.24A113.39 113.39 0 00144 384a112 112 0 00224 0 113.39 113.39 0 00-48-92.76zM256 432a48 48 0 01-16-93.26V96h32v242.74A48 48 0 01256 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 291.24V80a64 64 0 10-128 0v211.24A113.39 113.39 0 00144 384a112 112 0 00224 0 113.39 113.39 0 00-48-92.76zM256 432a48 48 0 01-16-93.26V96h32v242.74A48 48 0 01256 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThermometerSharp = props => {
 ThermometerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsDown.js b/src/ThumbsDown.js
index 7d9721b03..0f0fd523e 100644
--- a/src/ThumbsDown.js
+++ b/src/ThumbsDown.js
@@ -15,7 +15,7 @@ const ThumbsDown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88 0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32zm141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54zM90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32zm-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36 0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58z"/><path d="M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none"/><path d="M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z"/><path d="M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0014.31-8.85c3-6.06 15.25-24 28.19-42.9 18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.48 16.48 0 015.79-5.23A15.93 15.93 0 01386 272h25.32A84.7 84.7 0 00496 187.3v-38.6A84.7 84.7 0 00411.31 64h-48.79a17.46 17.46 0 01-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 00-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.16 61.16 0 01-5.19 24.77 17.38 17.38 0 000 14.06 63.81 63.81 0 010 50.39 17.32 17.32 0 000 14 62.13 62.13 0 010 49.58 18.13 18.13 0 000 14.68A60.41 60.41 0 01224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 00-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 01.86 11.57c-3 19.35-9.67 36.3-16.74 54.16-3.08 7.78-6.27 15.82-9.22 24.27-6.14 17.56-4.3 35.2 5.05 48.38z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88 0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32zm141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54zM90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32zm-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36 0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58z" /><path d="M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none" /><path d="M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z" /><path d="M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0014.31-8.85c3-6.06 15.25-24 28.19-42.9 18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.48 16.48 0 015.79-5.23A15.93 15.93 0 01386 272h25.32A84.7 84.7 0 00496 187.3v-38.6A84.7 84.7 0 00411.31 64h-48.79a17.46 17.46 0 01-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 00-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.16 61.16 0 01-5.19 24.77 17.38 17.38 0 000 14.06 63.81 63.81 0 010 50.39 17.32 17.32 0 000 14 62.13 62.13 0 010 49.58 18.13 18.13 0 000 14.68A60.41 60.41 0 01224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 00-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 01.86 11.57c-3 19.35-9.67 36.3-16.74 54.16-3.08 7.78-6.27 15.82-9.22 24.27-6.14 17.56-4.3 35.2 5.05 48.38z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsDown = props => {
 ThumbsDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsDownOutline.js b/src/ThumbsDownOutline.js
index f3d4de2a7..4fb07e343 100644
--- a/src/ThumbsDownOutline.js
+++ b/src/ThumbsDownOutline.js
@@ -15,7 +15,7 @@ const ThumbsDownOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 53.84S208 48 256 48s74 16 96 32h64a64 64 0 0164 64v48a64 64 0 01-64 64h-30a32.34 32.34 0 00-27.37 15.4S350 290.19 324 335.22 248 448 240 464c-29 0-43-22-34-47.71 10.28-29.39 23.71-54.38 27.46-87.09.54-4.78-3.14-12-8-12L96 307" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M96 241l80 2c20 1.84 32 12.4 32 30h0c0 17.6-14 28.84-32 30l-80 4c-17.6 0-32-16.4-32-34v-.17A32 32 0 0196 241zM64 176l112 2c18 .84 32 12.41 32 30h0c0 17.61-14 28.86-32 30l-112 2a32.1 32.1 0 01-32-32h0a32.1 32.1 0 0132-32zM112 48l64 3c21 1.84 32 11.4 32 29h0c0 17.6-14.4 30-32 30l-64 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32zM80 112l96 2c19 .84 32 12.4 32 30h0c0 17.6-13 28.84-32 30l-96 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M192 53.84S208 48 256 48s74 16 96 32h64a64 64 0 0164 64v48a64 64 0 01-64 64h-30a32.34 32.34 0 00-27.37 15.4S350 290.19 324 335.22 248 448 240 464c-29 0-43-22-34-47.71 10.28-29.39 23.71-54.38 27.46-87.09.54-4.78-3.14-12-8-12L96 307" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M96 241l80 2c20 1.84 32 12.4 32 30h0c0 17.6-14 28.84-32 30l-80 4c-17.6 0-32-16.4-32-34v-.17A32 32 0 0196 241zM64 176l112 2c18 .84 32 12.41 32 30h0c0 17.61-14 28.86-32 30l-112 2a32.1 32.1 0 01-32-32h0a32.1 32.1 0 0132-32zM112 48l64 3c21 1.84 32 11.4 32 29h0c0 17.6-14.4 30-32 30l-64 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32zM80 112l96 2c19 .84 32 12.4 32 30h0c0 17.6-13 28.84-32 30l-96 2a32.09 32.09 0 01-32-32h0a32.09 32.09 0 0132-32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsDownOutline = props => {
 ThumbsDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsDownSharp.js b/src/ThumbsDownSharp.js
index 978e0e2b0..95b5a7bd1 100644
--- a/src/ThumbsDownSharp.js
+++ b/src/ThumbsDownSharp.js
@@ -15,7 +15,7 @@ const ThumbsDownSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M56 320l156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 004.4-1.72l129-202.34a8 8 0 016.81-3.81H496V64H378.39a48 48 0 01-15.18-2.46l-76.3-25.43a80 80 0 00-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z"/><path d="M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none"/><path d="M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M56 320l156.05 12-23 89.4c-6.08 26.6.7 41.87 22.39 48.62l34.69 9.85a4 4 0 004.4-1.72l129-202.34a8 8 0 016.81-3.81H496V64H378.39a48 48 0 01-15.18-2.46l-76.3-25.43a80 80 0 00-25.3-4.11H83.68c-19 0-31.5 13.52-35.23 32.16L16 206.42V280c0 22.06 18 38 40 40z" /><path d="M378.45 273.93A15.84 15.84 0 01386 272a15.93 15.93 0 00-7.51 1.91zM337.86 343.22l-.13.22a2.53 2.53 0 01.13-.22c20.5-35.51 30.36-55 33.82-62-3.47 7.06-13.34 26.51-33.82 62z" fill="none" /><path d="M372.66 279.16l-1 2a16.29 16.29 0 016.77-7.26 16.48 16.48 0 00-5.77 5.26z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsDownSharp = props => {
 ThumbsDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsUp.js b/src/ThumbsUp.js
index 466b1b6d9..7cfbe0624 100644
--- a/src/ThumbsUp.js
+++ b/src/ThumbsUp.js
@@ -15,7 +15,7 @@ const ThumbsUp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87 0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32zM330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55zM421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01zm34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37 0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58z"/><path d="M133.55 238.06A15.85 15.85 0 01126 240a15.82 15.82 0 007.51-1.92zM174.14 168.78l.13-.23-.13.23c-20.5 35.51-30.36 54.95-33.82 62 3.47-7.07 13.34-26.51 33.82-62z" fill="none"/><path d="M139.34 232.84l1-2a16.27 16.27 0 01-6.77 7.25 16.35 16.35 0 005.77-5.25z"/><path d="M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 00-14.31 8.84c-3 6.07-15.25 24-28.19 42.91-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 01-5.79 5.22 15.82 15.82 0 01-7.53 2h-25.31A84.69 84.69 0 0016 324.69v38.61a84.69 84.69 0 0084.69 84.7h48.79a17.55 17.55 0 019.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 006.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 015.19-24.77 17.36 17.36 0 000-14.05 63.81 63.81 0 010-50.39 17.32 17.32 0 000-14 62.15 62.15 0 010-49.59 18.13 18.13 0 000-14.68A60.33 60.33 0 01288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 001.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 01-.86-11.58c3-19.34 9.67-36.29 16.74-54.16 3.08-7.78 6.27-15.82 9.22-24.26 6.14-17.57 4.3-35.2-5.05-48.38z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87 0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32zM330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55zM421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01zm34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37 0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58z" /><path d="M133.55 238.06A15.85 15.85 0 01126 240a15.82 15.82 0 007.51-1.92zM174.14 168.78l.13-.23-.13.23c-20.5 35.51-30.36 54.95-33.82 62 3.47-7.07 13.34-26.51 33.82-62z" fill="none" /><path d="M139.34 232.84l1-2a16.27 16.27 0 01-6.77 7.25 16.35 16.35 0 005.77-5.25z" /><path d="M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 00-14.31 8.84c-3 6.07-15.25 24-28.19 42.91-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 01-5.79 5.22 15.82 15.82 0 01-7.53 2h-25.31A84.69 84.69 0 0016 324.69v38.61a84.69 84.69 0 0084.69 84.7h48.79a17.55 17.55 0 019.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 006.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 015.19-24.77 17.36 17.36 0 000-14.05 63.81 63.81 0 010-50.39 17.32 17.32 0 000-14 62.15 62.15 0 010-49.59 18.13 18.13 0 000-14.68A60.33 60.33 0 01288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 001.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 01-.86-11.58c3-19.34 9.67-36.29 16.74-54.16 3.08-7.78 6.27-15.82 9.22-24.26 6.14-17.57 4.3-35.2-5.05-48.38z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsUp = props => {
 ThumbsUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsUpOutline.js b/src/ThumbsUpOutline.js
index 391a1bb75..4e1ce94ab 100644
--- a/src/ThumbsUpOutline.js
+++ b/src/ThumbsUpOutline.js
@@ -15,7 +15,7 @@ const ThumbsUpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 458.16S304 464 256 464s-74-16-96-32H96a64 64 0 01-64-64v-48a64 64 0 0164-64h30a32.34 32.34 0 0027.37-15.4S162 221.81 188 176.78 264 64 272 48c29 0 43 22 34 47.71-10.28 29.39-23.71 54.38-27.46 87.09-.54 4.78 3.14 12 7.95 12L416 205" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M416 271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6 14-28.84 32-30l80-4c17.6 0 32 16.4 32 34v.17A32 32 0 01416 271zM448 336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61 14-28.86 32-30l112-2a32.1 32.1 0 0132 32h0a32.1 32.1 0 01-32 32zM400 464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6 14.4-30 32-30l64-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM432 400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6 13-28.84 32-30l96-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 458.16S304 464 256 464s-74-16-96-32H96a64 64 0 01-64-64v-48a64 64 0 0164-64h30a32.34 32.34 0 0027.37-15.4S162 221.81 188 176.78 264 64 272 48c29 0 43 22 34 47.71-10.28 29.39-23.71 54.38-27.46 87.09-.54 4.78 3.14 12 7.95 12L416 205" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M416 271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6 14-28.84 32-30l80-4c17.6 0 32 16.4 32 34v.17A32 32 0 01416 271zM448 336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61 14-28.86 32-30l112-2a32.1 32.1 0 0132 32h0a32.1 32.1 0 01-32 32zM400 464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6 14.4-30 32-30l64-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32zM432 400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6 13-28.84 32-30l96-2a32.09 32.09 0 0132 32h0a32.09 32.09 0 01-32 32z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsUpOutline = props => {
 ThumbsUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThumbsUpSharp.js b/src/ThumbsUpSharp.js
index 0395fb60c..a2761b576 100644
--- a/src/ThumbsUpSharp.js
+++ b/src/ThumbsUpSharp.js
@@ -15,7 +15,7 @@ const ThumbsUpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 192l-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 00-4.4 1.72l-129 202.34a8 8 0 01-6.81 3.81H16V448h117.61a48 48 0 0115.18 2.46l76.3 25.43a80 80 0 0025.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M456 192l-156-12 23-89.4c6-26.6-.78-41.87-22.47-48.6l-34.69-9.85a4 4 0 00-4.4 1.72l-129 202.34a8 8 0 01-6.81 3.81H16V448h117.61a48 48 0 0115.18 2.46l76.3 25.43a80 80 0 0025.3 4.11h177.93c19 0 31.5-13.52 35.23-32.16L496 305.58V232c0-22.06-18-38-40-40z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThumbsUpSharp = props => {
 ThumbsUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Thunderstorm.js b/src/Thunderstorm.js
index 90c622226..06b7229fb 100644
--- a/src/Thunderstorm.js
+++ b/src/Thunderstorm.js
@@ -15,7 +15,7 @@ const Thunderstorm = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 0196 416zM120 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01120 480zM376 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 01376 416zM400 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01400 480z"/><path d="M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h66.31l-12.89 77.37A16 16 0 00192 416h32v64a16 16 0 0029 9.3l80-112a16 16 0 00-13-25.3h-27.51l8-32h103.84a91.56 91.56 0 001.51-183.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M96 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 0196 416zM120 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01120 480zM376 416a16 16 0 01-14.3-23.16l24-48a16 16 0 0128.62 14.32l-24 48A16 16 0 01376 416zM400 480a16 16 0 01-14.3-23.16l16-32a16 16 0 0128.62 14.32l-16 32A16 16 0 01400 480z" /><path d="M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h66.31l-12.89 77.37A16 16 0 00192 416h32v64a16 16 0 0029 9.3l80-112a16 16 0 00-13-25.3h-27.51l8-32h103.84a91.56 91.56 0 001.51-183.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Thunderstorm = props => {
 Thunderstorm.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThunderstormOutline.js b/src/ThunderstormOutline.js
index 7e8ce6e91..dc07c3bd7 100644
--- a/src/ThunderstormOutline.js
+++ b/src/ThunderstormOutline.js
@@ -15,7 +15,7 @@ const ThunderstormOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M120 352l-24 48M136 432l-16 32M400 352l-24 48M416 432l-16 32M208 304l-16 96h48v80l80-112h-48l16-64M404.33 152.89H392.2C384.71 84.85 326.14 32 256 32a136.39 136.39 0 00-128.63 90.67h-4.57c-49.94 0-90.8 40.8-90.8 90.66h0C32 263.2 72.86 304 122.8 304h281.53C446 304 480 270 480 228.44h0c0-41.55-34-75.55-75.67-75.55z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M120 352l-24 48M136 432l-16 32M400 352l-24 48M416 432l-16 32M208 304l-16 96h48v80l80-112h-48l16-64M404.33 152.89H392.2C384.71 84.85 326.14 32 256 32a136.39 136.39 0 00-128.63 90.67h-4.57c-49.94 0-90.8 40.8-90.8 90.66h0C32 263.2 72.86 304 122.8 304h281.53C446 304 480 270 480 228.44h0c0-41.55-34-75.55-75.67-75.55z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThunderstormOutline = props => {
 ThunderstormOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ThunderstormSharp.js b/src/ThunderstormSharp.js
index f53adaa09..eea0e7274 100644
--- a/src/ThunderstormSharp.js
+++ b/src/ThunderstormSharp.js
@@ -15,7 +15,7 @@ const ThunderstormSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h72.31L176 416h48v80l112-144h-43.51l8-32h103.84a91.56 91.56 0 001.51-183.1z"/><path d="M74.53 407.177l38.32-76.622 28.62 14.313-38.32 76.623zM98.52 471.189l30.318-60.622 28.62 14.313-30.317 60.622zM354.541 407.189l38.32-76.623 28.62 14.314-38.32 76.622zM378.542 471.2l30.317-60.622 28.62 14.314-30.317 60.621z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M405.84 136.9a151.25 151.25 0 00-47.6-81.9 153 153 0 00-241.81 51.86C60.5 110.16 16 156.65 16 213.33 16 272.15 63.91 320 122.8 320h72.31L176 416h48v80l112-144h-43.51l8-32h103.84a91.56 91.56 0 001.51-183.1z" /><path d="M74.53 407.177l38.32-76.622 28.62 14.313-38.32 76.623zM98.52 471.189l30.318-60.622 28.62 14.313-30.317 60.622zM354.541 407.189l38.32-76.623 28.62 14.314-38.32 76.622zM378.542 471.2l30.317-60.622 28.62 14.314-30.317 60.621z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ThunderstormSharp = props => {
 ThunderstormSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Ticket.js b/src/Ticket.js
index 0885ddf6b..e72297d71 100644
--- a/src/Ticket.js
+++ b/src/Ticket.js
@@ -15,7 +15,7 @@ const Ticket = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M490.18 181.4l-44.13-44.13a20 20 0 00-27-1 30.81 30.81 0 01-41.68-1.6 30.81 30.81 0 01-1.6-41.67 20 20 0 00-1-27L330.6 21.82a19.91 19.91 0 00-28.13 0l-70.35 70.34a39.87 39.87 0 00-9.57 15.5 7.71 7.71 0 01-4.83 4.83 39.78 39.78 0 00-15.5 9.58l-180.4 180.4a19.91 19.91 0 000 28.13L66 374.73a20 20 0 0027 1 30.69 30.69 0 0143.28 43.28 20 20 0 001 27l44.13 44.13a19.91 19.91 0 0028.13 0l180.4-180.4a39.82 39.82 0 009.58-15.49 7.69 7.69 0 014.84-4.84 39.84 39.84 0 0015.49-9.57l70.34-70.35a19.91 19.91 0 00-.01-28.09zm-228.37-29.65a16 16 0 01-22.63 0l-11.51-11.51a16 16 0 0122.63-22.62l11.51 11.5a16 16 0 010 22.63zm44 44a16 16 0 01-22.62 0l-11-11a16 16 0 1122.63-22.63l11 11a16 16 0 01.01 22.66zm44 44a16 16 0 01-22.63 0l-11-11a16 16 0 0122.63-22.62l11 11a16 16 0 01.05 22.67zm44.43 44.54a16 16 0 01-22.63 0l-11.44-11.5a16 16 0 1122.68-22.57l11.45 11.49a16 16 0 01-.01 22.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M490.18 181.4l-44.13-44.13a20 20 0 00-27-1 30.81 30.81 0 01-41.68-1.6 30.81 30.81 0 01-1.6-41.67 20 20 0 00-1-27L330.6 21.82a19.91 19.91 0 00-28.13 0l-70.35 70.34a39.87 39.87 0 00-9.57 15.5 7.71 7.71 0 01-4.83 4.83 39.78 39.78 0 00-15.5 9.58l-180.4 180.4a19.91 19.91 0 000 28.13L66 374.73a20 20 0 0027 1 30.69 30.69 0 0143.28 43.28 20 20 0 001 27l44.13 44.13a19.91 19.91 0 0028.13 0l180.4-180.4a39.82 39.82 0 009.58-15.49 7.69 7.69 0 014.84-4.84 39.84 39.84 0 0015.49-9.57l70.34-70.35a19.91 19.91 0 00-.01-28.09zm-228.37-29.65a16 16 0 01-22.63 0l-11.51-11.51a16 16 0 0122.63-22.62l11.51 11.5a16 16 0 010 22.63zm44 44a16 16 0 01-22.62 0l-11-11a16 16 0 1122.63-22.63l11 11a16 16 0 01.01 22.66zm44 44a16 16 0 01-22.63 0l-11-11a16 16 0 0122.63-22.62l11 11a16 16 0 01.05 22.67zm44.43 44.54a16 16 0 01-22.63 0l-11.44-11.5a16 16 0 1122.68-22.57l11.45 11.49a16 16 0 01-.01 22.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Ticket = props => {
 Ticket.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TicketOutline.js b/src/TicketOutline.js
index 8613ca594..873572592 100644
--- a/src/TicketOutline.js
+++ b/src/TicketOutline.js
@@ -15,7 +15,7 @@ const TicketOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M366.05 146a46.7 46.7 0 01-2.42-63.42 3.87 3.87 0 00-.22-5.26l-44.13-44.18a3.89 3.89 0 00-5.5 0l-70.34 70.34a23.62 23.62 0 00-5.71 9.24h0a23.66 23.66 0 01-14.95 15h0a23.7 23.7 0 00-9.25 5.71L33.14 313.78a3.89 3.89 0 000 5.5l44.13 44.13a3.87 3.87 0 005.26.22 46.69 46.69 0 0165.84 65.84 3.87 3.87 0 00.22 5.26l44.13 44.13a3.89 3.89 0 005.5 0l180.4-180.39a23.7 23.7 0 005.71-9.25h0a23.66 23.66 0 0114.95-15h0a23.62 23.62 0 009.24-5.71l70.34-70.34a3.89 3.89 0 000-5.5l-44.13-44.13a3.87 3.87 0 00-5.26-.22 46.7 46.7 0 01-63.42-2.32z"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" strokeLinecap="round" d="M250.5 140.44l-16.51-16.51M294.52 184.46l-11.01-11M338.54 228.49l-11-11.01M388.07 278.01l-16.51-16.51"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M366.05 146a46.7 46.7 0 01-2.42-63.42 3.87 3.87 0 00-.22-5.26l-44.13-44.18a3.89 3.89 0 00-5.5 0l-70.34 70.34a23.62 23.62 0 00-5.71 9.24h0a23.66 23.66 0 01-14.95 15h0a23.7 23.7 0 00-9.25 5.71L33.14 313.78a3.89 3.89 0 000 5.5l44.13 44.13a3.87 3.87 0 005.26.22 46.69 46.69 0 0165.84 65.84 3.87 3.87 0 00.22 5.26l44.13 44.13a3.89 3.89 0 005.5 0l180.4-180.39a23.7 23.7 0 005.71-9.25h0a23.66 23.66 0 0114.95-15h0a23.62 23.62 0 009.24-5.71l70.34-70.34a3.89 3.89 0 000-5.5l-44.13-44.13a3.87 3.87 0 00-5.26-.22 46.7 46.7 0 01-63.42-2.32z" /><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" strokeLinecap="round" d="M250.5 140.44l-16.51-16.51M294.52 184.46l-11.01-11M338.54 228.49l-11-11.01M388.07 278.01l-16.51-16.51" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TicketOutline = props => {
 TicketOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TicketSharp.js b/src/TicketSharp.js
index ff86d0c62..b18408468 100644
--- a/src/TicketSharp.js
+++ b/src/TicketSharp.js
@@ -15,7 +15,7 @@ const TicketSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426.24 127.72l-10.94 10.94a29.67 29.67 0 01-42-42l10.94-10.94L314.52 16l-88 88-4 12.09-12.09 4L16 314.52l69.76 69.76 10.94-10.94a29.67 29.67 0 0142 42l-10.94 10.94L197.48 496l194.4-194.4 4-12.09 12.09-4 88-88zm-208.56 5.43l21.87-21.87 33 33-21.88 21.87zm43 43l21.88-21.88 32.52 32.52-21.88 21.88zm42.56 42.56l21.88-21.88 32.52 32.52-21.84 21.93zm75.57 75.56l-33-33 21.87-21.88 33 33z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M426.24 127.72l-10.94 10.94a29.67 29.67 0 01-42-42l10.94-10.94L314.52 16l-88 88-4 12.09-12.09 4L16 314.52l69.76 69.76 10.94-10.94a29.67 29.67 0 0142 42l-10.94 10.94L197.48 496l194.4-194.4 4-12.09 12.09-4 88-88zm-208.56 5.43l21.87-21.87 33 33-21.88 21.87zm43 43l21.88-21.88 32.52 32.52-21.88 21.88zm42.56 42.56l21.88-21.88 32.52 32.52-21.84 21.93zm75.57 75.56l-33-33 21.87-21.88 33 33z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TicketSharp = props => {
 TicketSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Time.js b/src/Time.js
index bd7f86e72..8ebf144c0 100644
--- a/src/Time.js
+++ b/src/Time.js
@@ -15,7 +15,7 @@ const Time = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 240h-96a16 16 0 01-16-16V128a16 16 0 0132 0v128h80a16 16 0 010 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 240h-96a16 16 0 01-16-16V128a16 16 0 0132 0v128h80a16 16 0 010 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Time = props => {
 Time.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TimeOutline.js b/src/TimeOutline.js
index 50f0c0a36..9290c1bd9 100644
--- a/src/TimeOutline.js
+++ b/src/TimeOutline.js
@@ -15,7 +15,7 @@ const TimeOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 128v144h96"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 128v144h96" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TimeOutline = props => {
 TimeOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TimeSharp.js b/src/TimeSharp.js
index d792e03b3..036b2e32a 100644
--- a/src/TimeSharp.js
+++ b/src/TimeSharp.js
@@ -15,7 +15,7 @@ const TimeSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256c0 114.69 93.32 208 208 208 114.86 0 208-93.14 208-208 0-114.69-93.31-208-208-208zm108 240H244a4 4 0 01-4-4V116a4 4 0 014-4h24a4 4 0 014 4v140h92a4 4 0 014 4v24a4 4 0 01-4 4z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.13 48 48 141.13 48 256c0 114.69 93.32 208 208 208 114.86 0 208-93.14 208-208 0-114.69-93.31-208-208-208zm108 240H244a4 4 0 01-4-4V116a4 4 0 014-4h24a4 4 0 014 4v140h92a4 4 0 014 4v24a4 4 0 01-4 4z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TimeSharp = props => {
 TimeSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Timer.js b/src/Timer.js
index 404fef959..7946b3cd7 100644
--- a/src/Timer.js
+++ b/src/Timer.js
@@ -15,7 +15,7 @@ const Timer = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm-82.33 114.34l105 71a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8-8l-71-105a8.13 8.13 0 0111.32-11.32zM256 432c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72 14.15 14.15 0 1119.64 20.37A146.53 146.53 0 00108.3 256c0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55a14.15 14.15 0 11-28.3 0V94.15A14.15 14.15 0 01256 80c97.05 0 176 79 176 176s-78.95 176-176 176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm-82.33 114.34l105 71a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8-8l-71-105a8.13 8.13 0 0111.32-11.32zM256 432c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72 14.15 14.15 0 1119.64 20.37A146.53 146.53 0 00108.3 256c0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55a14.15 14.15 0 11-28.3 0V94.15A14.15 14.15 0 01256 80c97.05 0 176 79 176 176s-78.95 176-176 176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Timer = props => {
 Timer.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TimerOutline.js b/src/TimerOutline.js
index 5f8f65274..493b74bfa 100644
--- a/src/TimerOutline.js
+++ b/src/TimerOutline.js
@@ -15,7 +15,7 @@ const TimerOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112.91 128A191.85 191.85 0 0064 254c-1.18 106.35 85.65 193.8 192 194 106.2.2 192-85.83 192-192 0-104.54-83.55-189.61-187.5-192a4.36 4.36 0 00-4.5 4.37V152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M233.38 278.63l-79-113a8.13 8.13 0 0111.32-11.32l113 79a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8.07-7.94z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112.91 128A191.85 191.85 0 0064 254c-1.18 106.35 85.65 193.8 192 194 106.2.2 192-85.83 192-192 0-104.54-83.55-189.61-187.5-192a4.36 4.36 0 00-4.5 4.37V152" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M233.38 278.63l-79-113a8.13 8.13 0 0111.32-11.32l113 79a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8.07-7.94z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TimerOutline = props => {
 TimerOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TimerSharp.js b/src/TimerSharp.js
index 7424927c9..7c021627e 100644
--- a/src/TimerSharp.js
+++ b/src/TimerSharp.js
@@ -15,7 +15,7 @@ const TimerSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm0 384c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72L279 233l-19 30-125-91c-13 23-26.7 46-26.7 84 0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55h-28.3V79.89c4.24.07 8.94.11 14.15.11 97.05 0 176 79 176 176s-78.95 176-176 176z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 48C141.12 48 48 141.12 48 256s93.12 208 208 208 208-93.12 208-208S370.88 48 256 48zm0 384c-97 0-176-78.95-176-176a174.55 174.55 0 0153.87-126.72L279 233l-19 30-125-91c-13 23-26.7 46-26.7 84 0 81.44 66.26 147.7 147.7 147.7S403.7 337.44 403.7 256c0-76.67-58.72-139.88-133.55-147v55h-28.3V79.89c4.24.07 8.94.11 14.15.11 97.05 0 176 79 176 176s-78.95 176-176 176z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TimerSharp = props => {
 TimerSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Today.js b/src/Today.js
index 236b385af..1d8384f84 100644
--- a/src/Today.js
+++ b/src/Today.js
@@ -15,7 +15,7 @@ const Today = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4v-12a64 64 0 00-64-64zM477 176H35a3 3 0 00-3 3v237a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3zM224 307.43A28.57 28.57 0 01195.43 336h-70.86A28.57 28.57 0 0196 307.43v-70.86A28.57 28.57 0 01124.57 208h70.86A28.57 28.57 0 01224 236.57z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4v-12a64 64 0 00-64-64zM477 176H35a3 3 0 00-3 3v237a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3zM224 307.43A28.57 28.57 0 01195.43 336h-70.86A28.57 28.57 0 0196 307.43v-70.86A28.57 28.57 0 01124.57 208h70.86A28.57 28.57 0 01224 236.57z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Today = props => {
 Today.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TodayOutline.js b/src/TodayOutline.js
index 52c905153..9adbabfce 100644
--- a/src/TodayOutline.js
+++ b/src/TodayOutline.js
@@ -15,7 +15,7 @@ const TodayOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32"/><rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" x="112" y="224" width="96" height="96" rx="13"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M464 160H48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" x="48" y="80" width="416" height="384" rx="48" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M128 48v32M384 48v32" /><rect fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" x="112" y="224" width="96" height="96" rx="13" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" strokeLinecap="round" d="M464 160H48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TodayOutline = props => {
 TodayOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TodaySharp.js b/src/TodaySharp.js
index 9bf7b39ed..23b175144 100644
--- a/src/TodaySharp.js
+++ b/src/TodaySharp.js
@@ -15,7 +15,7 @@ const TodaySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm80-238.86a9.14 9.14 0 019.14-9.14h109.72a9.14 9.14 0 019.14 9.14v109.72a9.14 9.14 0 01-9.14 9.14H121.14a9.14 9.14 0 01-9.14-9.14zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M32 456a24 24 0 0024 24h400a24 24 0 0024-24V176H32zm80-238.86a9.14 9.14 0 019.14-9.14h109.72a9.14 9.14 0 019.14 9.14v109.72a9.14 9.14 0 01-9.14 9.14H121.14a9.14 9.14 0 01-9.14-9.14zM456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 00-24 23.77V144h448V87.77A23.8 23.8 0 00456 64z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TodaySharp = props => {
 TodaySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Toggle.js b/src/Toggle.js
index 93a4e0022..87c6cc997 100644
--- a/src/Toggle.js
+++ b/src/Toggle.js
@@ -15,7 +15,7 @@ const Toggle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 112H144C64.6 112 0 176.6 0 256s64.6 144 144 144h224c79.4 0 144-64.6 144-144s-64.6-144-144-144zm0 256a112 112 0 11112-112 112.12 112.12 0 01-112 112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 112H144C64.6 112 0 176.6 0 256s64.6 144 144 144h224c79.4 0 144-64.6 144-144s-64.6-144-144-144zm0 256a112 112 0 11112-112 112.12 112.12 0 01-112 112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Toggle = props => {
 Toggle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ToggleOutline.js b/src/ToggleOutline.js
index 8a4b95b6f..94b0ba879 100644
--- a/src/ToggleOutline.js
+++ b/src/ToggleOutline.js
@@ -15,7 +15,7 @@ const ToggleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="368" cy="256" r="128" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><rect x="16" y="128" width="480" height="256" rx="128" ry="128" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="368" cy="256" r="128" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><rect x="16" y="128" width="480" height="256" rx="128" ry="128" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ToggleOutline = props => {
 ToggleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/ToggleSharp.js b/src/ToggleSharp.js
index 30a7c9233..2664afa83 100644
--- a/src/ToggleSharp.js
+++ b/src/ToggleSharp.js
@@ -15,7 +15,7 @@ const ToggleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 112H144a144 144 0 000 288h224a144 144 0 000-288zm0 230a86 86 0 1186-86 85.88 85.88 0 01-86 86z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M368 112H144a144 144 0 000 288h224a144 144 0 000-288zm0 230a86 86 0 1186-86 85.88 85.88 0 01-86 86z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const ToggleSharp = props => {
 ToggleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrailSign.js b/src/TrailSign.js
index b28a8eb66..1c311494d 100644
--- a/src/TrailSign.js
+++ b/src/TrailSign.js
@@ -15,7 +15,7 @@ const TrailSign = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M491.31 324.69L432 265.37a31.8 31.8 0 00-22.63-9.37H272v-32h144a32 32 0 0032-32V96a32 32 0 00-32-32H272V48a16 16 0 00-32 0v16H102.63A31.8 31.8 0 0080 73.37l-59.31 59.32a16 16 0 000 22.62L80 214.63a31.8 31.8 0 0022.63 9.37H240v32H96a32 32 0 00-32 32v96a32 32 0 0032 32h144v48a16 16 0 0032 0v-48h137.37a31.8 31.8 0 0022.63-9.37l59.31-59.32a16 16 0 000-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M491.31 324.69L432 265.37a31.8 31.8 0 00-22.63-9.37H272v-32h144a32 32 0 0032-32V96a32 32 0 00-32-32H272V48a16 16 0 00-32 0v16H102.63A31.8 31.8 0 0080 73.37l-59.31 59.32a16 16 0 000 22.62L80 214.63a31.8 31.8 0 0022.63 9.37H240v32H96a32 32 0 00-32 32v96a32 32 0 0032 32h144v48a16 16 0 0032 0v-48h137.37a31.8 31.8 0 0022.63-9.37l59.31-59.32a16 16 0 000-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrailSign = props => {
 TrailSign.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrailSignOutline.js b/src/TrailSignOutline.js
index f8da3e701..d43bc7e13 100644
--- a/src/TrailSignOutline.js
+++ b/src/TrailSignOutline.js
@@ -15,7 +15,7 @@ const TrailSignOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 400v64M256 208v64M256 48v32M416 208H102.63a16 16 0 01-11.32-4.69L32 144l59.31-59.31A16 16 0 01102.63 80H416a16 16 0 0116 16v96a16 16 0 01-16 16zM96 400h313.37a16 16 0 0011.32-4.69L480 336l-59.31-59.31a16 16 0 00-11.32-4.69H96a16 16 0 00-16 16v96a16 16 0 0016 16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M256 400v64M256 208v64M256 48v32M416 208H102.63a16 16 0 01-11.32-4.69L32 144l59.31-59.31A16 16 0 01102.63 80H416a16 16 0 0116 16v96a16 16 0 01-16 16zM96 400h313.37a16 16 0 0011.32-4.69L480 336l-59.31-59.31a16 16 0 00-11.32-4.69H96a16 16 0 00-16 16v96a16 16 0 0016 16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrailSignOutline = props => {
 TrailSignOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrailSignSharp.js b/src/TrailSignSharp.js
index 96aba5b62..88ab7dbf4 100644
--- a/src/TrailSignSharp.js
+++ b/src/TrailSignSharp.js
@@ -15,7 +15,7 @@ const TrailSignSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M502.63 336l-80-80H278v-32h170V64H278V32h-44v32H89.37l-80 80 80 80H234v32H64v160h170v64h44v-64h144.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M502.63 336l-80-80H278v-32h170V64H278V32h-44v32H89.37l-80 80 80 80H234v32H64v160h170v64h44v-64h144.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrailSignSharp = props => {
 TrailSignSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Train.js b/src/Train.js
index e5e8e2f81..f7574144a 100644
--- a/src/Train.js
+++ b/src/Train.js
@@ -15,7 +15,7 @@ const Train = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="304" rx="32.05" ry="31.94" transform="rotate(-45 256.001 304)"/><path d="M352 32h-15a10 10 0 01-7.87-3.78A31.94 31.94 0 00304 16h-96a32 32 0 00-26.11 13.52A6 6 0 01177 32h-17c-36.81 0-64 28.84-64 64v255c0 23.27 25.6 42.06 83 60.94a753 753 0 0073.77 19.73 16 16 0 006.46 0A753 753 0 00333 411.94c57.4-18.88 83-37.67 83-60.94V96a64 64 0 00-64-64zm-168 96h144a8 8 0 018 8v48a8 8 0 01-8 8H184a8 8 0 01-8-8v-48a8 8 0 018-8zm76.18 239.87a64 64 0 1159.69-59.69 64.07 64.07 0 01-59.69 59.69z"/><path d="M395.31 468.69L347.63 421c-6.09-6.1-16-6.66-22.38-.86a16 16 0 00-.56 23.16l4.68 4.69H182.63l4.36-4.37c6.1-6.09 6.66-16 .86-22.38a16 16 0 00-23.16-.56l-48 48a16 16 0 1022.62 22.62l11.32-11.3h210.74l11.32 11.31a16 16 0 0022.62-22.62z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<ellipse cx="256" cy="304" rx="32.05" ry="31.94" transform="rotate(-45 256.001 304)" /><path d="M352 32h-15a10 10 0 01-7.87-3.78A31.94 31.94 0 00304 16h-96a32 32 0 00-26.11 13.52A6 6 0 01177 32h-17c-36.81 0-64 28.84-64 64v255c0 23.27 25.6 42.06 83 60.94a753 753 0 0073.77 19.73 16 16 0 006.46 0A753 753 0 00333 411.94c57.4-18.88 83-37.67 83-60.94V96a64 64 0 00-64-64zm-168 96h144a8 8 0 018 8v48a8 8 0 01-8 8H184a8 8 0 01-8-8v-48a8 8 0 018-8zm76.18 239.87a64 64 0 1159.69-59.69 64.07 64.07 0 01-59.69 59.69z" /><path d="M395.31 468.69L347.63 421c-6.09-6.1-16-6.66-22.38-.86a16 16 0 00-.56 23.16l4.68 4.69H182.63l4.36-4.37c6.1-6.09 6.66-16 .86-22.38a16 16 0 00-23.16-.56l-48 48a16 16 0 1022.62 22.62l11.32-11.3h210.74l11.32 11.31a16 16 0 0022.62-22.62z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Train = props => {
 Train.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrainOutline.js b/src/TrainOutline.js
index b5443cc50..97e416601 100644
--- a/src/TrainOutline.js
+++ b/src/TrainOutline.js
@@ -15,7 +15,7 @@ const TrainOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 48h-24a16 16 0 00-16-16h-96a16 16 0 00-16 16h-24a56.16 56.16 0 00-56 56v247c0 35.3 144 65 144 65s144-29.7 144-65V104a56 56 0 00-56-56zm-88 304a48 48 0 1148-48 48 48 0 01-48 48zm96-160a16 16 0 01-16 16H176a16 16 0 01-16-16v-64a16 16 0 0116-16h160a16 16 0 0116 16zM144 464h224M336 432l48 48M176 432l-48 48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 48h-24a16 16 0 00-16-16h-96a16 16 0 00-16 16h-24a56.16 56.16 0 00-56 56v247c0 35.3 144 65 144 65s144-29.7 144-65V104a56 56 0 00-56-56zm-88 304a48 48 0 1148-48 48 48 0 01-48 48zm96-160a16 16 0 01-16 16H176a16 16 0 01-16-16v-64a16 16 0 0116-16h160a16 16 0 0116 16zM144 464h224M336 432l48 48M176 432l-48 48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrainOutline = props => {
 TrainOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrainSharp.js b/src/TrainSharp.js
index 22bf80ccc..c3847bb8d 100644
--- a/src/TrainSharp.js
+++ b/src/TrainSharp.js
@@ -15,7 +15,7 @@ const TrainSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 32h-64a16 16 0 00-16-16h-96a16 16 0 00-16 16h-64c-16 0-32 16-32 32v288c0 23.92 160 80 160 80s160-56.74 160-80V64c0-16-16-32-32-32zM256 352a48 48 0 1148-48 48 48 0 01-48 48zm112-152a8 8 0 01-8 8H152a8 8 0 01-8-8v-80a8 8 0 018-8h208a8 8 0 018 8z"/><path d="M314 432l15.32 16H182.58L198 432l-32-13-76.62 77h45.2l16-16h210.74l16 16h45.3l-76.36-77.75L314 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M384 32h-64a16 16 0 00-16-16h-96a16 16 0 00-16 16h-64c-16 0-32 16-32 32v288c0 23.92 160 80 160 80s160-56.74 160-80V64c0-16-16-32-32-32zM256 352a48 48 0 1148-48 48 48 0 01-48 48zm112-152a8 8 0 01-8 8H152a8 8 0 01-8-8v-80a8 8 0 018-8h208a8 8 0 018 8z" /><path d="M314 432l15.32 16H182.58L198 432l-32-13-76.62 77h45.2l16-16h210.74l16 16h45.3l-76.36-77.75L314 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrainSharp = props => {
 TrainSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Transgender.js b/src/Transgender.js
index 9d6e26e4a..81d43ed26 100644
--- a/src/Transgender.js
+++ b/src/Transgender.js
@@ -15,7 +15,7 @@ const Transgender = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M458 32h-68a22 22 0 000 44h14.89l-59.57 59.57a149.69 149.69 0 00-178.64 0l-7.57-7.57 26.45-26.44a22 22 0 00-31.12-31.12L128 96.89 107.11 76H122a22 22 0 000-44H54a22 22 0 00-22 22v68a22 22 0 0044 0v-14.89L96.89 128l-26.42 26.42a22 22 0 1031.11 31.11L128 159.11l7.57 7.57A149.19 149.19 0 00106 256c0 82.71 67.29 150 150 150a149.2 149.2 0 0089.46-29.67L369 399.9l-26.54 26.54a22 22 0 0031.12 31.12l26.49-26.5 42.37 42.48a22 22 0 0031.16-31.08L431.17 400l26.39-26.39a22 22 0 00-31.12-31.12l-26.35 26.35-23.55-23.62a149.68 149.68 0 00-.11-178.49L436 107.11V122a22 22 0 0044 0V54a22 22 0 00-22-22zM150 256a106 106 0 11106 106 106.12 106.12 0 01-106-106z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M458 32h-68a22 22 0 000 44h14.89l-59.57 59.57a149.69 149.69 0 00-178.64 0l-7.57-7.57 26.45-26.44a22 22 0 00-31.12-31.12L128 96.89 107.11 76H122a22 22 0 000-44H54a22 22 0 00-22 22v68a22 22 0 0044 0v-14.89L96.89 128l-26.42 26.42a22 22 0 1031.11 31.11L128 159.11l7.57 7.57A149.19 149.19 0 00106 256c0 82.71 67.29 150 150 150a149.2 149.2 0 0089.46-29.67L369 399.9l-26.54 26.54a22 22 0 0031.12 31.12l26.49-26.5 42.37 42.48a22 22 0 0031.16-31.08L431.17 400l26.39-26.39a22 22 0 00-31.12-31.12l-26.35 26.35-23.55-23.62a149.68 149.68 0 00-.11-178.49L436 107.11V122a22 22 0 0044 0V54a22 22 0 00-22-22zM150 256a106 106 0 11106 106 106.12 106.12 0 01-106-106z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Transgender = props => {
 Transgender.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TransgenderOutline.js b/src/TransgenderOutline.js
index 99a28b008..54035389a 100644
--- a/src/TransgenderOutline.js
+++ b/src/TransgenderOutline.js
@@ -15,7 +15,7 @@ const TransgenderOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 352l-96 96M176 80l-95.98 95.98M464 128V48h-80M48 128V48h80M464 48L346.5 165.5M48 48l117.49 117.49M464 464L346.65 346.37"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="256" cy="256" r="128" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 352l-96 96M176 80l-95.98 95.98M464 128V48h-80M48 128V48h80M464 48L346.5 165.5M48 48l117.49 117.49M464 464L346.65 346.37" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TransgenderOutline = props => {
 TransgenderOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TransgenderSharp.js b/src/TransgenderSharp.js
index 67944638d..b517ffd59 100644
--- a/src/TransgenderSharp.js
+++ b/src/TransgenderSharp.js
@@ -15,7 +15,7 @@ const TransgenderSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 448.94l-48.94-49.08L464 366.92l-31.1-31.11-32.9 32.9-23.55-23.61a149.64 149.64 0 00-.1-178.45l59.55-59.56V144h44V32h-112v44h36.87l-59.55 59.55a149.65 149.65 0 00-178.59 0l-7.55-7.55 33-33L161 63.88l-33 33L107.09 76H144V32H32v112h44v-36.91L96.87 128l-33 33L95 192.05l33-33 7.56 7.57A149.18 149.18 0 00106 255.94c0 82.69 67.27 150 150 150a149.12 149.12 0 0089.44-29.67l23.51 23.58-33.14 33.05 31.11 31.1 33-33 48.9 49zm-330-193a106 106 0 11106 106 106.09 106.09 0 01-106-106z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M480 448.94l-48.94-49.08L464 366.92l-31.1-31.11-32.9 32.9-23.55-23.61a149.64 149.64 0 00-.1-178.45l59.55-59.56V144h44V32h-112v44h36.87l-59.55 59.55a149.65 149.65 0 00-178.59 0l-7.55-7.55 33-33L161 63.88l-33 33L107.09 76H144V32H32v112h44v-36.91L96.87 128l-33 33L95 192.05l33-33 7.56 7.57A149.18 149.18 0 00106 255.94c0 82.69 67.27 150 150 150a149.12 149.12 0 0089.44-29.67l23.51 23.58-33.14 33.05 31.11 31.1 33-33 48.9 49zm-330-193a106 106 0 11106 106 106.09 106.09 0 01-106-106z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TransgenderSharp = props => {
 TransgenderSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Trash.js b/src/Trash.js
index 530a7bde1..84653837e 100644
--- a/src/Trash.js
+++ b/src/Trash.js
@@ -15,7 +15,7 @@ const Trash = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z" fill="none"/><path d="M432 96h-96V72a40 40 0 00-40-40h-80a40 40 0 00-40 40v24H80a16 16 0 000 32h17l19 304.92c1.42 26.85 22 47.08 48 47.08h184c26.13 0 46.3-19.78 48-47l19-305h17a16 16 0 000-32zM192.57 416H192a16 16 0 01-16-15.43l-8-224a16 16 0 1132-1.14l8 224A16 16 0 01192.57 416zM272 400a16 16 0 01-32 0V176a16 16 0 0132 0zm32-304h-96V72a7.91 7.91 0 018-8h80a7.91 7.91 0 018 8zm32 304.57A16 16 0 01320 416h-.58A16 16 0 01304 399.43l8-224a16 16 0 1132 1.14z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z" fill="none" /><path d="M432 96h-96V72a40 40 0 00-40-40h-80a40 40 0 00-40 40v24H80a16 16 0 000 32h17l19 304.92c1.42 26.85 22 47.08 48 47.08h184c26.13 0 46.3-19.78 48-47l19-305h17a16 16 0 000-32zM192.57 416H192a16 16 0 01-16-15.43l-8-224a16 16 0 1132-1.14l8 224A16 16 0 01192.57 416zM272 400a16 16 0 01-32 0V176a16 16 0 0132 0zm32-304h-96V72a7.91 7.91 0 018-8h80a7.91 7.91 0 018 8zm32 304.57A16 16 0 01320 416h-.58A16 16 0 01304 399.43l8-224a16 16 0 1132 1.14z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Trash = props => {
 Trash.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrashBin.js b/src/TrashBin.js
index 619978b71..6bc8b75cc 100644
--- a/src/TrashBin.js
+++ b/src/TrashBin.js
@@ -15,7 +15,7 @@ const TrashBin = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="80" rx="32" ry="32"/><path d="M74.45 160a8 8 0 00-8 8.83l26.31 252.56a1.5 1.5 0 000 .22A48 48 0 00140.45 464h231.09a48 48 0 0047.67-42.39v-.21l26.27-252.57a8 8 0 00-8-8.83zm248.86 180.69a16 16 0 11-22.63 22.62L256 318.63l-44.69 44.68a16 16 0 01-22.63-22.62L233.37 296l-44.69-44.69a16 16 0 0122.63-22.62L256 273.37l44.68-44.68a16 16 0 0122.63 22.62L278.62 296z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="48" width="448" height="80" rx="32" ry="32" /><path d="M74.45 160a8 8 0 00-8 8.83l26.31 252.56a1.5 1.5 0 000 .22A48 48 0 00140.45 464h231.09a48 48 0 0047.67-42.39v-.21l26.27-252.57a8 8 0 00-8-8.83zm248.86 180.69a16 16 0 11-22.63 22.62L256 318.63l-44.69 44.68a16 16 0 01-22.63-22.62L233.37 296l-44.69-44.69a16 16 0 0122.63-22.62L256 273.37l44.68-44.68a16 16 0 0122.63 22.62L278.62 296z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrashBin = props => {
 TrashBin.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrashBinOutline.js b/src/TrashBinOutline.js
index 81d8f800c..cfd78990b 100644
--- a/src/TrashBinOutline.js
+++ b/src/TrashBinOutline.js
@@ -15,7 +15,7 @@ const TrashBinOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 144l-28.67 275.74A32 32 0 01371.55 448H140.46a32 32 0 01-31.78-28.26L80 144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><rect x="32" y="64" width="448" height="80" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M312 240L200 352M312 352L200 240"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M432 144l-28.67 275.74A32 32 0 01371.55 448H140.46a32 32 0 01-31.78-28.26L80 144" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><rect x="32" y="64" width="448" height="80" rx="16" ry="16" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M312 240L200 352M312 352L200 240" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrashBinOutline = props => {
 TrashBinOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrashBinSharp.js b/src/TrashBinSharp.js
index 526cf6c9d..20095e220 100644
--- a/src/TrashBinSharp.js
+++ b/src/TrashBinSharp.js
@@ -15,7 +15,7 @@ const TrashBinSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z"/><path fill="none" d="M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z"/><path d="M64 160l29.74 282.51A24 24 0 00117.61 464h276.78a24 24 0 0023.87-21.49L448 160zm248 217.46l-56-56-56 56L174.54 352l56-56-56-56L200 214.54l56 56 56-56L337.46 240l-56 56 56 56z"/><rect x="32" y="48" width="448" height="80" rx="12" ry="12"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" d="M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z" /><path fill="none" d="M337.46 240L312 214.54l-56 56-56-56L174.54 240l56 56-56 56L200 377.46l56-56 56 56L337.46 352l-56-56 56-56z" /><path d="M64 160l29.74 282.51A24 24 0 00117.61 464h276.78a24 24 0 0023.87-21.49L448 160zm248 217.46l-56-56-56 56L174.54 352l56-56-56-56L200 214.54l56 56 56-56L337.46 240l-56 56 56 56z" /><rect x="32" y="48" width="448" height="80" rx="12" ry="12" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrashBinSharp = props => {
 TrashBinSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrashOutline.js b/src/TrashOutline.js
index a86745134..ae714746c 100644
--- a/src/TrashOutline.js
+++ b/src/TrashOutline.js
@@ -15,7 +15,7 @@ const TrashOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M80 112h352"/><path d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M80 112h352" /><path d="M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrashOutline = props => {
 TrashOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrashSharp.js b/src/TrashSharp.js
index 8a555e33b..735b717c3 100644
--- a/src/TrashSharp.js
+++ b/src/TrashSharp.js
@@ -15,7 +15,7 @@ const TrashSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z" fill="none"/><path d="M292 64h-72a4 4 0 00-4 4v28h80V68a4 4 0 00-4-4z" fill="none"/><path d="M447.55 96H336V48a16 16 0 00-16-16H192a16 16 0 00-16 16v48H64.45L64 136h33l20.09 314A32 32 0 00149 480h214a32 32 0 0031.93-29.95L415 136h33zM176 416l-9-256h33l9 256zm96 0h-32V160h32zm24-320h-80V68a4 4 0 014-4h72a4 4 0 014 4zm40 320h-33l9-256h33z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 64h-80a7.91 7.91 0 00-8 8v24h96V72a7.91 7.91 0 00-8-8z" fill="none" /><path d="M292 64h-72a4 4 0 00-4 4v28h80V68a4 4 0 00-4-4z" fill="none" /><path d="M447.55 96H336V48a16 16 0 00-16-16H192a16 16 0 00-16 16v48H64.45L64 136h33l20.09 314A32 32 0 00149 480h214a32 32 0 0031.93-29.95L415 136h33zM176 416l-9-256h33l9 256zm96 0h-32V160h32zm24-320h-80V68a4 4 0 014-4h72a4 4 0 014 4zm40 320h-33l9-256h33z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrashSharp = props => {
 TrashSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingDown.js b/src/TrendingDown.js
index 6c636a84e..3dcab1d59 100644
--- a/src/TrendingDown.js
+++ b/src/TrendingDown.js
@@ -15,7 +15,7 @@ const TrendingDown = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 368h112V256"/><path d="M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 368h112V256" /><path d="M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingDown = props => {
 TrendingDown.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingDownOutline.js b/src/TrendingDownOutline.js
index b7522fdb8..b42a51ca5 100644
--- a/src/TrendingDownOutline.js
+++ b/src/TrendingDownOutline.js
@@ -15,7 +15,7 @@ const TrendingDownOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 368h112V256"/><path d="M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 368h112V256" /><path d="M48 144l121.37 121.37a32 32 0 0045.26 0l50.74-50.74a32 32 0 0145.26 0L448 352" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingDownOutline = props => {
 TrendingDownOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingDownSharp.js b/src/TrendingDownSharp.js
index 77708a7f9..55c291864 100644
--- a/src/TrendingDownSharp.js
+++ b/src/TrendingDownSharp.js
@@ -15,7 +15,7 @@ const TrendingDownSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 368h112V256"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M48 144l144 144 96-96 160 160"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 368h112V256" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M48 144l144 144 96-96 160 160" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingDownSharp = props => {
 TrendingDownSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingUp.js b/src/TrendingUp.js
index dba27c17b..06351dbcb 100644
--- a/src/TrendingUp.js
+++ b/src/TrendingUp.js
@@ -15,7 +15,7 @@ const TrendingUp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 144h112v112"/><path d="M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 144h112v112" /><path d="M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingUp = props => {
 TrendingUp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingUpOutline.js b/src/TrendingUpOutline.js
index 567bdcb31..08b38e8b1 100644
--- a/src/TrendingUpOutline.js
+++ b/src/TrendingUpOutline.js
@@ -15,7 +15,7 @@ const TrendingUpOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 144h112v112"/><path d="M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 144h112v112" /><path d="M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingUpOutline = props => {
 TrendingUpOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrendingUpSharp.js b/src/TrendingUpSharp.js
index 4776523c6..1d512c52e 100644
--- a/src/TrendingUpSharp.js
+++ b/src/TrendingUpSharp.js
@@ -15,7 +15,7 @@ const TrendingUpSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 144h112v112"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M48 368l144-144 96 96 160-160"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M352 144h112v112" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M48 368l144-144 96 96 160-160" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrendingUpSharp = props => {
 TrendingUpSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Triangle.js b/src/Triangle.js
index 5cae22fc6..f02cacad9 100644
--- a/src/Triangle.js
+++ b/src/Triangle.js
@@ -15,7 +15,7 @@ const Triangle = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Triangle = props => {
 Triangle.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TriangleOutline.js b/src/TriangleOutline.js
index e60f8e8bc..207c203c3 100644
--- a/src/TriangleOutline.js
+++ b/src/TriangleOutline.js
@@ -15,7 +15,7 @@ const TriangleOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 448L256 64l208 384H48z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M48 448L256 64l208 384H48z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TriangleOutline = props => {
 TriangleOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TriangleSharp.js b/src/TriangleSharp.js
index 066db9906..8ca3d2430 100644
--- a/src/TriangleSharp.js
+++ b/src/TriangleSharp.js
@@ -15,7 +15,7 @@ const TriangleSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32L20 464h472L256 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 32L20 464h472L256 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TriangleSharp = props => {
 TriangleSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Trophy.js b/src/Trophy.js
index 6d9a0097b..2e89b730b 100644
--- a/src/Trophy.js
+++ b/src/Trophy.js
@@ -15,7 +15,7 @@ const Trophy = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 80h-60.1a4 4 0 01-4-4V63.92a32 32 0 00-32-31.92l-223.79.26a32 32 0 00-31.94 31.93V76a4 4 0 01-4 4H48a16 16 0 00-16 16v16c0 54.53 30 112.45 76.52 125.35a7.82 7.82 0 015.55 5.9c5.77 26.89 23.52 52.5 51.41 73.61 20.91 15.83 45.85 27.5 68.27 32.48a8 8 0 016.25 7.8V444a4 4 0 01-4 4h-59.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 480h159.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 448h-60a4 4 0 01-4-4v-86.86a8 8 0 016.25-7.8c22.42-5 47.36-16.65 68.27-32.48 27.89-21.11 45.64-46.72 51.41-73.61a7.82 7.82 0 015.55-5.9C450 224.45 480 166.53 480 112V96a16 16 0 00-16-16zM112 198.22a4 4 0 01-6 3.45c-10.26-6.11-17.75-15.37-22.14-21.89-11.91-17.69-19-40.67-19.79-63.63a4 4 0 014-4.15h40a4 4 0 014 4c-.02 27.45-.07 58.87-.07 82.22zm316.13-18.44c-4.39 6.52-11.87 15.78-22.13 21.89a4 4 0 01-6-3.46c0-26.51 0-56.63-.05-82.21a4 4 0 014-4h40a4 4 0 014 4.15c-.79 22.96-7.9 45.94-19.81 63.63z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 80h-60.1a4 4 0 01-4-4V63.92a32 32 0 00-32-31.92l-223.79.26a32 32 0 00-31.94 31.93V76a4 4 0 01-4 4H48a16 16 0 00-16 16v16c0 54.53 30 112.45 76.52 125.35a7.82 7.82 0 015.55 5.9c5.77 26.89 23.52 52.5 51.41 73.61 20.91 15.83 45.85 27.5 68.27 32.48a8 8 0 016.25 7.8V444a4 4 0 01-4 4h-59.55c-8.61 0-16 6.62-16.43 15.23A16 16 0 00176 480h159.55c8.61 0 16-6.62 16.43-15.23A16 16 0 00336 448h-60a4 4 0 01-4-4v-86.86a8 8 0 016.25-7.8c22.42-5 47.36-16.65 68.27-32.48 27.89-21.11 45.64-46.72 51.41-73.61a7.82 7.82 0 015.55-5.9C450 224.45 480 166.53 480 112V96a16 16 0 00-16-16zM112 198.22a4 4 0 01-6 3.45c-10.26-6.11-17.75-15.37-22.14-21.89-11.91-17.69-19-40.67-19.79-63.63a4 4 0 014-4.15h40a4 4 0 014 4c-.02 27.45-.07 58.87-.07 82.22zm316.13-18.44c-4.39 6.52-11.87 15.78-22.13 21.89a4 4 0 01-6-3.46c0-26.51 0-56.63-.05-82.21a4 4 0 014-4h40a4 4 0 014 4.15c-.79 22.96-7.9 45.94-19.81 63.63z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Trophy = props => {
 Trophy.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrophyOutline.js b/src/TrophyOutline.js
index cba2f2765..c4e6a4871 100644
--- a/src/TrophyOutline.js
+++ b/src/TrophyOutline.js
@@ -15,7 +15,7 @@ const TrophyOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 464h160M256 464V336M384 224c0-50.64-.08-134.63-.12-160a16 16 0 00-16-16l-223.79.26a16 16 0 00-16 15.95c0 30.58-.13 129.17-.13 159.79 0 64.28 83 112 128 112S384 288.28 384 224z"/><path d="M128 96H48v16c0 55.22 33.55 112 80 112M384 96h80v16c0 55.22-33.55 112-80 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M176 464h160M256 464V336M384 224c0-50.64-.08-134.63-.12-160a16 16 0 00-16-16l-223.79.26a16 16 0 00-16 15.95c0 30.58-.13 129.17-.13 159.79 0 64.28 83 112 128 112S384 288.28 384 224z" /><path d="M128 96H48v16c0 55.22 33.55 112 80 112M384 96h80v16c0 55.22-33.55 112-80 112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrophyOutline = props => {
 TrophyOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TrophySharp.js b/src/TrophySharp.js
index 07aa0d27d..ed89e5129 100644
--- a/src/TrophySharp.js
+++ b/src/TrophySharp.js
@@ -15,7 +15,7 @@ const TrophySharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399.9 80V32H112v48H32v38c0 32 9.5 62.79 26.76 86.61 13.33 18.4 34.17 31.1 52.91 37.21 5.44 29.29 20.2 57.13 50.19 79.83 22 16.66 48.45 28.87 72.14 33.86V436h-74v44h192v-44h-74v-80.49c23.69-5 50.13-17.2 72.14-33.86 30-22.7 44.75-50.54 50.19-79.83 18.74-6.11 39.58-18.81 52.91-37.21C470.5 180.79 480 150 480 118V80zM94.4 178.8c-10.68-14.68-17.17-34.4-18.24-54.8H112v67.37c-3.94-1.14-12.92-6.12-17.6-12.57zm323.2 0c-4.6 6.61-11.6 12.58-17.6 12.58 0-22.4 0-46.29-.05-67.38h35.9c-1.08 20.4-7.85 39.9-18.25 54.8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M399.9 80V32H112v48H32v38c0 32 9.5 62.79 26.76 86.61 13.33 18.4 34.17 31.1 52.91 37.21 5.44 29.29 20.2 57.13 50.19 79.83 22 16.66 48.45 28.87 72.14 33.86V436h-74v44h192v-44h-74v-80.49c23.69-5 50.13-17.2 72.14-33.86 30-22.7 44.75-50.54 50.19-79.83 18.74-6.11 39.58-18.81 52.91-37.21C470.5 180.79 480 150 480 118V80zM94.4 178.8c-10.68-14.68-17.17-34.4-18.24-54.8H112v67.37c-3.94-1.14-12.92-6.12-17.6-12.57zm323.2 0c-4.6 6.61-11.6 12.58-17.6 12.58 0-22.4 0-46.29-.05-67.38h35.9c-1.08 20.4-7.85 39.9-18.25 54.8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TrophySharp = props => {
 TrophySharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Tv.js b/src/Tv.js
index c85cdf790..a76bd185e 100644
--- a/src/Tv.js
+++ b/src/Tv.js
@@ -15,7 +15,7 @@ const Tv = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.86 384H64.14A48.2 48.2 0 0116 335.86V128.14A48.2 48.2 0 0164.14 80h383.72A48.2 48.2 0 01496 128.14v207.72A48.2 48.2 0 01447.86 384z"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M128 416h256"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M447.86 384H64.14A48.2 48.2 0 0116 335.86V128.14A48.2 48.2 0 0164.14 80h383.72A48.2 48.2 0 01496 128.14v207.72A48.2 48.2 0 01447.86 384z" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M128 416h256" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Tv = props => {
 Tv.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TvOutline.js b/src/TvOutline.js
index ce6182893..a00742a5a 100644
--- a/src/TvOutline.js
+++ b/src/TvOutline.js
@@ -15,7 +15,7 @@ const TvOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="96" width="448" height="272" rx="32.14" ry="32.14" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M128 416h256"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="32" y="96" width="448" height="272" rx="32.14" ry="32.14" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M128 416h256" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TvOutline = props => {
 TvOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/TvSharp.js b/src/TvSharp.js
index 8a2d69ffb..4aa1a14db 100644
--- a/src/TvSharp.js
+++ b/src/TvSharp.js
@@ -15,7 +15,7 @@ const TvSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M488 384H24a8 8 0 01-8-8V88a8 8 0 018-8h464a8 8 0 018 8v288a8 8 0 01-8 8z"/><rect x="112" y="400" width="288" height="32" rx="4" ry="4"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M488 384H24a8 8 0 01-8-8V88a8 8 0 018-8h464a8 8 0 018 8v288a8 8 0 01-8 8z" /><rect x="112" y="400" width="288" height="32" rx="4" ry="4" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const TvSharp = props => {
 TvSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Umbrella.js b/src/Umbrella.js
index 4d711dbf2..99e84b6ca 100644
--- a/src/Umbrella.js
+++ b/src/Umbrella.js
@@ -15,7 +15,7 @@ const Umbrella = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 113.61a222.26 222.26 0 00-136.33-64.54 8.09 8.09 0 01-6.88-5.62 15.79 15.79 0 00-30.36 0 8.09 8.09 0 01-6.88 5.62A224 224 0 0032 271.52a16.41 16.41 0 007.24 13.87 16 16 0 0020.07-2.08 51.89 51.89 0 0173.31-.06 15.94 15.94 0 0022.6.15 62.59 62.59 0 0181.49-5.87 8.24 8.24 0 013.29 6.59v147.42c0 8.6-6.6 16-15.19 16.44A16 16 0 01208 432a16 16 0 00-16.29-16c-9 .16-15.9 8.11-15.7 17.1a48.06 48.06 0 0047.37 46.9c26.88.34 48.62-21.93 48.62-48.81V284.12a8.24 8.24 0 013.29-6.59 62.59 62.59 0 0181.4 5.78 16 16 0 0022.62 0 51.91 51.91 0 0173.38 0 16 16 0 0019.54 2.41 16.4 16.4 0 007.77-14.21 222.54 222.54 0 00-65.61-157.9z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.39 113.61a222.26 222.26 0 00-136.33-64.54 8.09 8.09 0 01-6.88-5.62 15.79 15.79 0 00-30.36 0 8.09 8.09 0 01-6.88 5.62A224 224 0 0032 271.52a16.41 16.41 0 007.24 13.87 16 16 0 0020.07-2.08 51.89 51.89 0 0173.31-.06 15.94 15.94 0 0022.6.15 62.59 62.59 0 0181.49-5.87 8.24 8.24 0 013.29 6.59v147.42c0 8.6-6.6 16-15.19 16.44A16 16 0 01208 432a16 16 0 00-16.29-16c-9 .16-15.9 8.11-15.7 17.1a48.06 48.06 0 0047.37 46.9c26.88.34 48.62-21.93 48.62-48.81V284.12a8.24 8.24 0 013.29-6.59 62.59 62.59 0 0181.4 5.78 16 16 0 0022.62 0 51.91 51.91 0 0173.38 0 16 16 0 0019.54 2.41 16.4 16.4 0 007.77-14.21 222.54 222.54 0 00-65.61-157.9z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Umbrella = props => {
 Umbrella.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/UmbrellaOutline.js b/src/UmbrellaOutline.js
index 457dc7da0..cb1497b87 100644
--- a/src/UmbrellaOutline.js
+++ b/src/UmbrellaOutline.js
@@ -15,7 +15,7 @@ const UmbrellaOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 272v160a32 32 0 01-32 32h0a32 32 0 01-32-32M464 272c0-114.88-93.12-208-208-208S48 157.12 48 272h0a67.88 67.88 0 0196 0h0a78.28 78.28 0 01102.31-7.27L256 272l9.69-7.27A78.28 78.28 0 01368 272h0a67.88 67.88 0 0196 0zM256 64V48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 272v160a32 32 0 01-32 32h0a32 32 0 01-32-32M464 272c0-114.88-93.12-208-208-208S48 157.12 48 272h0a67.88 67.88 0 0196 0h0a78.28 78.28 0 01102.31-7.27L256 272l9.69-7.27A78.28 78.28 0 01368 272h0a67.88 67.88 0 0196 0zM256 64V48" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const UmbrellaOutline = props => {
 UmbrellaOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/UmbrellaSharp.js b/src/UmbrellaSharp.js
index f7c92d92d..d0cefa8bd 100644
--- a/src/UmbrellaSharp.js
+++ b/src/UmbrellaSharp.js
@@ -15,7 +15,7 @@ const UmbrellaSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128.93 280l-.26-.3c-.9-.74-1.83-1.43-2.77-2.1zM383.08 280l2.62-2.12c-.79.58-1.57 1.17-2.34 1.79z"/><path d="M463.14 186.44A224.55 224.55 0 00272 48.57V32h-32v16.57A223.58 223.58 0 0032 272v22.52l12.25-11.21a62.63 62.63 0 0181.43-5.88l.22.17c.94.67 1.87 1.36 2.77 2.1q2.09 1.69 4 3.61L144 294.63l11.31-11.32a62.59 62.59 0 0181.4-5.78L240 280v152a16 16 0 01-32 0v-16h-32v16a48 48 0 0096 0V280l3.29-2.47a62.59 62.59 0 0181.4 5.78L368 294.63l11.31-11.32q1.95-1.94 4.05-3.64c.77-.62 1.55-1.21 2.34-1.79l.26-.21c24.63-18.47 60-16.13 81.81 5.64l12.23 11.2V272a223.62 223.62 0 00-16.86-85.56z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M128.93 280l-.26-.3c-.9-.74-1.83-1.43-2.77-2.1zM383.08 280l2.62-2.12c-.79.58-1.57 1.17-2.34 1.79z" /><path d="M463.14 186.44A224.55 224.55 0 00272 48.57V32h-32v16.57A223.58 223.58 0 0032 272v22.52l12.25-11.21a62.63 62.63 0 0181.43-5.88l.22.17c.94.67 1.87 1.36 2.77 2.1q2.09 1.69 4 3.61L144 294.63l11.31-11.32a62.59 62.59 0 0181.4-5.78L240 280v152a16 16 0 01-32 0v-16h-32v16a48 48 0 0096 0V280l3.29-2.47a62.59 62.59 0 0181.4 5.78L368 294.63l11.31-11.32q1.95-1.94 4.05-3.64c.77-.62 1.55-1.21 2.34-1.79l.26-.21c24.63-18.47 60-16.13 81.81 5.64l12.23 11.2V272a223.62 223.62 0 00-16.86-85.56z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const UmbrellaSharp = props => {
 UmbrellaSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Unlink.js b/src/Unlink.js
index 157ee7061..692e6e566 100644
--- a/src/Unlink.js
+++ b/src/Unlink.js
@@ -15,7 +15,7 @@ const Unlink = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Unlink = props => {
 Unlink.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/UnlinkOutline.js b/src/UnlinkOutline.js
index c20cc512c..af00df5ec 100644
--- a/src/UnlinkOutline.js
+++ b/src/UnlinkOutline.js
@@ -15,7 +15,7 @@ const UnlinkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="36"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="36" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const UnlinkOutline = props => {
 UnlinkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/UnlinkSharp.js b/src/UnlinkSharp.js
index c4bb0de25..eba8696e3 100644
--- a/src/UnlinkSharp.js
+++ b/src/UnlinkSharp.js
@@ -15,7 +15,7 @@ const UnlinkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M200.66 352H144a96 96 0 010-192h55.41M312.59 160H368a96 96 0 010 192h-56.66" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="48" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const UnlinkSharp = props => {
 UnlinkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Videocam.js b/src/Videocam.js
index 4c7230143..2305f7403 100644
--- a/src/Videocam.js
+++ b/src/Videocam.js
@@ -15,7 +15,7 @@ const Videocam = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32zM268 400H84a68.07 68.07 0 01-68-68V180a68.07 68.07 0 0168-68h184.48A67.6 67.6 0 01336 179.52V332a68.07 68.07 0 01-68 68z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Videocam = props => {
 Videocam.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VideocamOff.js b/src/VideocamOff.js
index 568040208..a4ec57173 100644
--- a/src/VideocamOff.js
+++ b/src/VideocamOff.js
@@ -15,7 +15,7 @@ const VideocamOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 179.52A67.52 67.52 0 00268.48 112h-79.2a4 4 0 00-2.82 6.83l142.71 142.71a4 4 0 006.83-2.82zM16 180v152a68 68 0 0068 68h184a67.66 67.66 0 0042.84-15.24 4 4 0 00.33-6L54.41 122a4 4 0 00-4.87-.62A68 68 0 0016 180zM464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 416L80 80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 179.52A67.52 67.52 0 00268.48 112h-79.2a4 4 0 00-2.82 6.83l142.71 142.71a4 4 0 006.83-2.82zM16 180v152a68 68 0 0068 68h184a67.66 67.66 0 0042.84-15.24 4 4 0 00.33-6L54.41 122a4 4 0 00-4.87-.62A68 68 0 0016 180zM464 384.39a32 32 0 01-13-2.77 15.77 15.77 0 01-2.71-1.54l-82.71-58.22A32 32 0 01352 295.7v-79.4a32 32 0 0113.58-26.16l82.71-58.22a15.77 15.77 0 012.71-1.54 32 32 0 0145 29.24v192.76a32 32 0 01-32 32z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 416L80 80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VideocamOff = props => {
 VideocamOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VideocamOffOutline.js b/src/VideocamOffOutline.js
index fa1180775..f55476edd 100644
--- a/src/VideocamOffOutline.js
+++ b/src/VideocamOffOutline.js
@@ -15,7 +15,7 @@ const VideocamOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="32" strokeLinejoin="round" d="M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="32" strokeMiterlimit="10" d="M50.19 140.57A51.94 51.94 0 0032 180v152a52.15 52.15 0 0052 52h184a51.6 51.6 0 0022-4.9M208 128h60.48A51.68 51.68 0 01320 179.52V248M416 416L80 80"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="32" strokeLinejoin="round" d="M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="32" strokeMiterlimit="10" d="M50.19 140.57A51.94 51.94 0 0032 180v152a52.15 52.15 0 0052 52h184a51.6 51.6 0 0022-4.9M208 128h60.48A51.68 51.68 0 01320 179.52V248M416 416L80 80" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VideocamOffOutline = props => {
 VideocamOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VideocamOffSharp.js b/src/VideocamOffSharp.js
index 76c2f49bd..e8b28c97a 100644
--- a/src/VideocamOffSharp.js
+++ b/src/VideocamOffSharp.js
@@ -15,7 +15,7 @@ const VideocamOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M57.376 79.998l22.627-22.627 358.63 358.63-22.627 22.628zM32 112a16 16 0 00-16 16v256a16 16 0 0016 16h288a15.89 15.89 0 009.34-3l-285-285zM336 208v-80a16 16 0 00-16-16H179.63l245.44 245.44L496 400V112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M57.376 79.998l22.627-22.627 358.63 358.63-22.627 22.628zM32 112a16 16 0 00-16 16v256a16 16 0 0016 16h288a15.89 15.89 0 009.34-3l-285-285zM336 208v-80a16 16 0 00-16-16H179.63l245.44 245.44L496 400V112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VideocamOffSharp = props => {
 VideocamOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VideocamOutline.js b/src/VideocamOutline.js
index af2ab63ed..0b1464101 100644
--- a/src/VideocamOutline.js
+++ b/src/VideocamOutline.js
@@ -15,7 +15,7 @@ const VideocamOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M268 384H84a52.15 52.15 0 01-52-52V180a52.15 52.15 0 0152-52h184.48A51.68 51.68 0 01320 179.52V332a52.15 52.15 0 01-52 52z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M268 384H84a52.15 52.15 0 01-52-52V180a52.15 52.15 0 0152-52h184.48A51.68 51.68 0 01320 179.52V332a52.15 52.15 0 01-52 52z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VideocamOutline = props => {
 VideocamOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VideocamSharp.js b/src/VideocamSharp.js
index 37af56f04..f8b52482b 100644
--- a/src/VideocamSharp.js
+++ b/src/VideocamSharp.js
@@ -15,7 +15,7 @@ const VideocamSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 208v-80a16 16 0 00-16-16H32a16 16 0 00-16 16v256a16 16 0 0016 16h288a16 16 0 0016-16v-80l160 96V112z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M336 208v-80a16 16 0 00-16-16H32a16 16 0 00-16 16v256a16 16 0 0016 16h288a16 16 0 0016-16v-80l160 96V112z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VideocamSharp = props => {
 VideocamSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeHigh.js b/src/VolumeHigh.js
index 3327aa177..abb206edd 100644
--- a/src/VolumeHigh.js
+++ b/src/VolumeHigh.js
@@ -15,7 +15,7 @@ const VolumeHigh = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z"/><path d="M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z"/><path d="M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M232 416a23.88 23.88 0 01-14.2-4.68 8.27 8.27 0 01-.66-.51L125.76 336H56a24 24 0 01-24-24V200a24 24 0 0124-24h69.75l91.37-74.81a8.27 8.27 0 01.66-.51A24 24 0 01256 120v272a24 24 0 01-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 01-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0128.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 01320 336z" /><path d="M368 384a16 16 0 01-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0127.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 01-13.87 8z" /><path d="M416 432a16 16 0 01-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1127-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 01416 432z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeHigh = props => {
 VolumeHigh.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeHighOutline.js b/src/VolumeHighOutline.js
index b45b7d12a..7c2b48b7d 100644
--- a/src/VolumeHighOutline.js
+++ b/src/VolumeHighOutline.js
@@ -15,7 +15,7 @@ const VolumeHighOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126 192H56a8 8 0 00-8 8v112a8 8 0 008 8h69.65a15.93 15.93 0 0110.14 3.54l91.47 74.89A8 8 0 00240 392V120a8 8 0 00-12.74-6.43l-91.47 74.89A15 15 0 01126 192zM320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M126 192H56a8 8 0 00-8 8v112a8 8 0 008 8h69.65a15.93 15.93 0 0110.14 3.54l91.47 74.89A8 8 0 00240 392V120a8 8 0 00-12.74-6.43l-91.47 74.89A15 15 0 01126 192zM320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeHighOutline = props => {
 VolumeHighOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeHighSharp.js b/src/VolumeHighSharp.js
index 755425f08..51c9dd383 100644
--- a/src/VolumeHighSharp.js
+++ b/src/VolumeHighSharp.js
@@ -15,7 +15,7 @@ const VolumeHighSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32"/><path d="M125.65 176.1H32v159.8h93.65L256 440V72L125.65 176.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M320 320c9.74-19.38 16-40.84 16-64 0-23.48-6-44.42-16-64M368 368c19.48-33.92 32-64.06 32-112s-12-77.74-32-112M416 416c30-46 48-91.43 48-160s-18-113-48-160" fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" /><path d="M125.65 176.1H32v159.8h93.65L256 440V72L125.65 176.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeHighSharp = props => {
 VolumeHighSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeLow.js b/src/VolumeLow.js
index 6e564743e..b61ed920a 100644
--- a/src/VolumeLow.js
+++ b/src/VolumeLow.js
@@ -15,7 +15,7 @@ const VolumeLow = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01320 119.83v272.34a24 24 0 01-24 24zM384 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01384 336z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M296 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01320 119.83v272.34a24 24 0 01-24 24zM384 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01384 336z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeLow = props => {
 VolumeLow.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeLowOutline.js b/src/VolumeLowOutline.js
index a23dc34dc..b01055ec0 100644
--- a/src/VolumeLowOutline.js
+++ b/src/VolumeLowOutline.js
@@ -15,7 +15,7 @@ const VolumeLowOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M189.65 192H120a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM384 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M189.65 192H120a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM384 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeLowOutline = props => {
 VolumeLowOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeLowSharp.js b/src/VolumeLowSharp.js
index 3f375f659..0e0266ecb 100644
--- a/src/VolumeLowSharp.js
+++ b/src/VolumeLowSharp.js
@@ -15,7 +15,7 @@ const VolumeLowSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M391.12 341.48l-28.6-14.36 7.18-14.3c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73L362.48 185 391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18zM189.65 176.1H96v159.8h93.65L320 440V72L189.65 176.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M391.12 341.48l-28.6-14.36 7.18-14.3c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73L362.48 185 391 170.48l7.26 14.25C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18zM189.65 176.1H96v159.8h93.65L320 440V72L189.65 176.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeLowSharp = props => {
 VolumeLowSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMedium.js b/src/VolumeMedium.js
index 94d30a49d..9f5a476a5 100644
--- a/src/VolumeMedium.js
+++ b/src/VolumeMedium.js
@@ -15,7 +15,7 @@ const VolumeMedium = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M264 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01288 119.83v272.34a24 24 0 01-24 24zM352 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01352 336z"/><path d="M400 384a16 16 0 01-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 01413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 01-13.88 8z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M264 416.19a23.92 23.92 0 01-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 01-24-24V200a24 24 0 0124-24h69.65l91.46-75 .66-.51A24 24 0 01288 119.83v272.34a24 24 0 01-24 24zM352 336a16 16 0 01-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0128.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 01352 336z" /><path d="M400 384a16 16 0 01-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 01413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 01-13.88 8z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMedium = props => {
 VolumeMedium.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMediumOutline.js b/src/VolumeMediumOutline.js
index 630187dd6..5dbc200d9 100644
--- a/src/VolumeMediumOutline.js
+++ b/src/VolumeMediumOutline.js
@@ -15,7 +15,7 @@ const VolumeMediumOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M157.65 192H88a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M157.65 192H88a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61zM352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMediumOutline = props => {
 VolumeMediumOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMediumSharp.js b/src/VolumeMediumSharp.js
index 5ba7494d3..1bbfabee4 100644
--- a/src/VolumeMediumSharp.js
+++ b/src/VolumeMediumSharp.js
@@ -15,7 +15,7 @@ const VolumeMediumSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M157.65 176.1H64v159.8h93.65L288 440V72L157.65 176.1z"/><path d="M352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M157.65 176.1H64v159.8h93.65L288 440V72L157.65 176.1z" /><path d="M352 320c9.74-19.41 16-40.81 16-64 0-23.51-6-44.4-16-64M400 368c19.48-34 32-64 32-112s-12-77.7-32-112" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMediumSharp = props => {
 VolumeMediumSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMute.js b/src/VolumeMute.js
index 2cc7a6114..31fdd430b 100644
--- a/src/VolumeMute.js
+++ b/src/VolumeMute.js
@@ -15,7 +15,7 @@ const VolumeMute = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80"/><path d="M243.33 98.86a23.89 23.89 0 00-25.55 1.82l-.66.51-28.52 23.35a8 8 0 00-.59 11.85l54.33 54.33a8 8 0 0013.66-5.66v-64.49a24.51 24.51 0 00-12.67-21.71zM251.33 335.29L96.69 180.69A16 16 0 0085.38 176H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l92 75.31a23.9 23.9 0 0025.87 1.69A24.51 24.51 0 00256 391.45v-44.86a16 16 0 00-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 10-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l14.36 14.36a8 8 0 0013.55-4.31A146 146 0 00352 256zM416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26L389 337.4a8 8 0 0013.13-2.79C411 311.76 416 287.26 416 256z"/><path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 001.59 9l11.92 11.92a8 8 0 0012.92-2.16C471.6 344.9 480 305 480 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80" /><path d="M243.33 98.86a23.89 23.89 0 00-25.55 1.82l-.66.51-28.52 23.35a8 8 0 00-.59 11.85l54.33 54.33a8 8 0 0013.66-5.66v-64.49a24.51 24.51 0 00-12.67-21.71zM251.33 335.29L96.69 180.69A16 16 0 0085.38 176H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l92 75.31a23.9 23.9 0 0025.87 1.69A24.51 24.51 0 00256 391.45v-44.86a16 16 0 00-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 10-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l14.36 14.36a8 8 0 0013.55-4.31A146 146 0 00352 256zM416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26L389 337.4a8 8 0 0013.13-2.79C411 311.76 416 287.26 416 256z" /><path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 001.59 9l11.92 11.92a8 8 0 0012.92-2.16C471.6 344.9 480 305 480 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMute = props => {
 VolumeMute.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMuteOutline.js b/src/VolumeMuteOutline.js
index bed2639cc..273405eda 100644
--- a/src/VolumeMuteOutline.js
+++ b/src/VolumeMuteOutline.js
@@ -15,7 +15,7 @@ const VolumeMuteOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80"/><path d="M224 136.92v33.8a4 4 0 001.17 2.82l24 24a4 4 0 006.83-2.82v-74.15a24.53 24.53 0 00-12.67-21.72 23.91 23.91 0 00-25.55 1.83 8.27 8.27 0 00-.66.51l-31.94 26.15a4 4 0 00-.29 5.92l17.05 17.06a4 4 0 005.37.26zM224 375.08l-78.07-63.92a32 32 0 00-20.28-7.16H64v-96h50.72a4 4 0 002.82-6.83l-24-24a4 4 0 00-2.82-1.17H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l91.36 74.8a8.27 8.27 0 00.66.51 23.93 23.93 0 0025.85 1.69A24.49 24.49 0 00256 391.45v-50.17a4 4 0 00-1.17-2.82l-24-24a4 4 0 00-6.83 2.82zM125.82 336zM352 256c0-24.56-5.81-47.88-17.75-71.27a16 16 0 00-28.5 14.54C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l19.66 19.67a4 4 0 006.75-2A146.89 146.89 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26l16.77 16.76a4 4 0 006.52-1.27C410.09 315.88 416 289.91 416 256z"/><path d="M480 256c0-74.26-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 47.45-8.9 82.12-23.59 113a4 4 0 00.77 4.55L443 391.39a4 4 0 006.4-1C470.88 348.22 480 307 480 256z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80" /><path d="M224 136.92v33.8a4 4 0 001.17 2.82l24 24a4 4 0 006.83-2.82v-74.15a24.53 24.53 0 00-12.67-21.72 23.91 23.91 0 00-25.55 1.83 8.27 8.27 0 00-.66.51l-31.94 26.15a4 4 0 00-.29 5.92l17.05 17.06a4 4 0 005.37.26zM224 375.08l-78.07-63.92a32 32 0 00-20.28-7.16H64v-96h50.72a4 4 0 002.82-6.83l-24-24a4 4 0 00-2.82-1.17H56a24 24 0 00-24 24v112a24 24 0 0024 24h69.76l91.36 74.8a8.27 8.27 0 00.66.51 23.93 23.93 0 0025.85 1.69A24.49 24.49 0 00256 391.45v-50.17a4 4 0 00-1.17-2.82l-24-24a4 4 0 00-6.83 2.82zM125.82 336zM352 256c0-24.56-5.81-47.88-17.75-71.27a16 16 0 00-28.5 14.54C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 002.32 6.25l19.66 19.67a4 4 0 006.75-2A146.89 146.89 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06a16 16 0 00-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 001.9 8.26l16.77 16.76a4 4 0 006.52-1.27C410.09 315.88 416 289.91 416 256z" /><path d="M480 256c0-74.26-20.19-121.11-50.51-168.61a16 16 0 10-27 17.22C429.82 147.38 448 189.5 448 256c0 47.45-8.9 82.12-23.59 113a4 4 0 00.77 4.55L443 391.39a4 4 0 006.4-1C470.88 348.22 480 307 480 256z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMuteOutline = props => {
 VolumeMuteOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeMuteSharp.js b/src/VolumeMuteSharp.js
index cbf61d732..2cc329c4b 100644
--- a/src/VolumeMuteSharp.js
+++ b/src/VolumeMuteSharp.js
@@ -15,7 +15,7 @@ const VolumeMuteSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80"/><path d="M352 256c0-24.56-5.81-47.88-17.75-71.27L327 170.47 298.48 185l7.27 14.25C315.34 218.06 320 236.62 320 256a112.91 112.91 0 01-.63 11.74l27.32 27.32A148.8 148.8 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06l-8.06-13.82-27.64 16.12 8.06 13.82C373.07 184.44 384 211.83 384 256c0 25.93-3.89 46.21-11 65.33l24.5 24.51C409.19 319.68 416 292.42 416 256z"/><path d="M480 256c0-74.26-20.19-121.11-50.51-168.61l-8.61-13.49-27 17.22 8.61 13.49C429.82 147.38 448 189.5 448 256c0 48.76-9.4 84-24.82 115.55l23.7 23.7C470.16 351.39 480 309 480 256zM256 72l-73.6 58.78 73.6 73.59V72zM32 176.1v159.8h93.65L256 440V339.63L92.47 176.1H32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="32" d="M416 432L64 80" /><path d="M352 256c0-24.56-5.81-47.88-17.75-71.27L327 170.47 298.48 185l7.27 14.25C315.34 218.06 320 236.62 320 256a112.91 112.91 0 01-.63 11.74l27.32 27.32A148.8 148.8 0 00352 256zM416 256c0-51.19-13.08-83.89-34.18-120.06l-8.06-13.82-27.64 16.12 8.06 13.82C373.07 184.44 384 211.83 384 256c0 25.93-3.89 46.21-11 65.33l24.5 24.51C409.19 319.68 416 292.42 416 256z" /><path d="M480 256c0-74.26-20.19-121.11-50.51-168.61l-8.61-13.49-27 17.22 8.61 13.49C429.82 147.38 448 189.5 448 256c0 48.76-9.4 84-24.82 115.55l23.7 23.7C470.16 351.39 480 309 480 256zM256 72l-73.6 58.78 73.6 73.59V72zM32 176.1v159.8h93.65L256 440V339.63L92.47 176.1H32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeMuteSharp = props => {
 VolumeMuteSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeOff.js b/src/VolumeOff.js
index 92e5c8d1d..ec685efb1 100644
--- a/src/VolumeOff.js
+++ b/src/VolumeOff.js
@@ -15,7 +15,7 @@ const VolumeOff = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 416a23.92 23.92 0 01-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 01-24-24V200.07a24 24 0 0124-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 01368 120v272a24 24 0 01-24 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M344 416a23.92 23.92 0 01-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 01-24-24V200.07a24 24 0 0124-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 01368 120v272a24 24 0 01-24 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeOff = props => {
 VolumeOff.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeOffOutline.js b/src/VolumeOffOutline.js
index cbf9f36d1..1f79b40f9 100644
--- a/src/VolumeOffOutline.js
+++ b/src/VolumeOffOutline.js
@@ -15,7 +15,7 @@ const VolumeOffOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M237.65 192H168a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M237.65 192H168a8 8 0 00-8 8v112a8 8 0 008 8h69.65a16 16 0 0110.14 3.63l91.47 75a8 8 0 0012.74-6.46V119.83a8 8 0 00-12.74-6.44l-91.47 75a16 16 0 01-10.14 3.61z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeOffOutline = props => {
 VolumeOffOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/VolumeOffSharp.js b/src/VolumeOffSharp.js
index 0aac764ae..55dd5c7b1 100644
--- a/src/VolumeOffSharp.js
+++ b/src/VolumeOffSharp.js
@@ -15,7 +15,7 @@ const VolumeOffSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M237.65 176.1H144v159.8h93.65L368 440V72L237.65 176.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M237.65 176.1H144v159.8h93.65L368 440V72L237.65 176.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const VolumeOffSharp = props => {
 VolumeOffSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Walk.js b/src/Walk.js
index 5be27719d..bbfea270d 100644
--- a/src/Walk.js
+++ b/src/Walk.js
@@ -15,7 +15,7 @@ const Walk = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M312.55 479.9l-56.42-114-44.62-57a72.37 72.37 0 01-10.06-36.9V143.64H217a40 40 0 0140 40v182.21" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M127.38 291.78v-74.07s37-74.07 74.07-74.07" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M368.09 291.78a18.49 18.49 0 01-10.26-3.11L297.7 250a21.18 21.18 0 01-9.7-17.79v-23.7a5.65 5.65 0 018.69-4.77l81.65 54.11a18.52 18.52 0 01-10.29 33.93zM171.91 493.47a18.5 18.5 0 01-14.83-7.41c-6.14-8.18-4-17.18 3.7-25.92l59.95-74.66a7.41 7.41 0 0110.76 2.06c1.56 2.54 3.38 5.65 5.19 9.09 5.24 9.95 6 16.11-1.68 25.7-8 10-52 67.44-52 67.44-2.62 2.98-7.23 3.7-11.09 3.7z"/><circle cx="257" cy="69.56" r="37.04" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M312.55 479.9l-56.42-114-44.62-57a72.37 72.37 0 01-10.06-36.9V143.64H217a40 40 0 0140 40v182.21" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M127.38 291.78v-74.07s37-74.07 74.07-74.07" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M368.09 291.78a18.49 18.49 0 01-10.26-3.11L297.7 250a21.18 21.18 0 01-9.7-17.79v-23.7a5.65 5.65 0 018.69-4.77l81.65 54.11a18.52 18.52 0 01-10.29 33.93zM171.91 493.47a18.5 18.5 0 01-14.83-7.41c-6.14-8.18-4-17.18 3.7-25.92l59.95-74.66a7.41 7.41 0 0110.76 2.06c1.56 2.54 3.38 5.65 5.19 9.09 5.24 9.95 6 16.11-1.68 25.7-8 10-52 67.44-52 67.44-2.62 2.98-7.23 3.7-11.09 3.7z" /><circle cx="257" cy="69.56" r="37.04" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Walk = props => {
 Walk.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WalkOutline.js b/src/WalkOutline.js
index 950d60e8d..adb7d3f8a 100644
--- a/src/WalkOutline.js
+++ b/src/WalkOutline.js
@@ -15,7 +15,7 @@ const WalkOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314.21 482.32l-56.77-114.74-44.89-57.39a72.82 72.82 0 01-10.13-37.05V144h15.67a40.22 40.22 0 0140.23 40.22v183.36M127.9 293.05v-74.52S165.16 144 202.42 144M370.1 274.42L304 231M170.53 478.36L224 400" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><circle cx="258.32" cy="69.48" r="37.26" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M314.21 482.32l-56.77-114.74-44.89-57.39a72.82 72.82 0 01-10.13-37.05V144h15.67a40.22 40.22 0 0140.23 40.22v183.36M127.9 293.05v-74.52S165.16 144 202.42 144M370.1 274.42L304 231M170.53 478.36L224 400" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><circle cx="258.32" cy="69.48" r="37.26" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WalkOutline = props => {
 WalkOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WalkSharp.js b/src/WalkSharp.js
index ecbd9de40..602bf31dd 100644
--- a/src/WalkSharp.js
+++ b/src/WalkSharp.js
@@ -15,7 +15,7 @@ const WalkSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M315.09 481.38l-56.95-115.12-45-57.56a73.11 73.11 0 01-10.16-37.17V142h15.73A40.36 40.36 0 01259 182.32v162.52" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M128.18 291.5v-74.77l64.95-65.1"/><path d="M376.35 295.73l-83.95-56.38v-44.68l104.68 72.95-20.73 28.11zM175.13 498.58l-21.43-26.91 80.33-81.54 15.53 32.07-74.43 76.38z"/><circle cx="259.02" cy="67.21" r="37.38" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="16"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M315.09 481.38l-56.95-115.12-45-57.56a73.11 73.11 0 01-10.16-37.17V142h15.73A40.36 40.36 0 01259 182.32v162.52" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="32" d="M128.18 291.5v-74.77l64.95-65.1" /><path d="M376.35 295.73l-83.95-56.38v-44.68l104.68 72.95-20.73 28.11zM175.13 498.58l-21.43-26.91 80.33-81.54 15.53 32.07-74.43 76.38z" /><circle cx="259.02" cy="67.21" r="37.38" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="16" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WalkSharp = props => {
 WalkSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Wallet.js b/src/Wallet.js
index 6de14d5eb..72b90f826 100644
--- a/src/Wallet.js
+++ b/src/Wallet.js
@@ -15,7 +15,7 @@ const Wallet = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M95.5 104h320a87.73 87.73 0 0111.18.71 66 66 0 00-77.51-55.56L86 94.08h-.3a66 66 0 00-41.07 26.13A87.57 87.57 0 0195.5 104zM415.5 128h-320a64.07 64.07 0 00-64 64v192a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V192a64.07 64.07 0 00-64-64zM368 320a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M32 259.5V160c0-21.67 12-58 53.65-65.87C121 87.5 156 87.5 156 87.5s23 16 4 16-18.5 24.5 0 24.5 0 23.5 0 23.5L85.5 236z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M95.5 104h320a87.73 87.73 0 0111.18.71 66 66 0 00-77.51-55.56L86 94.08h-.3a66 66 0 00-41.07 26.13A87.57 87.57 0 0195.5 104zM415.5 128h-320a64.07 64.07 0 00-64 64v192a64.07 64.07 0 0064 64h320a64.07 64.07 0 0064-64V192a64.07 64.07 0 00-64-64zM368 320a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M32 259.5V160c0-21.67 12-58 53.65-65.87C121 87.5 156 87.5 156 87.5s23 16 4 16-18.5 24.5 0 24.5 0 23.5 0 23.5L85.5 236z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Wallet = props => {
 Wallet.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WalletOutline.js b/src/WalletOutline.js
index 1c5b3c5a6..3ff2789ca 100644
--- a/src/WalletOutline.js
+++ b/src/WalletOutline.js
@@ -15,7 +15,7 @@ const WalletOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="144" width="416" height="288" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M411.36 144v-30A50 50 0 00352 64.9L88.64 109.85A50 50 0 0048 159v49" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M368 320a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="48" y="144" width="416" height="288" rx="48" ry="48" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M411.36 144v-30A50 50 0 00352 64.9L88.64 109.85A50 50 0 0048 159v49" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M368 320a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WalletOutline = props => {
 WalletOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WalletSharp.js b/src/WalletSharp.js
index 0aea2905a..a29df498a 100644
--- a/src/WalletSharp.js
+++ b/src/WalletSharp.js
@@ -15,7 +15,7 @@ const WalletSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M47.5 104H432V51.52a16 16 0 00-19.14-15.69l-368 60.48a16 16 0 00-12 10.47A39.69 39.69 0 0147.5 104zM463.5 128h-416a16 16 0 00-16 16v288a16 16 0 0016 16h416a16 16 0 0016-16V144a16 16 0 00-16-16zM368 320a32 32 0 1132-32 32 32 0 01-32 32z"/><path d="M31.33 259.5V116c0-12.33 5.72-18.48 15.42-20 35.2-5.53 108.58-8.5 108.58-8.5s-8.33 16-27.33 16V128c18.5 0 31.33 23.5 31.33 23.5L84.83 236z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M47.5 104H432V51.52a16 16 0 00-19.14-15.69l-368 60.48a16 16 0 00-12 10.47A39.69 39.69 0 0147.5 104zM463.5 128h-416a16 16 0 00-16 16v288a16 16 0 0016 16h416a16 16 0 0016-16V144a16 16 0 00-16-16zM368 320a32 32 0 1132-32 32 32 0 01-32 32z" /><path d="M31.33 259.5V116c0-12.33 5.72-18.48 15.42-20 35.2-5.53 108.58-8.5 108.58-8.5s-8.33 16-27.33 16V128c18.5 0 31.33 23.5 31.33 23.5L84.83 236z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WalletSharp = props => {
 WalletSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Warning.js b/src/Warning.js
index f13113227..498eb4bd4 100644
--- a/src/Warning.js
+++ b/src/Warning.js
@@ -15,7 +15,7 @@ const Warning = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Warning = props => {
 Warning.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WarningOutline.js b/src/WarningOutline.js
index ddb410dc1..b11e07ed2 100644
--- a/src/WarningOutline.js
+++ b/src/WarningOutline.js
@@ -15,7 +15,7 @@ const WarningOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M85.57 446.25h340.86a32 32 0 0028.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0028.17 47.17z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M250.26 195.39l5.74 122 5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 5.95z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 397.25a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M85.57 446.25h340.86a32 32 0 0028.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0028.17 47.17z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M250.26 195.39l5.74 122 5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 5.95z" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 397.25a20 20 0 1120-20 20 20 0 01-20 20z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WarningOutline = props => {
 WarningOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WarningSharp.js b/src/WarningSharp.js
index e714ac9e3..36f49e538 100644
--- a/src/WarningSharp.js
+++ b/src/WarningSharp.js
@@ -15,7 +15,7 @@ const WarningSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479 447.77L268.43 56.64a8 8 0 00-14.09 0L43.73 447.77a8 8 0 007.05 11.79H472a8 8 0 007-11.79zm-197.62-36.29h-40v-40h40zm-4-63.92h-32l-6-160h44z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M479 447.77L268.43 56.64a8 8 0 00-14.09 0L43.73 447.77a8 8 0 007.05 11.79H472a8 8 0 007-11.79zm-197.62-36.29h-40v-40h40zm-4-63.92h-32l-6-160h44z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WarningSharp = props => {
 WarningSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Watch.js b/src/Watch.js
index 062c329ef..17e52d3b1 100644
--- a/src/Watch.js
+++ b/src/Watch.js
@@ -15,7 +15,7 @@ const Watch = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="136" y="136" width="240" height="240" rx="56" ry="56"/><path d="M336 96V32a16 16 0 00-16-16H192a16 16 0 00-16 16v64a80.09 80.09 0 00-80 80v160a80.09 80.09 0 0080 80v64a16 16 0 0016 16h128a16 16 0 0016-16v-64a80.09 80.09 0 0080-80V176a80.09 80.09 0 00-80-80zm56 224a72.08 72.08 0 01-72 72H192a72.08 72.08 0 01-72-72V192a72.08 72.08 0 0172-72h128a72.08 72.08 0 0172 72z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="136" y="136" width="240" height="240" rx="56" ry="56" /><path d="M336 96V32a16 16 0 00-16-16H192a16 16 0 00-16 16v64a80.09 80.09 0 00-80 80v160a80.09 80.09 0 0080 80v64a16 16 0 0016 16h128a16 16 0 0016-16v-64a80.09 80.09 0 0080-80V176a80.09 80.09 0 00-80-80zm56 224a72.08 72.08 0 01-72 72H192a72.08 72.08 0 01-72-72V192a72.08 72.08 0 0172-72h128a72.08 72.08 0 0172 72z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Watch = props => {
 Watch.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WatchOutline.js b/src/WatchOutline.js
index 5cba96360..2e6d9c543 100644
--- a/src/WatchOutline.js
+++ b/src/WatchOutline.js
@@ -15,7 +15,7 @@ const WatchOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="112" width="288" height="288" rx="64" ry="64" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path d="M176 112V40a8 8 0 018-8h144a8 8 0 018 8v72M336 400v72a8 8 0 01-8 8H184a8 8 0 01-8-8v-72" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="112" y="112" width="288" height="288" rx="64" ry="64" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path d="M176 112V40a8 8 0 018-8h144a8 8 0 018 8v72M336 400v72a8 8 0 01-8 8H184a8 8 0 01-8-8v-72" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WatchOutline = props => {
 WatchOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WatchSharp.js b/src/WatchSharp.js
index ef3539d17..c9c95769c 100644
--- a/src/WatchSharp.js
+++ b/src/WatchSharp.js
@@ -15,7 +15,7 @@ const WatchSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="136" y="136" width="240" height="240" rx="8" ry="8"/><path d="M384 96h-48V16H176v80h-48a32 32 0 00-32 32v256a32 32 0 0032 32h48v80h160v-80h48a32 32 0 0032-32V128a32 32 0 00-32-32zm8 272a24 24 0 01-24 24H144a24 24 0 01-24-24V144a24 24 0 0124-24h224a24 24 0 0124 24z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<rect x="136" y="136" width="240" height="240" rx="8" ry="8" /><path d="M384 96h-48V16H176v80h-48a32 32 0 00-32 32v256a32 32 0 0032 32h48v80h160v-80h48a32 32 0 0032-32V128a32 32 0 00-32-32zm8 272a24 24 0 01-24 24H144a24 24 0 01-24-24V144a24 24 0 0124-24h224a24 24 0 0124 24z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WatchSharp = props => {
 WatchSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Water.js b/src/Water.js
index c3287253e..2c6a48374 100644
--- a/src/Water.js
+++ b/src/Water.js
@@ -15,7 +15,7 @@ const Water = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M265.12 60.12a12 12 0 00-18.23 0C215.23 97.15 112 225.17 112 320c0 88.37 55.64 144 144 144s144-55.63 144-144c0-94.83-103.23-222.85-134.88-259.88zM272 412a12 12 0 01-11.34-16 11.89 11.89 0 0111.41-8A60.06 60.06 0 00332 328.07a11.89 11.89 0 018-11.41A12 12 0 01356 328a84.09 84.09 0 01-84 84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M265.12 60.12a12 12 0 00-18.23 0C215.23 97.15 112 225.17 112 320c0 88.37 55.64 144 144 144s144-55.63 144-144c0-94.83-103.23-222.85-134.88-259.88zM272 412a12 12 0 01-11.34-16 11.89 11.89 0 0111.41-8A60.06 60.06 0 00332 328.07a11.89 11.89 0 018-11.41A12 12 0 01356 328a84.09 84.09 0 01-84 84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Water = props => {
 Water.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WaterOutline.js b/src/WaterOutline.js
index 9da28fbbc..361f5aa04 100644
--- a/src/WaterOutline.js
+++ b/src/WaterOutline.js
@@ -15,7 +15,7 @@ const WaterOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32"/><path d="M344 328a72 72 0 01-72 72" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0118.23 0C296.77 97.15 400 225.17 400 320z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" /><path d="M344 328a72 72 0 01-72 72" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WaterOutline = props => {
 WaterOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WaterSharp.js b/src/WaterSharp.js
index 39903a39b..0bf41759d 100644
--- a/src/WaterSharp.js
+++ b/src/WaterSharp.js
@@ -15,7 +15,7 @@ const WaterSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 43.91s-144 158.3-144 270.3c0 88.36 55.64 144 144 144s144-55.64 144-144c0-112-144-270.3-144-270.3zm16 362.3v-24a60.07 60.07 0 0060-60h24a84.09 84.09 0 01-84 84z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M256 43.91s-144 158.3-144 270.3c0 88.36 55.64 144 144 144s144-55.64 144-144c0-112-144-270.3-144-270.3zm16 362.3v-24a60.07 60.07 0 0060-60h24a84.09 84.09 0 01-84 84z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WaterSharp = props => {
 WaterSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Wifi.js b/src/Wifi.js
index a52fb2106..ccd81a8b1 100644
--- a/src/Wifi.js
+++ b/src/Wifi.js
@@ -15,7 +15,7 @@ const Wifi = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M346.65 304.3a136 136 0 00-180.71 0 21 21 0 1027.91 31.38 94 94 0 01124.89 0 21 21 0 0027.91-31.4z"/><path d="M256.28 183.7a221.47 221.47 0 00-151.8 59.92 21 21 0 1028.68 30.67 180.28 180.28 0 01246.24 0 21 21 0 1028.68-30.67 221.47 221.47 0 00-151.8-59.92z"/><path d="M462 175.86a309 309 0 00-411.44 0 21 21 0 1028 31.29 267 267 0 01355.43 0 21 21 0 0028-31.31z"/><circle cx="256.28" cy="393.41" r="32"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M346.65 304.3a136 136 0 00-180.71 0 21 21 0 1027.91 31.38 94 94 0 01124.89 0 21 21 0 0027.91-31.4z" /><path d="M256.28 183.7a221.47 221.47 0 00-151.8 59.92 21 21 0 1028.68 30.67 180.28 180.28 0 01246.24 0 21 21 0 1028.68-30.67 221.47 221.47 0 00-151.8-59.92z" /><path d="M462 175.86a309 309 0 00-411.44 0 21 21 0 1028 31.29 267 267 0 01355.43 0 21 21 0 0028-31.31z" /><circle cx="256.28" cy="393.41" r="32" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Wifi = props => {
 Wifi.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WifiOutline.js b/src/WifiOutline.js
index f508176f9..3d85449e6 100644
--- a/src/WifiOutline.js
+++ b/src/WifiOutline.js
@@ -15,7 +15,7 @@ const WifiOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.41 310.59a115 115 0 00-152.8 0M393.46 249.54a201.26 201.26 0 00-274.92 0M447.72 182.11a288 288 0 00-383.44 0" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"/><path d="M256 416a32 32 0 1132-32 32 32 0 01-32 32z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.41 310.59a115 115 0 00-152.8 0M393.46 249.54a201.26 201.26 0 00-274.92 0M447.72 182.11a288 288 0 00-383.44 0" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" /><path d="M256 416a32 32 0 1132-32 32 32 0 01-32 32z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WifiOutline = props => {
 WifiOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WifiSharp.js b/src/WifiSharp.js
index e3855b209..98b0d8a79 100644
--- a/src/WifiSharp.js
+++ b/src/WifiSharp.js
@@ -15,7 +15,7 @@ const WifiSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.69 320a115 115 0 00-152.8 0M393.74 259a201.26 201.26 0 00-274.92 0M448 191.52a288 288 0 00-383.44 0" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="42"/><path d="M300.67 384L256 433l-44.34-49a56.73 56.73 0 0188.92 0z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M332.69 320a115 115 0 00-152.8 0M393.74 259a201.26 201.26 0 00-274.92 0M448 191.52a288 288 0 00-383.44 0" fill="none" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" strokeWidth="42" /><path d="M300.67 384L256 433l-44.34-49a56.73 56.73 0 0188.92 0z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WifiSharp = props => {
 WifiSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Wine.js b/src/Wine.js
index ae2dddee0..b462f7b61 100644
--- a/src/Wine.js
+++ b/src/Wine.js
@@ -15,7 +15,7 @@ const Wine = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.56 94.92V80a16 16 0 00-16-16H113.44a16 16 0 00-16 16v14.92c-1.46 11.37-9.65 90.74 36.93 144.69 24.87 28.8 60.36 44.85 105.63 47.86V416h-80a16 16 0 000 32h192a16 16 0 000-32h-80V287.47c45.27-3 80.76-19.06 105.63-47.86 46.58-53.95 38.37-133.32 36.93-144.69zm-285.3 3.41a15.14 15.14 0 00.18-2.33h253.12a15.14 15.14 0 00.18 2.33 201.91 201.91 0 010 45.67H129.32a204.29 204.29 0 01-.06-45.67z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M414.56 94.92V80a16 16 0 00-16-16H113.44a16 16 0 00-16 16v14.92c-1.46 11.37-9.65 90.74 36.93 144.69 24.87 28.8 60.36 44.85 105.63 47.86V416h-80a16 16 0 000 32h192a16 16 0 000-32h-80V287.47c45.27-3 80.76-19.06 105.63-47.86 46.58-53.95 38.37-133.32 36.93-144.69zm-285.3 3.41a15.14 15.14 0 00.18-2.33h253.12a15.14 15.14 0 00.18 2.33 201.91 201.91 0 010 45.67H129.32a204.29 204.29 0 01-.06-45.67z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Wine = props => {
 Wine.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WineOutline.js b/src/WineOutline.js
index 8b8d72cc4..389bfa311 100644
--- a/src/WineOutline.js
+++ b/src/WineOutline.js
@@ -15,7 +15,7 @@ const WineOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M398.57 80H113.43v16S87.51 272 256 272 398.57 96 398.57 96zM256 272v160" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 432H160"/><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M112 160h288"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M398.57 80H113.43v16S87.51 272 256 272 398.57 96 398.57 96zM256 272v160" fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M352 432H160" /><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M112 160h288" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WineOutline = props => {
 WineOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WineSharp.js b/src/WineSharp.js
index 73e9e3e00..676971c08 100644
--- a/src/WineSharp.js
+++ b/src/WineSharp.js
@@ -15,7 +15,7 @@ const WineSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M453 112V66.33H60.75V112l175.13 176v118H124.75v42H389v-42H277.88V288zm-336.65-3.67h281l-37.81 38H154.16z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M453 112V66.33H60.75V112l175.13 176v118H124.75v42H389v-42H277.88V288zm-336.65-3.67h281l-37.81 38H154.16z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WineSharp = props => {
 WineSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/Woman.js b/src/Woman.js
index b6df95ecc..bd24d1219 100644
--- a/src/Woman.js
+++ b/src/Woman.js
@@ -15,7 +15,7 @@ const Woman = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="255.75" cy="56" r="56"/><path d="M394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 00-43-32.08h-120a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0025.6-13.18l25.58-85.25 2.17-7.23a8 8 0 0115.53 2.62 7.78 7.78 0 01-.17 1.61L155.43 347.4a16 16 0 0015.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0015.33-20.6l-43.74-145.81a7.52 7.52 0 01-.16-1.59 8 8 0 0115.54-2.63l2.17 7.23 25.57 85.25A20 20 0 00382.05 303c10.27-3.44 15.69-14.71 12.58-25.1z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="255.75" cy="56" r="56" /><path d="M394.63 277.9l-10.33-34.41v-.11l-22.46-74.86h-.05l-2.51-8.45a44.87 44.87 0 00-43-32.08h-120a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-22.46 74.86v.11l-10.37 34.41c-3.12 10.39 2.3 21.66 12.57 25.14a20 20 0 0025.6-13.18l25.58-85.25 2.17-7.23a8 8 0 0115.53 2.62 7.78 7.78 0 01-.17 1.61L155.43 347.4a16 16 0 0015.32 20.6h29v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h16v114.69c0 16.46 10.53 29.31 24 29.31s24-12.85 24-29.31V368h30a16 16 0 0015.33-20.6l-43.74-145.81a7.52 7.52 0 01-.16-1.59 8 8 0 0115.54-2.63l2.17 7.23 25.57 85.25A20 20 0 00382.05 303c10.27-3.44 15.69-14.71 12.58-25.1z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const Woman = props => {
 Woman.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WomanOutline.js b/src/WomanOutline.js
index 1273f6424..765056436 100644
--- a/src/WomanOutline.js
+++ b/src/WomanOutline.js
@@ -15,7 +15,7 @@ const WomanOutline = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path d="M256 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V368M183 274a23.73 23.73 0 01-29.84 16.18h0a23.72 23.72 0 01-16.17-29.84l25-84.28A44.85 44.85 0 01205 144h102a44.85 44.85 0 0143 32.08l25 84.28a23.72 23.72 0 01-16.17 29.84h0a23.73 23.73 0 01-29.78-16.2" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><circle cx="256" cy="56" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 192l-48 160h192l-48-160"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path d="M208 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path d="M256 368v104a23.73 23.73 0 0024 24h0a23.73 23.73 0 0024-24V368M183 274a23.73 23.73 0 01-29.84 16.18h0a23.72 23.72 0 01-16.17-29.84l25-84.28A44.85 44.85 0 01205 144h102a44.85 44.85 0 0143 32.08l25 84.28a23.72 23.72 0 01-16.17 29.84h0a23.73 23.73 0 01-29.78-16.2" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><circle cx="256" cy="56" r="40" fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" /><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M208 192l-48 160h192l-48-160" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WomanOutline = props => {
 WomanOutline.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/src/WomanSharp.js b/src/WomanSharp.js
index 4507dba4a..55bcb6f9f 100644
--- a/src/WomanSharp.js
+++ b/src/WomanSharp.js
@@ -15,7 +15,7 @@ const WomanSharp = props => {
       beat={props.beat ? 1 : 0}
       className={props.className}
     >
-      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="255.75" cy="56" r="56"/><path d="M310.28 191.4h.05l7.66-2.3 36.79 122.6 46-13.8-16.21-54.16c0-.12 0-.24-.07-.36l-16.84-56.12-4.71-15.74-.9-3H362l-2.51-8.45a44.84 44.84 0 00-43-32.08H195.24a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-.9 3-4.71 15.74-16.84 56.12c0 .12 0 .24-.07.36l-16.21 54.16 46 13.8 36.76-122.6 7.54 2.26L148.25 368h51.5v144h52V368h8v144h52V368h51.51z"/></svg>
+      <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<circle cx="255.75" cy="56" r="56" /><path d="M310.28 191.4h.05l7.66-2.3 36.79 122.6 46-13.8-16.21-54.16c0-.12 0-.24-.07-.36l-16.84-56.12-4.71-15.74-.9-3H362l-2.51-8.45a44.84 44.84 0 00-43-32.08H195.24a44.84 44.84 0 00-43 32.08l-2.51 8.45h-.06l-.9 3-4.71 15.74-16.84 56.12c0 .12 0 .24-.07.36l-16.21 54.16 46 13.8 36.76-122.6 7.54 2.26L148.25 368h51.5v144h52V368h8v144h52V368h51.51z" /></svg>
     </SvgContainer>
   )
 }
@@ -24,7 +24,7 @@ const WomanSharp = props => {
 WomanSharp.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',
diff --git a/utils/generateComponents.js b/utils/generateComponents.js
index b44764f11..4b2fe9c14 100644
--- a/utils/generateComponents.js
+++ b/utils/generateComponents.js
@@ -32,7 +32,7 @@ const ${toCamelCase(componentName)} = props => {
 ${toCamelCase(componentName)}.defaultProps = {
   // style
   style: {},
-  color: '#000000',
+  color: 'inherit',
   height: '22px',
   width: '22px',
   cssClasses: '',